:root{--error-color:#ff0101;--primary-color:#4caf53;--light-green-color:#55d22a;--light-primary-color:#e6ffe6;--secondary-color:#237435;--border-color:#e5e7eb;--white-color:#fff;--sub-title-color:#5a6871;--tab-bg-color:#f4f5f7;--warning-color:rgba(255,200,0,.894);--success-color:#1fb672;--gray-color:#505050;--light-gray-color:#eaebec;--toggle-switch-color:#4caf53;--secondary-100:#f2f4f7;--secondary-200:#e4e6eb;--secondary-300:#d2d5d9;--secondary-400:#a7acb4;--secondary-500:#757982;--secondary-600:#50545d;--secondary-700:#323842;--secondary-800:#23272e}.splash-screen{z-index:10;background-image:url(../media/splash-screen.c9949948.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;height:100vh;margin:0 auto;font-size:15px;display:flex;position:relative}.splash-screen .text-logo{color:#000;font-size:2rem;font-weight:600}.splash-screen .logo{width:100%;max-width:14em;height:auto}.splash-screen .text-title{color:#000;font-size:2.5rem;font-weight:600}.splash-screen .text-loading{color:#000;font-size:1rem;font-weight:400}.splash-screen .loading-text{position:absolute;bottom:0}.splash-screen .loading-progress-container{flex-direction:column;align-items:center;gap:.3em;width:65%;max-width:400px;display:flex;position:absolute;bottom:3em}.splash-screen .loading-progress-container .progress-percentage{color:#fff;text-align:center;font-size:1rem;font-weight:600;line-height:1}.splash-screen .loading-progress-container .progress{background-color:#fff;border:.16em solid #fff;border-radius:50px;width:100%;height:1.5em;overflow:hidden}.splash-screen .loading-progress-container .progress-bar{background-color:#3dc75a;justify-content:center;align-items:center;height:100%;transition:width .1s;display:flex}.form-group{margin-bottom:1.5vh}.form-group .form-check-input:focus{box-shadow:none}.form-group .form-checkbox-input{align-items:center;display:flex}.form-group .form-checkbox-input input{width:15px;height:15px;margin:0;transform:translateY(2px)}.form-group .select__multi-value .css-16xfy0z-control .css-1p3m7a8-multiValue{color:var(--secondary-500);background-color:#d7dee1!important}.form-group .form-label{color:var(--secondary-800);font-size:2vh;font-weight:600}.form-group .form-label span.inputStar{color:var(--error-color)}.form-group .form-control{background:var(--white-color);border:1px solid var(--white-color);margin-bottom:10px;padding:1rem 2rem;font-size:.9em;font-weight:600;box-shadow:0 3px 5px rgba(0,0,0,.22);border-radius:30px!important}.form-group .form-control::placeholder{color:var(--secondary-400)}.form-group .form-control::-ms-expand{display:none}.form-group .form-control.error{border-color:var(--error-color);box-shadow:inset 0 0 0 1px #f33}.form-group .form-control:disabled{color:var(--secondary-500);background-color:#f5f5f5!important}.form-group .form-control.form-control-sm,.form-group .form-control.form-select-sm{padding:4px 10px;font-size:13px}.form-group .input-group{background:var(--white-color);border:1px solid var(--white-color);margin-bottom:10px;font-size:1.5vh;font-weight:600;box-shadow:0 3px 5px rgba(0,0,0,.22);border-radius:5vh!important}.form-group .input-group .form-control{box-shadow:none;border:none;border:1px solid var(--white-color);color:var(--secondary-400);background:0 0;border-radius:0;margin:0;padding:.6rem 1.2rem;font-size:1.8vh;font-weight:600;line-height:0}.form-group .input-group .form-control:not(:-moz-read-only):focus{color:var(--secondary-400);box-shadow:none;border:1px solid transparent}.form-group .input-group .form-control:not(:read-only):focus{color:var(--secondary-400);box-shadow:none;border:1px solid transparent}.form-group .input-group:focus,.form-group .input-group:active,.form-group .input-group:hover{color:var(--secondary-400);border:1px solid var(--primary-color);box-shadow:0 0 0 .2rem rgba(76,175,83,.25)}.form-group .input-group:focus-visible{color:var(--secondary-400);border:1px solid var(--primary-color);box-shadow:0 0 0 .2rem rgba(76,175,83,.25)}.form-group .input-group.disabled{border:1px solid var(--white-color);box-shadow:0 3px 5px rgba(0,0,0,.22)}.form-group .input-group .btnViewPassword{box-shadow:none;color:var(--secondary-400);background:0 0;border:none;margin:0;padding:0}.form-group .input-group .btnViewPassword:hover{color:var(--primary-color)}.form-group.only-border .form-control{box-shadow:inset 0 0 0 1px var(--secondary-500);background-color:transparent;border-radius:4px!important}.form-group select.form-control,.form-group select.form-control.form-control-sm{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--text-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23757982' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 1.2rem center;background-repeat:no-repeat;background-size:12px;padding-right:32px!important}.form-group select.form-control:hover,.form-group select.form-control.form-control-sm:hover{border-color:var(--primary-color)}.form-group select.form-control:focus,.form-group select.form-control.form-control-sm:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 .2rem rgba(76,175,83,.25)}.form-group select.form-control option,.form-group select.form-control.form-control-sm option{background-color:var(--white-color);color:var(--text-color);padding:.75rem 1rem;font-size:.9em;font-weight:600}.form-group select.form-control option:hover,.form-group select.form-control.form-control-sm option:hover{background-color:var(--light-primary-color)}.form-group select.form-control option:checked,.form-group select.form-control.form-control-sm option:checked{background-color:var(--primary-color);color:var(--white-color)}.form-group select.form-control::-ms-expand{display:none}.form-group select.form-control.form-control-sm::-ms-expand{display:none}.form-group select.form-control.is-invalid,.form-group select.form-control.form-control-sm.is-invalid{border-color:var(--error-color);box-shadow:inset 0 0 0 1px var(--error-color)}.form-group select.form-control.is-invalid:focus,.form-group select.form-control.form-control-sm.is-invalid:focus{border-color:var(--error-color);box-shadow:inset 0 0 0 1px var(--error-color),0 0 0 .2rem rgba(255,1,1,.25)}.form-group .invalid-feedback{width:100%;color:var(--error-color);margin-top:.5vh;font-size:2vh;font-weight:600;line-height:1.2;display:block}.form-group .input-group .start-icon{padding:0 1rem 0 .75rem;color:var(--secondary-400)!important;background-color:transparent!important;border:none!important}.form-group .input-group .start-icon button{padding:0}.form-group .input-group .start-icon svg{width:1.5rem;height:1.5rem;margin:auto 0}.form-group .input-group .end-icon{padding:0 .75rem 0 1rem;color:var(--secondary-400)!important;background-color:transparent!important;border:none!important}.form-group .input-group .end-icon button{min-width:-moz-fit-content;min-width:fit-content;box-shadow:none;color:var(--secondary-400);background:0 0;border:none;padding:0;display:block}.form-group .input-group .end-icon button:hover{color:var(--primary-color)}.form-group .input-group .end-icon svg{width:1em;height:1em;margin:auto 0}.form-group .input-group .icon-right{color:var(--primary-color);z-index:9;transition:all .3s ease-in-out;position:absolute;top:0;right:0}.form-group .input-group .icon-right:hover{color:var(--secondary-700)}.form-group .input-group .input-group-text{background-color:var(--secondary-700);color:var(--text-color);border:none;border-right:2px solid var(--secondary-500);font-size:14px}.form-group .input-group .input-group-text~.form-control{padding-right:10px;border-radius:0!important}.form-group .input-group.padding-normal .form-control{padding:8px 10px 8px 12px}.form-group .input-group.border-left .form-control{border-radius:0}.form-group .icon-chevron-down{pointer-events:none;font-size:22px;position:absolute;top:38px;right:10px}.form-group textarea{resize:none}.form-group textarea.form-control{height:76px}.form-group .common-view-input{position:relative}.form-group .common-view-input .common-spinner{column-gap:3px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.form-group .common-view-input .common-spinner div{background-color:var(--primary-color);width:4px;height:4px}.error-message{color:var(--error-color);font-size:.8em;font-weight:600;line-height:1}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html[lang=ar] .form-group .input-group .form-control{padding:.8rem 1.5rem;font-size:2.3vh}@media (min-width:1200px) and (max-width:1399px){.form-group .form-label{font-size:1.8vh}.form-group .input-group .form-control{padding:.5rem 1rem;font-size:1.4vh}}@media (min-width:992px) and (max-width:1199px){.form-group .form-label{font-size:1.6vh}.form-group .input-group .form-control{padding:.6rem 1.2rem;font-size:1.4vh}.form-group .input-group .start-icon,.form-group .input-group .end-icon{padding:0 1rem}.form-group .input-group .end-icon button svg{width:1.2em;height:1.2em}}@media (min-width:768px) and (max-width:991px){.form-group .form-label{font-size:1.6vh}.form-group .input-group .form-control{padding:.6rem 1.2rem;font-size:1.4vh}.form-group .input-group .start-icon,.form-group .input-group .end-icon{padding:0 1rem}.form-group .input-group .end-icon button svg{width:1.2em;height:1.2em}}@media (min-width:576px) and (max-width:767px){.form-group .form-label{font-size:1.6vh}.form-group .input-group .form-control{padding:.6rem 1.2rem;font-size:1.4vh}.form-group .input-group .start-icon,.form-group .input-group .end-icon{padding:0 1rem}.form-group .input-group .end-icon button svg{width:1.2em;height:1.2em}}@media (min-width:320px) and (max-width:575px){.form-group .form-label{font-size:1.6vh}.form-group .input-group .form-control{padding:.5rem;font-size:1.4vh}.form-group .input-group .start-icon{padding:0 1rem}.form-group .input-group .start-icon svg{width:1.2em;height:1.2em}.form-group .input-group .end-icon{padding:0 1rem}.form-group .input-group .end-icon button svg{width:1em;height:1em}}header{background:var(--white-color);z-index:1000;border-radius:.65rem;justify-content:space-between;align-items:center;width:100%;max-width:85%;height:5rem;margin:0 auto;padding:0 1.5rem;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 5px 10px rgba(0,0,0,.133)}header .page-title{width:100%;color:var(--secondary-color);text-wrap:nowrap;text-align:center;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;margin:0;font-size:1.2rem;font-weight:600;display:flex}header .header-left{justify-content:flex-start;align-items:center;gap:3rem;width:100%;height:100%;display:flex}header .header-left .text-logo{color:var(--secondary-color);text-wrap:nowrap;margin:0;font-size:2.5vh;font-weight:600;line-height:1}header .header-left .text-logo img{width:8rem}header .header-left .header-nav ul{justify-content:flex-start;align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}header .header-left .header-nav ul a{color:var(--secondary-color);border-radius:1vh;margin:0;padding:.5vh 2vh;font-size:1.2rem;font-weight:600;line-height:1;text-decoration:none}header .header-left .header-nav ul a:hover{color:var(--primary-color)}header .header-left .header-nav ul a.active{color:var(--primary-color);pointer-events:none}header .header-left .header-nav ul a svg{width:3vh;height:3vh;color:var(--secondary-400);font-size:3vh;line-height:1;transition:all .3s}header .header-left .header-nav ul a svg:hover{color:var(--secondary-color)}header .header-left .header-nav ul li{text-wrap:nowrap;position:relative}header .header-left .header-nav ul li .settings-icon-wrapper{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}header .header-left .header-nav ul li .settings-icon-wrapper svg{width:3vh;height:3vh;color:var(--secondary-400);font-size:3vh;line-height:1;transition:all .3s}header .header-left .header-nav ul li .settings-icon-wrapper svg:hover{color:var(--secondary-color)}header html[lang=ar] .header-nav ul a{font-size:3vh}header .header-right{justify-content:flex-end;align-items:center;gap:1rem;width:100%;display:flex}header .header-right .right-content-item{cursor:pointer;background:var(--secondary-100);border-radius:1vh;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:-moz-fit-content;max-width:fit-content;height:100%;padding:.4rem .5rem;line-height:1;transition:all .3s;display:flex}header .header-right .right-content-item:hover svg,header .header-right .right-content-item:hover span:last-child svg{color:var(--primary-color)}@keyframes jiggle{0%{transform:rotate(0)scale(1)}50%{transform:rotate(10deg)scale(1.1)}75%{transform:rotate(-10deg)scale(1.1)}to{transform:rotate(0)scale(1)}}header .header-right .right-content-item span{color:#000;text-align:center;text-transform:none;text-wrap:nowrap;font-weight:600;line-height:1}header .header-right .right-content-item span:first-child{padding:0 1rem;font-size:1.2rem;font-weight:600;line-height:1}header .header-right .right-content-item span:last-child{border-radius:50%;place-items:center;height:100%;display:grid}header .header-right .right-content-item span:last-child svg{color:var(--primary-color);font-size:2rem;transition:all .3s}header .header-right .right-content-item span:last-child svg:hover{color:var(--primary-color)}header .header-right .right-content-item span.bundle-count.normal,header .header-right .right-content-item span.bundle-count.two-digit,header .header-right .right-content-item span.bundle-count.three-digit{transform:scale(1)}header .header-right .right-content-item span.bundle-info{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .5rem;line-height:1;display:flex}header .header-right .right-content-item span.bundle-info .bundle-count{padding:0;font-size:1.2rem;font-weight:700;line-height:1}header .header-right .right-content-item span.bundle-info .bundle-label{color:var(--secondary-600,#666);white-space:nowrap;font-size:.7rem;font-weight:500;line-height:1}header .header-right .login-button{width:-moz-fit-content;width:fit-content;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:1rem;font-weight:700;line-height:1.2;font-family:var(--arabic-font);text-wrap:nowrap;border-radius:99px;padding:.7rem 2rem;transition:all .3s ease-in-out}header .header-right .login-button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}header .header-right .login-button:disabled{color:var(--white-color);opacity:.6;cursor:not-allowed}header .header-right .login-button.full-width{max-width:none}header .header-right .login-button.btn-custom-discard{background-color:var(--sub-title-color)!important;color:var(--white-color)!important}header .header-right .login-button.btn-custom-discard:disabled{opacity:.5;cursor:not-allowed}header .header-right .login-button.btn-custom-confirm{background-color:var(--primary-color)!important;color:var(--white-color)!important}header .header-right .login-button.btn-custom-confirm svg{color:#fff!important}header .header-right .login-button.btn-custom-confirm:disabled{opacity:.5;cursor:not-allowed}header .header-right .notification .settings-icon-btn{cursor:pointer;background:var(--white-color);border:none;border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;margin:0;padding:0;text-decoration:none;transition:all .3s;display:grid;box-shadow:0 3px 5px rgba(0,0,0,.26)}header .header-right .notification .settings-icon-btn svg{width:1.4rem;height:1.4rem;color:var(--primary-color);font-size:1.4rem}header .header-right .notification .settings-icon-btn:hover{background:var(--primary-color)}header .header-right .notification .settings-icon-btn:hover svg{color:var(--white-color);animation:.5s ease-in-out jiggle}header .header-right .notification .settings-icon-btn:focus{outline:none}header .header-right .game-lobby-header{justify-content:flex-end;align-items:center;gap:1.5vh;width:100%;display:flex}header .header-right .game-lobby-header .settings-icon-btn{cursor:pointer;background:var(--white-color);border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;transition:all .3s;display:grid;box-shadow:0 3px 5px rgba(0,0,0,.26)}header .header-right .game-lobby-header .settings-icon-btn svg{width:1.4rem;height:1.4rem;color:var(--secondary-color);font-size:1.4rem;line-height:1}header .header-right .game-lobby-header .settings-icon-btn:hover{background:var(--primary-color)}header .header-right .game-lobby-header .settings-icon-btn:hover svg{color:var(--white-color)}header .header-right .header-profile{cursor:pointer;flex-flow:column;justify-content:center;align-items:center;display:flex}header .header-right .header-profile.rtl{right:1rem}header .header-right .header-profile.ltr{left:1rem}header .header-right .header-profile .profile-img{border:1px solid var(--primary-color);background-color:var(--white-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 3px 5px rgba(0,0,0,.26)}header .header-right .header-profile .profile-img:hover{transform:scale(1.05)}header .header-right .header-profile .profile-img img{object-fit:cover;width:100%;height:100%}header .header-right .header-profile .profile-img svg{width:100%;height:100%;font-size:35px}header .header-right .header-profile .back-icon{cursor:pointer;background:var(--white-color);border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;transition:all .3s;display:grid;box-shadow:0 3px 5px rgba(0,0,0,.26)}header .header-right .header-profile .back-icon svg{width:1.4rem;height:1.4rem;font-size:1.4rem}header .header-right .header-profile .back-icon:hover{background:var(--primary-color)}header .header-right .header-profile .back-icon:hover svg{color:var(--white-color)}header .header-right .header-profile.ltr-back-btn .back-icon svg{transform:rotate(180deg)}header .header-right .header-profile .profile-name{color:var(--white-color);margin:0;font-size:12px;font-weight:600}header .header-right .header-profile .profile-name.normal{transform:scale(1)}header .header-right .header-profile .profile-name.two-digit{transform:scale(.8)}header .header-right .header-profile .profile-name.three-digit{transform:scale(.6)}html[lang=ar] header .header-left .header-nav ul a,html[lang=ar] header .page-title{font-size:2rem}html[lang=ar] header .header-right .login-button{font-size:1.1rem}.profile-menu li.Mui-focusVisible{background-color:transparent!important}.profile-menu .profile-menu-item{align-items:center;gap:.5rem;display:flex}.profile-menu .profile-menu-item .profile-menu-icon svg{color:#6b7280;width:2rem;height:2rem;font-size:2rem}.profile-menu .profile-menu-item:hover{background-color:rgba(0,0,0,.04)!important}.profile-menu .logout-button:hover,.profile-menu .exit-game-button:hover{color:var(--error-color);background-color:rgba(0,0,0,.04)}.profile-menu .logout-button:hover svg,.profile-menu .exit-game-button:hover svg{color:var(--error-color)}.profile-menu-sound-item,.profile-menu-language-item{width:100%;padding:.5rem 0}.profile-menu-sound-item .custom-switch-container,.profile-menu-language-item .custom-switch-container{margin:0}.profile-menu-sound-item .language-switcher-label,.profile-menu-language-item .language-switcher-label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.profile-menu-sound-item .language-toggle-container,.profile-menu-language-item .language-toggle-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;display:flex}.profile-menu-sound-item .language-toggle-container .language-icon,.profile-menu-language-item .language-toggle-container .language-icon{color:#374151;flex-shrink:0;width:2rem;height:2rem;font-size:2rem}.profile-menu-sound-item .language-toggle-container .language-toggle-btn,.profile-menu-language-item .language-toggle-container .language-toggle-btn{color:#9ca3af;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;background:0 0;border:none;border-radius:.375rem;flex:1;min-width:2.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.profile-menu-sound-item .language-toggle-container .language-toggle-btn:hover:not(:disabled),.profile-menu-language-item .language-toggle-container .language-toggle-btn:hover:not(:disabled){color:var(--primary-color)}.profile-menu-sound-item .language-toggle-container .language-toggle-btn:disabled,.profile-menu-language-item .language-toggle-container .language-toggle-btn:disabled{cursor:not-allowed}.profile-menu-sound-item .language-toggle-container .language-toggle-btn.active,.profile-menu-language-item .language-toggle-container .language-toggle-btn.active{background-color:var(--white-color);color:var(--primary-color);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}.profile-menu-sound-item .language-toggle-container .language-separator,.profile-menu-language-item .language-toggle-container .language-separator{color:#d1d5db;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .125rem;font-size:.875rem;font-weight:300}@media (min-width:992px) and (max-width:1199px){header{max-width:95%}header .header-right .login-button{font-size:1.4rem}header .header-right .right-content-item .bundle-info{line-height:normal!important}header .header-right .right-content-item span:last-child svg{width:1.8rem;font-size:1.8rem}header .header-right .right-content-item span:first-child{font-size:1.4rem}html[lang=ar] header .header-left .header-nav ul a{font-size:3vh}html[lang=ar] header .header-right .login-button{padding:1.2vh 2.2vh;font-size:2vh}html[lang=ar] header .page-title{font-size:2.5vw}.profile-menu{min-width:250px!important;max-width:250px!important}.profile-menu .profile-menu-item .profile-menu-icon svg{width:1.8rem;height:1.8rem;font-size:1.8rem}.profile-menu hr{margin-top:5px!important;margin-bottom:5px!important}.profile-menu .profile-menu-sound-item,.profile-menu .profile-menu-language-item{padding:0}.profile-menu .language-toggle-container{padding:.3rem .5rem}.profile-menu .language-toggle-container .language-icon{width:1.8rem;height:1.8rem;font-size:1.8rem}.profile-menu .language-toggle-container .language-toggle-btn{padding:.3rem .5rem}}@media (min-width:768px) and (max-width:991px){header{max-width:95%;height:8.2vh}header .header-left{gap:2rem}header .header-left .text-logo{font-size:2.3vh}header .header-left .text-logo img{width:7rem}header .header-left .header-nav ul a{font-size:1.8vh}header .page-title{font-size:2.3vh}header .header-right .login-button{font-size:1.6vh}header .header-right .right-content-item span:last-child{width:3vh}header .header-right .right-content-item span:last-child svg{width:3vh;font-size:3vh}header .header-right .right-content-item span:first-child{font-size:1.8vh}header .header-right .game-lobby-header .settings-icon-btn,header .header-right .notification .settings-icon-btn{width:2.6rem;height:2.6rem}header .header-right .game-lobby-header .settings-icon-btn svg,header .header-right .notification .settings-icon-btn svg{width:1.3rem;height:1.3rem;font-size:1.3rem}html[lang=ar] header .header-left .header-nav ul a{font-size:2.5vh}html[lang=ar] header .header-right .login-button{padding:1.2vh 2.2vh;font-size:2vh}html[lang=ar] header .page-title{font-size:2.5vw}.profile-menu{min-width:250px!important;max-width:250px!important}.profile-menu .profile-menu-item .profile-menu-icon svg{width:1.8rem;height:1.8rem;font-size:1.8rem}.profile-menu hr{margin-top:5px!important;margin-bottom:5px!important}.profile-menu .profile-menu-sound-item,.profile-menu .profile-menu-language-item{padding:0}.profile-menu .language-toggle-container{padding:.3rem .5rem}.profile-menu .language-toggle-container .language-icon{width:1.8rem;height:1.8rem;font-size:1.8rem}.profile-menu .language-toggle-container .language-toggle-btn{padding:.3rem .5rem}}.hamburger-menu-btn{background:var(--white-color);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.1)}.hamburger-menu-btn svg{width:1.75rem;height:1.75rem;color:var(--secondary-color);transition:all .3s}.hamburger-menu-btn:hover{background:var(--primary-color);box-shadow:0 3px 6px rgba(0,0,0,.15)}.hamburger-menu-btn:hover svg{color:var(--white-color)}.hamburger-menu-btn:focus{outline:none}html.drawer-open,html.drawer-open body{touch-action:none;overflow:hidden!important}html.drawer-open .MuiDrawer-root,html.drawer-open .MuiDrawer-root *{touch-action:auto}.mobile-menu-drawer .MuiDrawer-paper{background:var(--white-color);width:85%;max-width:320px;padding:0;overflow-y:auto;box-shadow:2px 0 8px rgba(0,0,0,.15)}.mobile-menu-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.mobile-menu-content .mobile-menu-profile-section{background:linear-gradient(135deg,var(--primary-color)0%,#3b8940 100%);color:var(--white-color);align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-avatar{border:3px solid var(--white-color);cursor:pointer;border-radius:50%;flex-shrink:0;width:60px;height:60px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-avatar img{object-fit:cover;width:100%;height:100%}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-info{flex:1;min-width:0}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-info .mobile-profile-name{color:var(--white-color);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:1.25rem;font-weight:700;overflow:hidden}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-info .mobile-profile-email{color:rgba(255,255,255,.9);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.875rem;overflow:hidden}.mobile-menu-content .mobile-menu-profile-section.disabled .mobile-profile-avatar{cursor:default;pointer-events:none}.mobile-menu-content .mobile-menu-wallet-section{background:var(--secondary-50);border-bottom:1px solid var(--secondary-200);padding:1.25rem 1.5rem}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-link{width:100%;text-decoration:none;display:block}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-link .mobile-wallet-content{background:var(--white-color);border-radius:.75rem;align-items:center;gap:1rem;padding:.75rem;transition:all .3s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.08)}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-link .mobile-wallet-content:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.12)}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-link .mobile-wallet-icon{width:2.5rem;height:2.5rem;color:var(--primary-color);flex-shrink:0}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-link .mobile-wallet-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-link .mobile-wallet-info .mobile-wallet-label{color:var(--secondary-400);font-size:.875rem;font-weight:500}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-link .mobile-wallet-info .mobile-wallet-balance{color:var(--secondary-color);font-size:1.5rem;font-weight:700}.mobile-menu-content .mobile-sound-language-section{background:var(--white-color);flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.mobile-menu-content .mobile-sound-language-section .mobile-sound-item{width:100%}.mobile-menu-content .mobile-sound-language-section .mobile-sound-item .custom-switch-container{width:100%;margin:0}.mobile-menu-content .mobile-sound-language-section .mobile-language-item{width:100%}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container{background-color:var(--secondary-50);border:1px solid var(--secondary-200);border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-icon{width:1.5rem;height:1.5rem;color:var(--secondary-color);flex-shrink:0;font-size:1.5rem}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-toggle-btn{color:var(--secondary-400);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-align:center;background:0 0;border:none;border-radius:.5rem;flex:1;min-width:2.5rem;padding:.5rem .75rem;font-size:.95rem;font-weight:500;transition:all .2s}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-toggle-btn:hover:not(:disabled){color:var(--primary-color);background:var(--white-color)}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-toggle-btn.active{background-color:var(--primary-color);color:var(--white-color);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-separator{color:var(--secondary-300);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .25rem;font-size:.875rem;font-weight:300}.mobile-menu-content .mobile-menu-divider{background:var(--secondary-200);height:1px;margin:.5rem 0}.mobile-menu-content .mobile-nav{width:100%;padding:.75rem 0}.mobile-menu-content .mobile-nav ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.mobile-menu-content .mobile-nav ul li{width:100%}.mobile-menu-content .mobile-nav ul li .mobile-nav-link{color:var(--secondary-color);background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.mobile-menu-content .mobile-nav ul li .mobile-nav-link .mobile-nav-icon{width:1.5rem;height:1.5rem;color:var(--primary-color);flex-shrink:0;transition:color .3s}.mobile-menu-content .mobile-nav ul li .mobile-nav-link:hover{background:var(--secondary-100);color:var(--primary-color)}.mobile-menu-content .mobile-nav ul li .mobile-nav-link.active{background:var(--primary-color);color:var(--white-color);border-left:4px solid var(--white-color)}.mobile-menu-content .mobile-nav ul li .mobile-nav-link.active .mobile-nav-icon{color:var(--white-color)}.mobile-menu-content .mobile-menu-notifications-section{padding:.5rem 0}.mobile-menu-content .mobile-menu-notifications-section .mobile-notifications-btn{text-align:left;width:100%;color:var(--secondary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.mobile-menu-content .mobile-menu-notifications-section .mobile-notifications-btn .mobile-notifications-icon{width:1.5rem;height:1.5rem;color:var(--primary-color);flex-shrink:0}.mobile-menu-content .mobile-menu-notifications-section .mobile-notifications-btn span{flex:1}.mobile-menu-content .mobile-menu-notifications-section .mobile-notifications-btn:hover{background:var(--secondary-100);color:var(--primary-color)}.mobile-menu-content .mobile-menu-notifications-section .mobile-notifications-btn:active{background:var(--secondary-200)}.mobile-menu-content .mobile-menu-actions-section{border-top:1px solid var(--secondary-200);margin-top:auto;padding:.5rem 0 1rem}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn{text-align:left;width:100%;color:var(--secondary-color);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--arabic-font);background:0 0;border:none;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn .mobile-action-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn span{flex:1}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn.mobile-settings-btn .mobile-action-icon{color:var(--secondary-color)}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn.mobile-settings-btn:hover{background:var(--secondary-100);color:var(--primary-color)}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn.mobile-settings-btn:hover .mobile-action-icon{color:var(--primary-color)}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn.mobile-logout-btn,.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn.mobile-logout-btn .mobile-action-icon{color:var(--error-color,#dc2626)}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn.mobile-logout-btn:hover{color:var(--error-color,#dc2626);background:rgba(220,38,38,.1)}.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn:active{background:var(--secondary-200)}@media (min-width:576px) and (max-width:767px){header{justify-content:space-between;max-width:95%;height:7.5vh;padding:0 1rem}header .hamburger-menu-btn{width:2rem;height:2rem}header .hamburger-menu-btn svg{width:1rem;height:1rem}header .header-left{flex:none;gap:0;width:auto}header .header-left .text-logo{font-size:2vh}header .header-left .text-logo img{width:6.5rem}header .header-left .header-nav{display:none}header .page-title{font-size:2vh}header .page-title.mobile-hidden{display:none!important}header .header-right{flex:none;justify-content:flex-end;width:auto}header .header-right.mobile-header-right{gap:0;display:flex!important}header .header-right{gap:.5rem}header .header-right .login-button{padding:1vh 1.5vh;font-size:1.4vh}header .header-right .right-content-item{padding:.3vh .4vh}header .header-right .right-content-item span:first-child{font-size:1.6vh}header .header-right .right-content-item span:last-child{width:2.5vh}header .header-right .right-content-item span:last-child svg{width:2.5vh;height:2.5vh;font-size:2.5vh}header .header-right .right-content-item span.bundle-info .bundle-count{font-size:1.6vh}header .header-right .right-content-item span.bundle-info .bundle-label{font-size:.45rem}header .header-right .game-lobby-header .settings-icon-btn,header .header-right .notification .settings-icon-btn{width:2.4rem;height:2.4rem}header .header-right .game-lobby-header .settings-icon-btn svg,header .header-right .notification .settings-icon-btn svg{width:1.2rem;height:1.2rem;font-size:1.2rem}header .header-right .header-profile .profile-img{width:40px;height:40px}.hamburger-menu-btn{width:2.5rem;height:2.5rem}.hamburger-menu-btn svg{width:1.5rem;height:1.5rem}.mobile-menu-drawer .MuiDrawer-paper{width:85%;max-width:320px}.mobile-menu-content .mobile-menu-profile-section{padding:1.5rem 1.25rem}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-avatar{width:55px;height:55px}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-info .mobile-profile-name{font-size:1.1rem}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-info .mobile-profile-email{font-size:.8rem}.mobile-menu-content .mobile-menu-wallet-section{padding:1rem 1.25rem}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-content{padding:.625rem}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-content .mobile-wallet-icon{width:2.25rem;height:2.25rem}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-content .mobile-wallet-info .mobile-wallet-balance{font-size:1.35rem}.mobile-menu-content .mobile-sound-language-section{gap:.875rem;padding:1rem 1.25rem}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container{gap:.625rem;padding:.625rem .875rem}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-icon{width:1.35rem;height:1.35rem;font-size:1.35rem}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-toggle-btn{padding:.4rem .625rem;font-size:.875rem}.mobile-menu-content .mobile-nav ul li .mobile-nav-link,.mobile-menu-content .mobile-menu-notifications-section .mobile-notifications-btn,.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn{padding:.875rem 1.25rem;font-size:.95rem}}@media (min-width:320px) and (max-width:575px){header{justify-content:space-between;max-width:95%;height:7.5vh;padding:0 1rem}header .hamburger-menu-btn{width:2rem;height:2rem}header .hamburger-menu-btn svg{width:1rem;height:1rem}header .header-left{flex:none;gap:0;width:auto}header .header-left .text-logo{font-size:2vh}header .header-left .text-logo img{width:6.5rem}header .header-left .header-nav{display:none}header .page-title{font-size:2vh}header .page-title.mobile-hidden{display:none!important}header .header-right{flex:none;justify-content:flex-end;width:auto}header .header-right.mobile-header-right{gap:0;display:flex!important}header .header-right{gap:.5rem}header .header-right .login-button{padding:1vh 1.5vh;font-size:1.4vh}header .header-right .right-content-item{padding:.3vh .4vh}header .header-right .right-content-item span:first-child{font-size:1.6vh}header .header-right .right-content-item span:last-child{width:2.5vh}header .header-right .right-content-item span:last-child svg{width:2.5vh;height:2.5vh;font-size:2.5vh}header .header-right .game-lobby-header .settings-icon-btn,header .header-right .notification .settings-icon-btn{width:2.4rem;height:2.4rem}header .header-right .game-lobby-header .settings-icon-btn svg,header .header-right .notification .settings-icon-btn svg{width:1.2rem;height:1.2rem;font-size:1.2rem}header .header-right .header-profile .profile-img{width:40px;height:40px}.hamburger-menu-btn{width:2rem;height:2rem}.hamburger-menu-btn svg{width:1rem;height:1rem}.mobile-menu-drawer .MuiDrawer-paper{width:85%;max-width:300px}.mobile-menu-content .mobile-menu-profile-section{padding:2vh 1.5vh}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-avatar{width:7.5vh;height:7.5vh}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-info .mobile-profile-name{font-size:2vh}.mobile-menu-content .mobile-menu-profile-section .mobile-profile-info .mobile-profile-email{font-size:1.8vh}.mobile-menu-content .mobile-menu-wallet-section{padding:2vh}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-content{padding:1vh 2vh!important}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-content .mobile-wallet-icon{width:3.5vh;height:3.5vh}.mobile-menu-content .mobile-menu-wallet-section .mobile-wallet-content .mobile-wallet-info .mobile-wallet-balance{font-size:2.5vh}.mobile-menu-content .mobile-sound-language-section{gap:1vh;padding:2vh}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container{gap:1vh;padding:1vh}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-icon{width:1.4rem;height:1.4rem;font-size:1.4rem}.mobile-menu-content .mobile-sound-language-section .mobile-language-item .mobile-language-toggle-container .mobile-language-toggle-btn{min-width:1vh;padding:1vh;font-size:1.8vh}.mobile-menu-content .mobile-nav ul li .mobile-nav-link,.mobile-menu-content .mobile-menu-notifications-section .mobile-notifications-btn,.mobile-menu-content .mobile-menu-actions-section .mobile-action-btn{padding:1vh 1.5vh;font-size:2vh}}footer{background:var(--white-color);width:100%;height:auto}footer.auth-footer{position:fixed;bottom:0}footer .footer-content{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex}footer .footer-content .quick-links{justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;padding:1rem 0 0;display:flex}footer .footer-content .quick-links a{color:var(--primary-color);text-align:center;font-size:1rem;font-weight:600}footer .footer-content .quick-links a:hover{color:var(--secondary-color)}footer .footer-content .quick-links a.active{color:var(--secondary-color);pointer-events:none}footer .footer-content .top-content{justify-content:space-around;align-items:center;gap:1rem;width:100%;height:100%;padding:1rem 0;display:flex}footer .footer-content .top-content p{color:var(--primary-color);text-align:center;margin:0 0 .2rem;font-size:1rem;font-weight:600}footer .footer-content .top-content .download-links{justify-content:center;align-items:center;gap:1rem;display:flex}footer .footer-content .top-content .download-links a{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);color:var(--white-color);cursor:pointer;border-radius:.6rem;margin:0;padding:.4rem;transition:all .3s;box-shadow:0 3px 3px rgba(76,175,83,.41)}footer .footer-content .top-content .download-links a:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}footer .footer-content .top-content .download-links a:hover svg{transform:scale(.9)}footer .footer-content .top-content .download-links a svg{width:2rem;height:2rem;transition:all .3s linear;transform:scale(.8)}footer .footer-content .copyright-text{text-align:center;background:var(--light-primary-color);justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;margin:0;padding:.8rem 1.5rem;display:flex}footer .footer-content .copyright-text p{color:var(--secondary-600);margin:0;font-size:.6rem;font-weight:600}footer .footer-content .copyright-text .powered-by-content{justify-content:center;align-items:center;gap:.5rem;display:flex}footer .footer-content .copyright-text .powered-by-content p{color:var(--secondary-600);font-size:.6rem;font-weight:600}footer .footer-content .copyright-text .powered-by-content a{line-height:0;transition:all .3s ease-in-out}footer .footer-content .copyright-text .powered-by-content a img{object-fit:contain;opacity:.7;width:55px;height:auto}footer .footer-content .copyright-text .powered-by-content a:hover img{opacity:1}html[lang=ar] footer .footer-content .quick-links a{font-size:1.6rem}html[lang=ar] footer .footer-content .top-content p{font-size:1.5rem}html[lang=ar] footer .footer-content .copyright-text p{font-size:1rem}@media (min-width:1200px) and (max-width:1399px){footer .footer-content .quick-links a,footer .footer-content .top-content .social-links p{font-size:1.8vh}html[lang=ar] footer .footer-content .quick-links a{font-size:2vw}html[lang=ar] footer .footer-content .top-content p{font-size:1.4vw}html[lang=ar] footer .footer-content .copyright-text p{font-size:1vw}}@media (min-width:992px) and (max-width:1199px){footer .footer-content .quick-links a,footer .footer-content .top-content .social-links p{font-size:1.8vh}footer .footer-content .top-content .social-links .download-links{gap:.8rem}footer .footer-content .top-content .social-links .download-links a{padding:.3rem}html[lang=ar] footer .footer-content .quick-links a{font-size:2vw}html[lang=ar] footer .footer-content .top-content p{font-size:1.4vw}html[lang=ar] footer .footer-content .copyright-text p{font-size:1.1vw}}@media (min-width:768px) and (max-width:991px){footer .footer-content .quick-links a,footer .footer-content .top-content .social-links p{font-size:1.8vh}footer .footer-content .top-content .social-links .download-links{gap:.8rem}footer .footer-content .top-content .social-links .download-links a{padding:.3rem}html[lang=ar] footer .footer-content .quick-links a{font-size:2.2vw}html[lang=ar] footer .footer-content .top-content p{font-size:1.8vw}html[lang=ar] footer .footer-content .copyright-text p{font-size:1.1vw}}@media (min-width:576px) and (max-width:767px){footer .footer-content .quick-links a,footer .footer-content .top-content .social-links p{font-size:1.8vh}footer .footer-content .top-content .social-links .download-links{gap:.8rem}footer .footer-content .top-content .social-links .download-links a{padding:.3rem}html[lang=ar] footer .footer-content .quick-links a{font-size:2.6vw}html[lang=ar] footer .footer-content .top-content p{font-size:2vw}html[lang=ar] footer .footer-content .copyright-text p{font-size:1.1vw}}@media (min-width:320px) and (max-width:575px){footer .footer-content .quick-links a,footer .footer-content .top-content .social-links p{font-size:1.4vh}footer .footer-content .top-content .social-links .download-links{gap:.8vh}footer .footer-content .top-content .social-links .download-links a{border-radius:5px;padding:2px}footer .footer-content .top-content .social-links .download-links a svg{width:25px;height:25px;transform:scale(.6)}footer .footer-content .copyright-text{flex-wrap:wrap;row-gap:.2rem;padding:.5rem 1rem}html[lang=ar] footer .footer-content .quick-links a{font-size:3.8vw}html[lang=ar] footer .footer-content .top-content p{font-size:3.5vw}html[lang=ar] footer .footer-content .copyright-text p{font-size:3vw}}.wrapper-container{border:1px solid var(--border-color);border-radius:3vh;width:100%;height:auto;padding:3vh}.wrapper-container.hide-wrapper{box-shadow:none;border:none}.wrapper-container .wrapper-header{justify-content:flex-start;align-items:center;gap:2vh;width:100%;margin-bottom:4vh;display:flex}.wrapper-container .wrapper-header .wrapper-header-title{font-size:2vh;font-weight:600}.wrapper-container .wrapper-header .wrapper-header-icon{background:var(--primary-color);border-radius:50%;width:6vh;height:6vh;font-size:3vh}.wrapper-container .wrapper-header .wrapper-header-icon svg{width:100%;height:100%;color:var(--white-color);transform:scale(.6)}.custom-switch-container{justify-content:space-between;align-items:center;gap:10px;display:flex}.custom-switch-container label{font-size:14px;font-weight:600}.custom-switch-container .custom-switch{border-radius:100px;padding:8px!important}.custom-switch-container .custom-switch .MuiSwitch-track{border-radius:100px}.custom-switch-container .custom-switch .MuiSwitch-track:before,.custom-switch-container .custom-switch .MuiSwitch-track:after{content:"";width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.custom-switch-container .custom-switch .MuiSwitch-track:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 24 24'><path fill='%23fff' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/></svg>");left:12px}.custom-switch-container .custom-switch .MuiSwitch-track:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 24 24'><path fill='%23fff' d='M19,13H5V11H19V13Z'/></svg>");right:12px}.custom-switch-container .custom-switch .MuiSwitch-thumb{box-shadow:none;width:16px;height:16px;margin:2px}.custom-switch-container .custom-switch .MuiSwitch-switchBase.Mui-checked{color:var(--white-color)}.custom-switch-container .custom-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--toggle-switch-color);opacity:1}.common-select-container{position:relative}.common-select-container .form-control{padding:.75rem 1.2rem}.common-select-container .form-group{z-index:auto;position:relative}.common-select-container .select-wrapper{z-index:1;width:100%;display:inline-block;position:relative}.common-select-container .select-wrapper.dropdown-top{z-index:9999}.common-select-container .custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--white-color);border:1px solid var(--white-color);width:100%;color:var(--secondary-400);justify-content:space-between;align-items:center;margin-bottom:.8vh;padding:.8rem 1.2rem;font-size:1.8vh;font-weight:600;display:flex;position:relative;box-shadow:0 3px 5px rgba(0,0,0,.22);border-radius:5vh!important}.common-select-container .custom-select .select-value{text-align:left;color:var(--secondary-400);flex:1}.common-select-container .custom-select{padding-left:1.2rem!important;padding-right:2.5rem!important}[dir=rtl] .common-select-container .custom-select{padding-left:2.5rem!important;padding-right:1.2rem!important}[dir=rtl] .common-select-container .custom-select .select-value{text-align:right}[dir=ltr] .common-select-container .custom-select .select-value{text-align:left}html[dir=rtl] .common-select-container .custom-select .select-value{text-align:right}html[dir=ltr] .common-select-container .custom-select .select-value{text-align:left}.common-select-container .custom-select:focus,.common-select-container .custom-select:active,.common-select-container .custom-select:hover{color:var(--secondary-400);border:1px solid var(--primary-color);box-shadow:0 0 0 .2rem rgba(76,175,83,.25)}.common-select-container .custom-select:focus-visible{color:var(--secondary-400);border:1px solid var(--primary-color);box-shadow:0 0 0 .2rem rgba(76,175,83,.25)}.common-select-container .custom-select.open{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(76,175,83,.25)}.common-select-container .select-icon{pointer-events:none;z-index:1;width:2.3vh;height:2.3vh;color:var(--secondary-400);transition:transform .3s;position:absolute;top:50%;transform:translateY(-50%)}.common-select-container .select-icon.rotated{transform:translateY(-50%)rotate(180deg)}.common-select-container .select-icon.ltr{left:auto;right:1.2rem}.common-select-container .select-icon.rtl,[dir=rtl] .common-select-container .select-icon{left:1.2rem;right:auto}[dir=ltr] .common-select-container .select-icon{left:auto;right:1.2rem}html[dir=rtl] .common-select-container .select-icon{left:1.2rem;right:auto}html[dir=ltr] .common-select-container .select-icon{left:auto;right:1.2rem}.common-select-container .select-search-bar{z-index:2;background:var(--white-color);border-bottom:1px solid rgba(0,0,0,.1);align-items:center;padding:1vh 1.5vh;display:flex;position:-webkit-sticky;position:sticky;top:0}.common-select-container .select-search-bar .search-icon{color:var(--secondary-400);flex-shrink:0;font-size:2.2vh}.common-select-container .select-search-bar .select-search-input{width:100%;color:var(--secondary-400);background:0 0;border:none;outline:none;padding:.5vh 1vh;font-size:1.5vh;font-weight:500}.common-select-container .select-search-bar .select-search-input::placeholder{color:var(--secondary-400);opacity:.6}.common-select-container .select-dropdown{background-color:var(--white-color);z-index:9999;border-radius:15px;flex-direction:column;width:100%;max-height:250px;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.3)}.common-select-container .select-dropdown.top{z-index:99999;max-height:min(250px,100vh - 20px);margin-top:0;margin-bottom:0;top:auto;bottom:calc(100% + 5px)}.common-select-container .select-dropdown.bottom{max-height:min(250px,100vh - 20px);margin-bottom:0;top:100%;bottom:auto}.common-select-container .select-options-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-color)#e0e0e0;flex:1;overflow-x:hidden;overflow-y:auto}.common-select-container .select-options-list::-webkit-scrollbar{width:6px}.common-select-container .select-options-list::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.common-select-container .select-options-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.common-select-container .select-options-list::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.common-select-container .select-option{color:var(--primary-color);cursor:pointer;justify-content:space-between;align-items:center;padding:2.2vh 2vh;font-size:1.8vh;font-weight:600;line-height:1;transition:background-color .2s;display:flex;position:relative}.common-select-container .select-option:first-child{border-top-left-radius:15px;border-top-right-radius:15px}.common-select-container .select-option:last-child{border-bottom-right-radius:15px;border-bottom-left-radius:15px}.common-select-container .select-option:hover{background-color:var(--secondary-100)}.common-select-container .select-option.selected{background-color:var(--primary-color);color:var(--white-color)}.common-select-container .select-option.disabled{cursor:not-allowed;opacity:.5}.common-select-container .select-option span{flex:1}.common-select-container .select-option .check-icon{color:var(--primary-color);background-color:var(--white-color);border-radius:50%;margin-left:.5rem;padding:.5vh;font-size:2.5vh}[dir=rtl] .common-select-container .select-option,.rtl .common-select-container .select-option{text-align:right}[dir=rtl] .common-select-container .select-option .check-icon,.rtl .common-select-container .select-option .check-icon{margin-left:0;margin-right:.5rem}[dir=ltr] .common-select-container .select-option,.ltr .common-select-container .select-option{text-align:left}[dir=ltr] .common-select-container .select-option .check-icon,.ltr .common-select-container .select-option .check-icon{margin-left:.5rem;margin-right:0}.common-select-container select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%}.common-select-container select.form-control::-ms-expand{display:none}.common-select-container select.form-control{background-image:none!important;padding-left:1.2rem!important;padding-right:2.5rem!important}[dir=rtl] .common-select-container select.form-control{padding-left:2.5rem!important;padding-right:1.2rem!important}[dir=ltr] .common-select-container select.form-control{padding-left:1.2rem!important;padding-right:2.5rem!important}html[dir=rtl] .common-select-container select.form-control{padding-left:2.5rem!important;padding-right:1.2rem!important}html[dir=ltr] .common-select-container select.form-control{padding-left:1.2rem!important;padding-right:2.5rem!important}.common-select-container select.form-control:hover{border-color:var(--primary-color)}.common-select-container select.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 .2rem rgba(76,175,83,.25)}.common-select-container select.form-control.is-invalid{border-color:var(--error-color);box-shadow:inset 0 0 0 1px var(--error-color)}.common-select-container select.form-control.is-invalid:focus{border-color:var(--error-color);box-shadow:inset 0 0 0 1px var(--error-color),0 0 0 .2rem rgba(255,1,1,.25)}html[lang=ar] .common-select-container .select-wrapper .custom-select{padding:1rem 1.2rem}@media (min-width:992px) and (max-width:1199px){.common-select-container .select-wrapper .custom-select{font-size:1.6vh}.common-select-container .select-wrapper .select-dropdown .select-option{padding:1.5vh 2vh;font-size:1.6vh}.common-select-container .select-icon{width:2vh;height:2vh}}@media (min-width:768px) and (max-width:991px){.common-select-container .select-wrapper .custom-select{font-size:1.6vh}.common-select-container .select-wrapper .select-dropdown .select-option{padding:1.5vh 2vh;font-size:1.6vh}.common-select-container .select-icon{width:2vh;height:2vh}}@media (min-width:576px) and (max-width:767px){.common-select-container .select-wrapper .custom-select{font-size:1.6vh}.common-select-container .select-wrapper .select-dropdown .select-option{padding:1.5vh 2vh;font-size:1.6vh}.common-select-container .select-icon{width:2vh;height:2vh}}@media (min-width:320px) and (max-width:575px){.common-select-container .select-wrapper .custom-select{padding:.7rem;font-size:1.4vh}.common-select-container .select-wrapper .select-dropdown .select-option{padding:1.5vh 2vh;font-size:1.4vh}.common-select-container .select-icon{width:2vh;height:2vh}}.common-datepicker-container{margin-top:10px!important}.common-datepicker-container .common-datepicker .MuiFormLabel-root{font-family:Outfit,sans-serif;font-size:14px;transform:translate(14px,12px)scale(1)}.common-datepicker-container .common-datepicker .MuiFormLabel-root.Mui-focused,.common-datepicker-container .common-datepicker .MuiFormLabel-root.MuiInputLabel-shrink{transform:translate(16px,-7px)scale(.75)}.common-datepicker-container .common-datepicker .MuiPickersInputBase-root{border-radius:8px}.common-datepicker-container .common-datepicker .MuiPickersInputBase-root .MuiPickersSectionList-root{padding:12px 0}.common-datepicker-container .common-datepicker .MuiPickersInputBase-root .MuiPickersSectionList-root span{font-family:Outfit,sans-serif;font-size:14px}.common-datepicker-container .common-datepicker .MuiPickersInputBase-root .MuiSvgIcon-root{width:20px;height:20px}.common-datepicker-container .common-datepicker .MuiPickersInputBase-root .MuiSvgIcon-root:hover{color:var(--primary-color)}.common-datepicker-container .common-datepicker .MuiPickersInputBase-root .common-datepicker-clear-icon .MuiButtonBase-root{margin-right:-8px}.common-datepicker-container .common-datepicker .MuiPickersInputBase-root .common-datepicker-clear-icon .MuiButtonBase-root .MuiSvgIcon-root:hover{color:var(--primary-color)}.common-datepicker-container .MuiFormHelperText-root{margin:5px 0 0;font-family:Outfit,sans-serif}.common-datepicker-container .MuiFormHelperText-root.Mui-error{color:#d32f2f}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiPickersCalendarHeader-root .MuiPickersCalendarHeader-labelContainer .MuiPickersFadeTransitionGroup-root .MuiPickersCalendarHeader-label{font-family:Outfit,sans-serif;font-size:16px}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiDayCalendar-root .MuiDayCalendar-header .MuiDayCalendar-weekDayLabel,.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiDayCalendar-root .MuiDayCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiPickersDay-root{font-family:Outfit,sans-serif}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiDayCalendar-root .MuiDayCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiPickersDay-root:hover{background-color:var(--light-primary-color)!important}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiDayCalendar-root .MuiDayCalendar-monthContainer .MuiDayCalendar-weekContainer .MuiPickersDay-root.Mui-selected{background-color:var(--primary-color)!important;color:#fff!important}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiYearCalendar-root .MuiYearCalendar-button{font-family:Outfit,sans-serif;font-size:14px}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiYearCalendar-root .MuiYearCalendar-button:hover{background-color:var(--light-primary-color)!important}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiDateCalendar-root .MuiYearCalendar-root .MuiYearCalendar-button.Mui-selected{background-color:var(--primary-color)!important;color:#fff!important}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiTimeClock-root .MuiClock-root .MuiClock-clock .MuiClockPointer-root{background-color:var(--primary-color)!important}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiTimeClock-root .MuiClock-root .MuiClock-clock .MuiClockPointer-root .MuiClockPointer-thumb{border-color:var(--primary-color)!important}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiTimeClock-root .MuiClock-root .MuiClock-clock .MuiClock-wrapper .MuiClockNumber-root{font-family:Outfit,sans-serif}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiTimeClock-root .MuiClock-root .MuiClock-clock .MuiClock-wrapper .MuiClockNumber-root.Mui-selected,.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiTimeClock-root .MuiClock-root .MuiButtonBase-root.Mui-selected{background-color:var(--primary-color)!important;color:#fff!important}.MuiPickerPopper-root .MuiPaper-elevation .MuiPickersLayout-root .MuiTimeClock-root .MuiClock-root .MuiButtonBase-root .MuiClock-meridiemText{font-family:Outfit,sans-serif}.MuiPickerPopper-root .MuiPaper-elevation .MuiDialogActions-root .MuiButtonBase-root{text-transform:capitalize;border-radius:8px;min-width:100px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:400}.MuiPickerPopper-root .MuiPaper-elevation .MuiDialogActions-root .MuiButtonBase-root:not(:last-child){background-color:var(--tab-bg-color);color:var(--sub-title-color)}.MuiPickerPopper-root .MuiPaper-elevation .MuiDialogActions-root .MuiButtonBase-root:last-child{background-color:var(--primary-color);color:var(--white-color)}.MuiPickerPopper-root .MuiPaper-elevation .MuiDialogActions-root .MuiButtonBase-root:last-child svg{color:#fff}.MuiPickerPopper-root .MuiPaper-elevation .MuiDialogActions-root .MuiButtonBase-root:last-child:disabled{opacity:.5}.loading-screen{background:var(--white-color);z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;margin:0 auto;display:flex;position:relative}.loading-screen svg{color:var(--primary-color);font-size:3.5vh}.loading-screen .text-loading{color:var(--primary-color);font-size:2vh;font-weight:400}.loading-screen .text-loading .text-loading-dots{animation:1s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}}.custom-modal .custom-modal-content{padding:0}.custom-modal .MuiModal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.416)}.custom-modal .MuiDialog-container .MuiPaper-root{box-shadow:none;border:1px solid var(--border-color);border-radius:24px;margin:2vh;padding:2vh}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-header{padding:1.5vh;position:relative}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-header .modal-title{text-align:center;margin-top:5vh;font-size:3vh;font-weight:600}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-header .btn-custom-close{background-color:var(--tab-bg-color);min-width:unset;border-radius:50%;width:5vh;height:5vh;position:absolute;top:0;left:0}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-header .btn-custom-close svg{color:#838383;font-size:3vh}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-body{text-align:center;padding:1.5vh 2.5vh}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-body .modal-subtitle{color:var(--sub-title-color);text-align:center;font-size:2vh;line-height:1.3}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-actions{justify-content:center;gap:1.5vh;margin-top:1vh;padding:2vh 2.5vh;display:flex}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-actions button{text-transform:capitalize;min-width:250px;box-shadow:none;border-radius:99px;padding:1vh 2.5vh;font-size:2vh}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-actions button.btn-custom-cancel{background-color:var(--error-color);border-color:var(--error-color);color:var(--white-color)}.custom-modal .MuiDialog-container .MuiPaper-root .custom-modal-actions button.btn-custom-confirm{background-color:var(--primary-color);color:var(--white-color)}.custom-modal .MuiDialog-container .MuiDialogActions-root{padding:20px 12px 0!important}.custom-modal .MuiDialog-container .MuiDialogActions-root .btn-custom-action{text-transform:capitalize;border-radius:8px;min-width:100px;padding:8px 16px;font-size:14px;font-weight:400}.custom-modal .MuiDialog-container .MuiDialogActions-root .btn-custom-action.btn-custom-discard{background-color:var(--tab-bg-color);color:var(--sub-title-color)}.custom-modal .MuiDialog-container .MuiDialogActions-root .btn-custom-action.btn-custom-confirm{background-color:var(--primary-color);color:var(--white-color)}.custom-modal .MuiDialog-container .MuiDialogActions-root .btn-custom-action.btn-custom-confirm svg{color:#fff}.custom-modal .MuiDialog-container .MuiDialogActions-root .btn-custom-action.btn-custom-confirm:disabled{opacity:.5}#change-password-modal .MuiDialog-container .MuiPaper-root{max-width:500px}#change-password-modal .change-password-form{flex-direction:column;gap:.5vh;padding:2.5vh 2vh;display:flex}#change-password-modal .change-password-form .form-group{margin-bottom:5px}#change-password-modal .change-password-form .form-group .form-label{color:var(--secondary-800);font-size:1em;font-weight:600}#change-password-modal .change-password-form .form-group .error-message{color:var(--error-color);font-size:.8em;font-weight:600;line-height:1}#change-password-modal .change-password-form .form-group .input-group{background:var(--white-color);border:1px solid var(--white-color);margin-bottom:10px;font-size:.9em;font-weight:600;overflow:hidden;box-shadow:0 3px 5px rgba(0,0,0,.22);border-radius:30px!important}#change-password-modal .change-password-form .form-group .input-group .form-control{box-shadow:none;border:none;border:1px solid var(--white-color);background:0 0;margin:0;padding:1.5vh 2vh;font-size:.9em;font-weight:600}#change-password-modal .change-password-form .form-group .input-group .form-control:not(:-moz-read-only):focus{color:var(--text-color);box-shadow:none;border:1px solid transparent}#change-password-modal .change-password-form .form-group .input-group .form-control:not(:read-only):focus{color:var(--text-color);box-shadow:none;border:1px solid transparent}#change-password-modal .change-password-form .form-group .input-group .btnViewPassword{box-shadow:none;color:var(--secondary-400);min-width:unset;background:0 0;border:none;margin:0;padding:0}#change-password-modal .change-password-form .form-group .input-group .btnViewPassword:hover{color:var(--primary-color)}#change-password-modal .change-password-form .change-password-actions{gap:1.2vh;width:100%;margin-top:1.5vh;display:flex}#change-password-modal .change-password-form .change-password-actions .result-discard-btn,#change-password-modal .change-password-form .change-password-actions .result-save-btn{letter-spacing:.3px;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:1vh;padding:1.4vh 2vh;font-size:1.8vh;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}#change-password-modal .change-password-form .change-password-actions .result-discard-btn .btn-icon,#change-password-modal .change-password-form .change-password-actions .result-save-btn .btn-icon{flex-shrink:0;font-size:1.8vh}#change-password-modal .change-password-form .change-password-actions .result-discard-btn:active,#change-password-modal .change-password-form .change-password-actions .result-save-btn:active{transform:scale(.96)}#change-password-modal .change-password-form .change-password-actions .result-save-btn{color:#fff;background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 4px 12px rgba(46,125,50,.4)}#change-password-modal .change-password-form .change-password-actions .result-save-btn:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 6px 16px rgba(46,125,50,.5)}#change-password-modal .change-password-form .change-password-actions .result-save-btn:disabled{opacity:.5;cursor:not-allowed}#change-password-modal .change-password-form .change-password-actions .result-discard-btn{color:#fff;background:linear-gradient(135deg,#ef5350,#c62828);box-shadow:0 4px 12px rgba(198,40,40,.35)}#change-password-modal .change-password-form .change-password-actions .result-discard-btn:hover{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 6px 16px rgba(198,40,40,.5)}#network-error-modal .MuiPaper-root .custom-modal-content{padding:0}#network-error-modal .MuiPaper-root .custom-modal-content .custom-modal-header{text-align:center}#network-error-modal .MuiPaper-root .custom-modal-content .custom-modal-header svg{color:#ffd201;font-size:6vh;animation:2s infinite pulse}#network-error-modal .MuiPaper-root .custom-modal-content .custom-modal-header .modal-title{text-align:center;margin-top:2vh;margin-bottom:2vh;font-size:3.5vh;font-weight:600;line-height:1}#network-error-modal .MuiPaper-root .custom-modal-content .custom-modal-body .modal-subtitle{color:var(--error-color);text-align:center;font-size:2vh;line-height:1.5}#network-error-modal .MuiPaper-root .custom-modal-content .custom-modal-body .next-button{text-align:center;border-radius:1vh;width:100%;font-size:2vh;font-weight:600}:root{--game-feature-item-title:2.5vh}html[lang=ar]{--game-feature-item-title:1.5vh}.hero-section{width:80vw;height:auto;min-height:55rem;margin:0 auto}.hero-section .welcome-text{text-align:center;z-index:0;border:none;width:100%;max-width:55rem;height:100%;max-height:30rem;margin:0 auto;position:relative}.hero-section .welcome-text .welcome-text-skeleton{background-color:var(--secondary-200);border-radius:1rem;width:100%;height:100%;min-height:-moz-fit-content;min-height:fit-content}.hero-section .welcome-text .welcome-text-image{background-color:var(--secondary-200);border-radius:2rem;width:100%;height:100%;overflow:hidden}.hero-section .welcome-text .welcome-text-image img{object-fit:fill;width:100%;height:100%}.hero-section .welcome-text h1{color:var(--primary-color);font-size:30px;font-weight:600}.hero-section .welcome-text p{color:var(--primary-color);text-transform:uppercase;margin:0;font-size:16px;font-weight:600}.hero-section .welcome-text .event-content{z-index:9;flex-direction:column;gap:3.5vh;width:100%;margin:3vh auto 0;padding:0;display:flex;position:relative}.hero-section .welcome-text .event-content .event-description{text-align:center;background:#c7ebff;border-radius:99px;width:100%;padding:2.5vh;font-size:1.8vh;font-weight:600}.hero-section .welcome-text .event-content .event-description-skeleton{background-color:var(--secondary-200);border-radius:99px;width:100%;height:100%;max-height:6.5vh;padding:1.6rem 1rem}.hero-section .welcome-text .event-content .game-features{flex-wrap:nowrap;justify-content:center;align-items:center;gap:2.5rem;width:100%;padding:1rem 2rem;display:flex}.hero-section .welcome-text .event-content .game-features .game-feature-item{cursor:pointer;background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);border-radius:1rem;flex:none;place-items:center;width:10rem;height:9.5rem;padding:1.5vh;font-size:1rem;transition:all .3s linear;display:grid}.hero-section .welcome-text .event-content .game-features .game-feature-item .title{width:100%;color:var(--white-color);text-align:center;text-wrap:wrap;flex-direction:column;gap:.5vh;font-size:1.2rem;font-weight:600;transition:all .3s ease-in-out;display:flex}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .icon{color:var(--white-color);transition:all .3s ease-in-out}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .icon svg{width:3rem;height:3rem;color:var(--white-color)}.hero-section .welcome-text .event-content .game-features .game-feature-item:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.hero-section .welcome-text .event-content .game-features .game-feature-item-skeleton{background-color:var(--secondary-200);border-radius:1.5vh;flex:none;width:17vh;max-width:20vw;height:16vh;max-height:20vw;padding:1.5vh}html[lang=ar] .hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:1.4rem;line-height:1}@media (min-width:1200px) and (max-width:1399px){.hero-section{height:auto;min-height:53rem}.hero-section .welcome-text{max-height:30rem}.hero-section .welcome-text .event-content{gap:3vh}.hero-section .welcome-text .event-content .event-description{padding:2.3vh;font-size:1.65vh}.hero-section .welcome-text .event-content .game-features{gap:4.2vh}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .icon svg{width:2.8rem;height:2.8rem}html[lang=ar] .hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:1.3rem}}@media (min-width:992px) and (max-width:1199px){.hero-section{height:auto;min-height:50rem}.hero-section .welcome-text{max-height:30rem}.hero-section .welcome-text .event-content{gap:3vh}.hero-section .welcome-text .event-content .event-description{padding:2vh;font-size:1.6vh}.hero-section .welcome-text .event-content .game-features{gap:4.2vh}.hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:1.7vh}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .icon svg{width:2.6rem;height:2.6rem}html[lang=ar] .hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:2.2vh}}@media (min-width:768px) and (max-width:991px){.hero-section{height:auto;min-height:41rem}.hero-section .welcome-text{max-width:40rem;max-height:22rem}.hero-section .welcome-text .event-content{margin:1rem auto 0}.hero-section .welcome-text .event-content .event-description{padding:1rem;font-size:.8rem}.hero-section .welcome-text .event-content .game-features{gap:4vh}.hero-section .welcome-text .event-content .game-features .game-feature-item{width:9.5rem;height:9rem}.hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:1.1rem}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .icon svg{width:2.5rem;height:2.5rem}html[lang=ar] .hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:1.3rem}}@media (min-width:576px) and (max-width:767px){.hero-section{width:90vw;min-height:95vw}}@media screen and (min-width:576px) and (max-width:767px) and (max-width:600px){.hero-section{min-height:35rem}}@media (min-width:576px) and (max-width:767px){.hero-section .welcome-text{max-width:100%;max-height:20rem}.hero-section .welcome-text .event-content{gap:2vh;max-width:100%;margin:.8rem auto 0}.hero-section .welcome-text .event-content .event-description{padding:1rem;font-size:.8rem}.hero-section .welcome-text .event-content .game-features{gap:3.5vh}.hero-section .welcome-text .event-content .game-features .game-feature-item{width:10rem;height:9rem}.hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:1rem}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .icon svg{width:2.3rem;height:2.3rem}}@media screen and (min-width:576px) and (max-width:767px) and (max-width:600px){.hero-section .welcome-text .event-content .game-features .game-feature-item{width:8.5rem;height:8rem}}@media (min-width:576px) and (max-width:767px){html[lang=ar] .hero-section .welcome-text .event-content .game-features .game-feature-item .title .title-text{font-size:2.5vw}}@media (min-width:320px) and (max-width:575px){.hero-section{width:95%;min-height:93vw}.hero-section .welcome-text{max-width:100%;max-height:30rem}.hero-section .welcome-text .welcome-text-image{border-radius:15px}.hero-section .welcome-text .event-content{gap:2vh;max-width:100%;margin:.5rem auto 0}.hero-section .welcome-text .event-content .event-description{padding:1.5vh;font-size:1.3vh}.hero-section .welcome-text .event-content .game-features{gap:4vw}.hero-section .welcome-text .event-content .game-features .game-feature-item{border-radius:8px;width:21vw;height:20vw}.hero-section .welcome-text .event-content .game-features .game-feature-item .title{font-size:2vw}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .icon svg{width:7vw;height:7vw}.hero-section .welcome-text .event-content .game-features .game-feature-item .title .title-text{font-size:2.5vw}}@media screen and (min-width:320px) and (max-width:575px) and (max-width:415px){.hero-section .welcome-text .event-content{margin:0}.hero-section .welcome-text .game-features .game-feature-item{width:24vw!important;height:23vw!important}.hero-section .welcome-text .game-features .game-feature-item .title,.hero-section .welcome-text .game-features .game-feature-item .title .title-text{font-size:3.2vw!important}.hero-section .welcome-text .game-features .game-feature-item .title .icon svg{width:10vw;height:10vw}}@media (min-width:320px) and (max-width:575px){html[lang=ar] .hero-section .welcome-text .event-content .game-features .game-feature-item .title .title-text{font-size:3vw}}.notifications-popup .MuiModal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:rgba(0,0,0,.416)}.notifications-popup .MuiDialog-container .MuiPaper-root{box-shadow:none;border:1px solid var(--border-color);border-radius:2vh;flex-direction:column;max-height:80vh;margin:2vh;padding:0;display:flex}.notifications-popup .notifications-popup-content{flex-direction:column;height:100%;min-height:50vh;max-height:80vh;display:flex}.notifications-popup .notifications-popup-header{border-bottom:1px solid var(--light-gray-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:2vh 3vh;display:flex;position:relative}.notifications-popup .notifications-popup-header .notifications-popup-title{color:var(--secondary-color);text-transform:uppercase;margin:0;padding:0;font-size:3vh;font-weight:600}.notifications-popup .notifications-popup-header .notifications-popup-close-btn{background-color:var(--tab-bg-color);min-width:unset;border-radius:50%;width:5vh;height:5vh;padding:0;position:absolute;top:50%;right:1.5vh;transform:translateY(-50%)}.notifications-popup .notifications-popup-header .notifications-popup-close-btn svg{color:#838383;font-size:3vh}.notifications-popup .notifications-popup-header .notifications-popup-close-btn:hover{background-color:var(--light-gray-color)}.notifications-popup .notifications-popup-body{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.notifications-popup .notifications-list{background:var(--white-color);flex-direction:column;gap:0;width:100%;height:100%;max-height:70vh;padding:2vh 3vh;display:flex;overflow-y:auto}.notifications-popup .notifications-list::-webkit-scrollbar{width:.5vh}.notifications-popup .notifications-list::-webkit-scrollbar-track{background:var(--white-color)}.notifications-popup .notifications-list::-webkit-scrollbar-thumb{background:var(--secondary-color)}.notifications-popup .notifications-list .notification-item{border-bottom:1px solid var(--light-gray-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}.notifications-popup .notifications-list .notification-item:last-child{border-bottom:none}.notifications-popup .notifications-list .notification-item .notification-content{text-align:right;flex-direction:column;flex:1;gap:.3rem;display:flex}.notifications-popup .notifications-list .notification-item .notification-content .notification-title{color:#000;margin:0;padding:0;font-size:2.1vh;font-weight:600}.notifications-popup .notifications-list .notification-item .notification-content .notification-message{color:#000;margin:0;padding:0;font-size:1.8vh;font-weight:400;line-height:1.5}.notifications-popup .notifications-list .notification-item .notification-actions{flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;margin-left:1rem;display:flex}.notifications-popup .notifications-list .notification-item .notification-actions .notification-time{color:var(--gray-color);white-space:nowrap;font-size:1.8vh}.notifications-popup .notifications-list .notification-item .notification-actions .notification-delete-btn{cursor:pointer;height:auto;color:var(--gray-color);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.notifications-popup .notifications-list .notification-item .notification-actions .notification-delete-btn svg{font-size:2.2vh}.notifications-popup .notifications-list .notification-item .notification-actions .notification-delete-btn:hover{color:var(--error-color);box-shadow:none}.notifications-popup .notifications-list .notification-item .notification-actions .notification-delete-btn:focus{outline:none}.notifications-popup .notifications-empty{text-align:center;width:100%;height:100%;color:var(--gray-color);place-items:center;padding:3rem 1rem;display:grid}.notifications-popup .notifications-empty p{margin:0;font-size:2vh}[dir=rtl] .notifications-popup .notifications-popup-header .notifications-popup-close-btn{left:1.5vh;right:auto}[dir=rtl] .notifications-popup .notifications-list .notification-item .notification-content{text-align:right}[dir=rtl] .notifications-popup .notifications-list .notification-item .notification-actions{margin-left:0;margin-right:1rem}[dir=ltr] .notifications-popup .notifications-popup-header .notifications-popup-close-btn{left:auto;right:1.5vh}[dir=ltr] .notifications-popup .notifications-list .notification-item .notification-content{text-align:left}[dir=ltr] .notifications-popup .notifications-list .notification-item .notification-actions{margin-left:1rem;margin-right:0}@media (min-width:768px) and (max-width:991px){.notifications-popup .notifications-popup-content .notifications-popup-header .notifications-popup-title{font-size:2.5vh}.notifications-popup .notifications-popup-content .notifications-list .notification-item .notification-content .notification-title{font-size:2vh}.notifications-popup .notifications-popup-content .notifications-list .notification-item .notification-content .notification-message,.notifications-popup .notifications-popup-content .notifications-list .notification-item .notification-actions .notification-time{font-size:1.6vh}.notifications-popup .notifications-popup-content .notifications-list .notification-item .notification-delete-btn svg{font-size:2vh}.notifications-popup .notifications-popup-content .notifications-list .notifications-empty p{font-size:1.8vh}}.counter-timer-container{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.counter-timer-container .timer{color:var(--primary-color);font-size:2rem;font-weight:600;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-page{width:100%;height:100%;overflow-y:auto}.auth-page::-webkit-scrollbar{width:0}.auth-page .line{background-color:var(--border-color);width:100%;height:1px;margin:10px 0}.auth-page .inner-content{border-radius:8px;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;margin:3rem auto 0;padding:3rem 0;font-size:16px;display:flex;overflow-y:auto}.auth-page .inner-content::-webkit-scrollbar{width:0}.auth-page .inner-content .auth-char{background-color:var(--white-color);text-align:center;border-radius:5vh;width:100%;max-width:50vh;margin-bottom:1vh;padding:8vh;box-shadow:0 0 20px rgba(6,6,6,.11)}.auth-page .inner-content .auth-char img{object-fit:contain;aspect-ratio:1;width:100%;height:auto;transform:scale(.8)}.auth-page .inner-content .auth-char svg{object-fit:contain;width:100%;height:auto}.auth-page .inner-content .form-content{width:100%;max-width:60vh;padding:0 5vh}.auth-page .inner-content .form-content .title{color:#313131;text-align:center;font-size:2rem;font-weight:600;line-height:1}.auth-page .inner-content .form-content .sub-title{text-align:center;color:var(--primary-color);margin:0 0 1rem;font-size:1rem;font-weight:700;line-height:1}.auth-page .not-found-text{justify-content:center;align-items:center;gap:10px;width:30%;margin:0 auto;display:flex}.auth-page .not-found-text button{color:var(--primary-color);background-color:var(--white-color);border:1px solid var(--primary-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.auth-page .not-found-text button:hover{background-color:var(--primary-color);color:var(--white-color)}.auth-page .submit-button{width:100%;color:var(--white-color);background-color:var(--primary-color);text-transform:none;border:1px solid var(--primary-color);border-radius:30px;margin-top:1rem;padding:8px 12px;font-size:1.3em;font-weight:700;transition:all .3s ease-in-out}.auth-page .submit-button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.auth-page .submit-button:disabled{color:var(--white-color);opacity:.8;cursor:not-allowed}.auth-page .forgot-password-link{text-align:right;margin:0 0 5px;font-size:1.15rem;font-weight:600}.auth-page .forgot-password-link a{color:var(--primary-color);font-weight:600}.auth-page .sign-up-link{text-align:center;margin:10px 0 5px;font-size:1.15rem;text-decoration:none}.auth-page .sign-up-link a{color:var(--primary-color);font-weight:600}.auth-page .password-remember-link{text-align:left;margin:12px 0 0;font-size:1.15rem;text-decoration:none}.auth-page .password-remember-link a{color:var(--primary-color)}.auth-page form{width:100%}.auth-page form .form-group{margin-bottom:5px}.auth-page form .form-group .form-label{color:var(--secondary-800);font-weight:600}.auth-page form .form-group .error-message{color:var(--error-color);font-weight:600;line-height:1}.auth-page form .form-group .form-control{background:var(--white-color);border:1px solid var(--white-color);margin-bottom:10px;font-weight:600;box-shadow:0 3px 5px rgba(0,0,0,.22);border-radius:30px!important}.auth-page form .form-group .form-control::placeholder{color:var(--secondary-400)}.auth-page form .form-group .input-group{background:var(--white-color);border:1px solid var(--white-color);margin-bottom:10px;font-weight:600;overflow:hidden;box-shadow:0 3px 5px rgba(0,0,0,.22);border-radius:30px!important}.auth-page form .form-group .input-group .form-control{box-shadow:none;border:none;border:1px solid var(--white-color);background:0 0;margin:0;padding:1.5vh 2vh;font-size:.8rem;font-weight:600}.auth-page form .form-group .input-group .form-control:not(:-moz-read-only):focus{color:var(--text-color);box-shadow:none;border:1px solid transparent}.auth-page form .form-group .input-group .form-control:not(:read-only):focus{color:var(--text-color);box-shadow:none;border:1px solid transparent}.auth-page form .form-group .input-group .btnViewPassword{box-shadow:none;color:var(--secondary-400);background:0 0;border:none;margin:0;padding:0}.auth-page form .form-group .input-group .btnViewPassword:hover{color:var(--primary-color)}.auth-page .custom-checkbox-root{margin:8px;padding:0}.auth-page .custom-checkbox-root:hover{background-color:transparent}.auth-page .custom-checkbox-root.Mui-focusVisible .custom-checkbox-icon{outline:2px auto var(--primary-color);outline-offset:2px}.auth-page .custom-checkbox-root input:disabled~.custom-checkbox-icon{box-shadow:none;background:var(--primary-color)}.auth-page .custom-checkbox-root input:hover~.custom-checkbox-icon.checked{background-color:var(--primary-color)}.auth-page .custom-checkbox-root input:disabled~.custom-checkbox-icon.checked{background:var(--primary-color)}.auth-page .custom-checkbox-icon{background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,0));border-radius:3px;width:1.15rem;height:1.15rem;transition:background-color .2s,box-shadow .2s;display:inline-block;box-shadow:inset 0 0 0 1px rgba(16,22,26,.2),inset 0 -1px rgba(16,22,26,.1)}.auth-page .custom-checkbox-icon.checked{background-color:var(--primary-color);background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0))}.auth-page .custom-checkbox-icon.checked:before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:1.15rem;height:1.15rem;display:block}.auth-page .terms-checkbox-container{transition:all .3s}.auth-page .terms-checkbox-container.shake-error{animation:.5s ease-in-out shake}.auth-page .terms-checkbox-container p{font-size:1.15rem}.auth-page .terms-checkbox-container .custom-checkbox-root.error .custom-checkbox-icon{background-color:#ffebee;box-shadow:inset 0 0 0 1px #f44336,inset 0 -1px rgba(244,67,54,.1)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (min-width:1200px) and (max-width:1399px){.auth-page .inner-content .auth-char{max-width:45vh}}@media (min-width:992px) and (max-width:1199px){.auth-page .inner-content .auth-char{max-width:43vh}.auth-page .inner-content .form-content .title{font-size:2.2rem}.auth-page .inner-content .form-content .sub-title{font-size:1.5vh}.auth-page .inner-content .form-content form .form-group .form-label{font-size:1.6vh}.auth-page .inner-content .form-content form .form-group .error-message{font-size:1.4vh}.auth-page .inner-content .form-content form .form-group .input-group .form-control{padding:.6rem .5rem;font-size:1.4vh}.auth-page .inner-content .form-content form .forgot-password-link,.auth-page .inner-content .form-content form .sign-up-link,.auth-page .inner-content .form-content form .terms-checkbox-container p{font-size:1rem}.auth-page .inner-content .form-content form .submit-button{font-size:1.2rem}}@media (min-width:768px) and (max-width:991px){.auth-page .inner-content{gap:0;padding:0 2vh}.auth-page .inner-content .auth-char{max-width:35vh;padding:5vh}.auth-page .inner-content .form-content{padding:0 4vh}.auth-page .inner-content .form-content .title{font-size:2.2rem}.auth-page .inner-content .form-content .sub-title{font-size:1.5vh}.auth-page .inner-content .form-content form .form-group .form-label{font-size:1.6vh}.auth-page .inner-content .form-content form .form-group .error-message{font-size:1.4vh}.auth-page .inner-content .form-content form .form-group .input-group .form-control{padding:.6rem .5rem;font-size:1.4vh}.auth-page .inner-content .form-content form .forgot-password-link,.auth-page .inner-content .form-content form .sign-up-link,.auth-page .inner-content .form-content form .terms-checkbox-container p{font-size:1rem}.auth-page .inner-content .form-content form .submit-button{font-size:1.2rem}}@media (min-width:576px) and (max-width:767px){.auth-page .inner-content{flex-direction:column;gap:0;margin:5vh auto 0}.auth-page .inner-content .auth-char{max-width:30vh;padding:0 4vh;display:none}.auth-page .inner-content .form-content{padding:0 4vh}.auth-page .inner-content .form-content .title{font-size:2rem}.auth-page .inner-content .form-content .sub-title{font-size:1.5vh}.auth-page .inner-content .form-content form .form-group .form-label{font-size:1.6vh}.auth-page .inner-content .form-content form .form-group .error-message{font-size:1.4vh}.auth-page .inner-content .form-content form .form-group .input-group .form-control{padding:.6rem .5rem;font-size:1.4vh}.auth-page .inner-content .form-content form .forgot-password-link,.auth-page .inner-content .form-content form .sign-up-link,.auth-page .inner-content .form-content form .terms-checkbox-container p{font-size:1rem}.auth-page .inner-content .form-content form .submit-button{font-size:1.2rem}}@media (min-width:320px) and (max-width:575px){.auth-page .inner-content{flex-direction:column;gap:0;margin:5vh auto 0}.auth-page .inner-content .auth-char{max-width:30vh;padding:0 4vh;display:none}.auth-page .inner-content .form-content{padding:0 4vh}.auth-page .inner-content .form-content .title{font-size:1.6rem}.auth-page .inner-content .form-content .sub-title{font-size:1.4vh}.auth-page .inner-content .form-content form .form-group .form-label,.auth-page .inner-content .form-content form .form-group .error-message{font-size:1.6vh}.auth-page .inner-content .form-content form .submit-button{height:6vh;margin-top:1vh;font-size:1rem}}.profile-page{flex-grow:1;justify-content:center;align-items:center;width:100%;padding:5vh 0;display:flex}.profile-page .inner-content{height:100%;min-height:calc(100% - 20vh);max-height:-moz-fit-content;max-height:fit-content;margin:10vh auto 0}.profile-page .inner-content .section-title{text-align:center;color:var(--secondary-color);text-transform:uppercase;margin-bottom:3vh;font-size:6vh;font-weight:600;line-height:1}.profile-page .profile-form{background:var(--white-color);border-radius:5vh;width:95%;margin:0 auto;padding:3vh}.profile-page .profile-form .left-content{background:#f2f2f2;border-radius:3vh;flex-direction:column;justify-content:center;align-items:center;gap:1.5vh;width:100%;height:100%;padding:3vh 2vh;display:flex;position:relative}.profile-page .profile-form .left-content .profile-img-container{justify-content:space-around;align-items:center;gap:1.5vh;width:100%;display:flex}.profile-page .profile-form .left-content .form-container{width:55%}.profile-page .profile-form .left-content .form-container .form-group{margin:0}.profile-page .profile-form .left-content .form-container .update-profile-container{justify-content:space-between;align-items:start;gap:1vh;display:flex}.profile-page .profile-form .left-content .form-container .update-profile-container span.username-save-button{background:var(--primary-color);width:100%;max-width:-moz-fit-content;max-width:fit-content;height:100%;color:var(--white-color);cursor:pointer;border-radius:100%}.profile-page .profile-form .left-content .form-container .update-profile-container span.username-save-button svg{width:6vh;height:6vh;transform:scale(.5)}.profile-page .profile-form .left-content .form-container .update-profile-container span[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;background:var(--primary-color);width:100%;max-width:-moz-fit-content;max-width:fit-content;height:100%;color:var(--white-color);cursor:pointer;border-radius:100%}.profile-page .profile-form .left-content .form-container .update-profile-container span[disabled] svg{width:6vh;height:6vh;transform:scale(.5)}.profile-page .profile-form .left-content .form-container .input-group{box-shadow:none;border:1px solid var(--secondary-300);margin:0}.profile-page .profile-form .left-content .form-container .input-group button{height:5vh;font-size:2vh}.profile-page .profile-form .left-content .form-container .input-group .form-control{background:var(--white-color)}.profile-page .profile-form .left-content .form-container .input-group .form-control:disabled{background-color:var(--white-color)!important}.profile-page .profile-form .left-content .user-name-container{background:var(--white-color);border-radius:99px;justify-content:space-between;align-items:center;gap:1.5vh;width:100%;margin:0 auto;padding:2.5vh 2.8vh;display:flex;box-shadow:0 3px 5px rgba(0,0,0,.22)}.profile-page .profile-form .left-content .user-name-container .user-name{color:var(--secondary-400);margin:0;font-size:1.8vh;font-weight:600;line-height:0}.profile-page .profile-form .left-content .user-name-container .edit-icon{cursor:pointer;color:var(--primary-color)}.profile-page .profile-form .left-content .profile-img{text-align:center;background:var(--primary-color);border:.3vh solid var(--secondary-400);border-radius:50%;width:25%;height:auto;overflow:hidden}.profile-page .profile-form .left-content .profile-img img{object-fit:cover;width:100%;height:100%}.profile-page .profile-form .left-content .profile-img svg{width:100%;height:100%;color:var(--white-color);transform:scale(.8)}.profile-page .profile-form .left-content .avatars-container{justify-content:center;align-items:center;gap:1.5vh;width:100%;padding:1vh .5vh;display:flex;overflow-x:auto}.profile-page .profile-form .left-content .avatars-container::-webkit-scrollbar{display:none}.profile-page .profile-form .left-content .avatars-container .avatar-item{border:.3vh solid var(--secondary-300);background-color:#bac5e0;border-radius:50%;outline:.3vh solid transparent;width:100%;max-width:9vh;height:100%;transition:all .3s;overflow:hidden}.profile-page .profile-form .left-content .avatars-container .avatar-item:hover:not(.disabled),.profile-page .profile-form .left-content .avatars-container .avatar-item.selected{outline:.3vh solid var(--primary-color)}.profile-page .profile-form .left-content .avatars-container .avatar-item.disabled{cursor:not-allowed;opacity:.6}.profile-page .profile-form .left-content .avatars-container .avatar-item .avatar-image{width:100%;height:100%;color:var(--secondary-400);object-fit:contain}.profile-page .profile-form .right-content{background:#f2f2f2;border-radius:3vh;flex-direction:column;justify-content:space-between;align-items:center;gap:2vh;width:100%;height:100%;padding:3vh;display:flex;overflow:visible}.profile-page .profile-form .right-content .form-group{margin:0 auto;width:80%!important}.profile-page .profile-form .right-content .form-group .input-group input{border-color:var(--secondary-100)}.profile-page .profile-form .right-content .common-select-container{width:80%;margin:0 auto}.profile-page .profile-form .right-content .common-select-container .form-group{width:100%!important}.profile-page .profile-form .right-content .data-cards-container{justify-content:center;align-items:center;gap:2vh;width:100%;display:flex}.profile-page .profile-form .right-content .data-cards-container .data-card-item{border:1px solid var(--white-color);background:var(--white-color);border-radius:2vh;flex-direction:column;justify-content:center;align-items:center;gap:.3vh;width:100%;height:100%;padding:2vh;display:flex}.profile-page .profile-form .right-content .data-cards-container .data-card-item .data-title{font-size:2vh}.profile-page .profile-form .right-content .data-cards-container .data-card-item .data-value{color:var(--primary-color);font-size:3vh;font-weight:600}.profile-page .profile-form .exit-button{background:linear-gradient(90deg,#e47e6d 0%,#b31c02 100%);border:none;border-radius:5vh;width:100%;max-width:28vh;margin:3vh auto 0;padding:1.2vh 2vh;font-size:2vh;font-weight:600}.profile-page .profile-form .exit-button:hover{box-shadow:0 5px 5px rgba(175,76,76,.41)}#delete-account-modal .wrapper-header-icon{background:linear-gradient(90deg,#e47e6d 0%,#b31c02 100%)}#delete-account-modal .delete-account-content{flex-direction:column;align-items:center;gap:2vh;padding:2vh;display:flex}#delete-account-modal .delete-account-content .delete-account-message{color:var(--error-color);text-align:center;margin:0;font-size:2vh}#delete-account-modal .delete-account-content .delete-account-actions{justify-content:center;gap:1.5vh;width:100%;display:flex}#delete-account-modal .delete-account-content .delete-account-actions button{text-transform:capitalize;min-width:100px;box-shadow:none;border-radius:8px;padding:1vh 2.5vh;font-size:2vh}#delete-account-modal .delete-account-content .delete-account-actions button.btn-custom-cancel{border-color:var(--error-color);background-color:var(--error-color);color:var(--white-color)}#delete-account-modal .delete-account-content .delete-account-actions button.btn-custom-confirm{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--white-color)}@media (min-width:1200px) and (max-width:1399px){.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .input-group button{font-size:1.8vh}.profile-page .inner-content .profile-form .left-content .avatars-container{gap:1vh}.profile-page .inner-content .profile-form .left-content .avatars-container .avatar-item{max-width:7vh}}@media (min-width:992px) and (max-width:1199px){.profile-page .inner-content .profile-form{border-radius:4vh}.profile-page .inner-content .profile-form .left-content{padding:2vh}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .input-group button{font-size:1.6vh}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .update-profile-container span.username-save-button svg{width:5vh;height:5vh}.profile-page .inner-content .profile-form .left-content .avatars-container{gap:1.3vh}.profile-page .inner-content .profile-form .left-content .avatars-container .avatar-item{max-width:6vh}.profile-page .inner-content .profile-form .right-content .data-cards-container .data-card-item .data-title{font-size:1.6vh}.profile-page .inner-content .profile-form .right-content .data-cards-container .data-card-item .data-value{font-size:2.5vh}.profile-page .inner-content .profile-form .exit-button{max-width:25vh;height:5.5vh;font-size:2vh}}@media (min-width:768px) and (max-width:991px){.profile-page{padding:4vh 0}.profile-page .inner-content .profile-form{border-radius:4vh;width:90%}.profile-page .inner-content .profile-form .left-content{gap:2vh;padding:2vh}.profile-page .inner-content .profile-form .left-content .profile-img-container .profile-img{width:7rem}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .input-group .form-control{padding:.6rem 1.2rem}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .input-group button{font-size:1.6vh}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .update-profile-container span.username-save-button svg{width:5vh;height:5vh}.profile-page .inner-content .profile-form .left-content .avatars-container{gap:1.3vh}.profile-page .inner-content .profile-form .left-content .avatars-container .avatar-item{max-width:4rem}.profile-page .inner-content .profile-form .right-content .data-cards-container .data-card-item .data-title{font-size:1rem}.profile-page .inner-content .profile-form .right-content .data-cards-container .data-card-item .data-value{font-size:2.5vh}.profile-page .inner-content .profile-form .exit-button{max-width:25vh;height:5vh;font-size:1.6vh}}@media (min-width:320px) and (max-width:575px){.profile-page{padding:2vh 0}.profile-page .inner-content .profile-form{border-radius:3vh;width:100%;padding:2vh}.profile-page .inner-content .profile-form .mt-4{margin-top:1.5vh!important}.profile-page .inner-content .profile-form .left-content{gap:1vh;padding:2vh}.profile-page .inner-content .profile-form .left-content .profile-img-container .profile-img{width:5rem}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .input-group .form-control{padding:.5rem 1rem}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .input-group button{font-size:1.5vh}.profile-page .inner-content .profile-form .left-content .profile-img-container .form-container .update-profile-container span.username-save-button svg{width:5vh;height:5vh}.profile-page .inner-content .profile-form .left-content .avatars-container{gap:1vh;padding-bottom:0}.profile-page .inner-content .profile-form .left-content .avatars-container .avatar-item{max-width:4rem}.profile-page .inner-content .profile-form .right-content{gap:1vh;padding:2vh}.profile-page .inner-content .profile-form .right-content .data-cards-container .data-card-item .data-title{font-size:1.5vh}.profile-page .inner-content .profile-form .right-content .data-cards-container .data-card-item .data-value{font-size:2vh}.profile-page .inner-content .profile-form .exit-button{max-width:25vh;height:5vh;margin:1vh auto 0;font-size:1.6vh}}.wallet-page{width:100%;height:100%;padding:1rem 0}.wallet-page .inner-content{background:var(--white-color);border-radius:5vh;margin:15vh auto 0;padding:3vh;position:relative}.wallet-page .inner-content form{justify-content:center;align-items:center;gap:1vh;width:95%;height:100%;margin:0 auto;display:flex}.wallet-page .inner-content .left-content,.wallet-page .inner-content .right-content{width:100%;height:100%}.wallet-page .wallet-text{text-align:center;background:#f2f2f2;border:1px solid transparent;border-radius:8px;width:100%;margin-bottom:2vh;padding:1.8vh 1vh}.wallet-page .wallet-text h1{justify-content:center;align-items:center;gap:.8vh;margin:0;font-size:2.5vh;font-weight:600;display:flex}.wallet-page .wallet-text h1 span{font-size:3vh}.wallet-page p{text-align:center;margin:0;padding:0 2vh;font-size:1.8vh;line-height:1.5}.wallet-page .wallet-card-container{grid-template-rows:1fr;grid-template-columns:repeat(2,12rem);justify-content:center;align-items:center;gap:1.5vh;width:100%;padding:0 1vh;display:grid}.wallet-page .wallet-card-container .wallet-card-item{background:var(--white-color);cursor:pointer;box-sizing:border-box;border:.18rem solid transparent;border-radius:2.5vh;outline:.18rem solid transparent;flex-direction:column;width:100%;height:14rem;max-height:14rem;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}@media (hover:hover){.wallet-page .wallet-card-container .wallet-card-item:hover{outline:.3vh solid var(--light-green-color)}}.wallet-page .wallet-card-container .wallet-card-item.selected{outline:.3vh solid var(--light-green-color)}.wallet-page .wallet-card-container .wallet-card-item.selected .card-footer{background-color:var(--light-green-color)}.wallet-page .wallet-card-container .wallet-card-item .card-image{background:linear-gradient(135deg,#7bb3c3 0%,#accfd5 100%);width:100%;height:100%;max-height:10.5rem;position:relative;overflow:hidden}.wallet-page .wallet-card-container .wallet-card-item .card-image img{object-fit:contain;aspect-ratio:1;width:100%;height:100%;transition:all .3s ease-out;transform:scale(.8)}.wallet-page .wallet-card-container .wallet-card-item .card-image .image-placeholder{background:linear-gradient(135deg,#7bb3c3 0%,#accfd5 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wallet-page .wallet-card-container .wallet-card-item .card-footer{background-color:#f2f2f2;flex-direction:column;justify-content:center;align-items:center;gap:.4vh;width:100%;height:auto;min-height:4rem;max-height:4rem;padding:.4rem .8rem;transition:all .3s ease-in-out;display:flex}.wallet-page .wallet-card-container .wallet-card-item .card-footer p{text-align:center;width:100%;margin:0;padding:0;line-height:1.2}.wallet-page .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:1.5vh}.wallet-page .wallet-card-container .wallet-card-item .card-footer p.card-price{font-size:1.8vh;font-weight:600}.wallet-page .wallet-card-container .wallet-card-item .card-footer p.card-price svg{width:1rem;height:1rem}.wallet-page .wallet-button-container{flex-direction:column;justify-content:center;align-items:center;margin-top:3vh;margin-bottom:3vh;display:flex}.wallet-page .wallet-button-container button{width:60%;height:6.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2.5vh;font-weight:700;line-height:1;font-family:var(--arabic-font);border-radius:5vh;padding:1.2vh 2vh;transition:all .3s ease-in-out}.wallet-page .wallet-button-container button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.wallet-page .wallet-button-container button:disabled{color:var(--white-color);opacity:.6;cursor:not-allowed}.wallet-page .wallet-buy{margin-top:2vh;margin-bottom:2vh}.wallet-page .wallet-gift-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wallet-page .wallet-gift-container .gift-icon{margin:0}.wallet-page .wallet-gift-container .gift-icon img{object-fit:contain;width:100%;height:100%}.wallet-page .wallet-quantity-card-container{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:30px;display:flex}.wallet-page .wallet-quantity-card-container .wallet-card-item{background:var(--white-color);cursor:pointer;box-sizing:border-box;border:.18rem solid transparent;border-radius:2.5vh;outline:.18rem solid transparent;flex-direction:column;width:10rem;height:11rem;max-height:11rem;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}@media (hover:hover){.wallet-page .wallet-quantity-card-container .wallet-card-item:hover{outline:.3vh solid var(--light-green-color)}}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-image{background:linear-gradient(135deg,#7bb3c3 0%,#accfd5 100%);width:100%;height:100%;max-height:8rem;position:relative;overflow:hidden}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-image img{object-fit:contain;aspect-ratio:1;width:100%;height:100%;transition:all .3s ease-out}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-image .image-placeholder{background:linear-gradient(135deg,#7bb3c3 0%,#accfd5 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer{background-color:var(--light-green-color);flex-direction:column;justify-content:center;align-items:center;gap:.6vh;width:100%;height:100%;min-height:-moz-fit-content;min-height:fit-content;max-height:3rem;padding:.5rem 1rem;transition:all .3s ease-in-out;display:flex}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p{text-align:center;margin:0;line-height:1}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-title{font-size:.75rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price{font-size:.9rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price .sar-price{gap:.2rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon{width:.8rem;height:.8rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon svg{width:100%;height:100%}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price .sar-price .amount-value{line-height:1.5}.wallet-page .wallet-quantity-input-container{justify-content:center;align-items:center;gap:20px;width:100%;margin-top:2vh;display:flex}.wallet-page .wallet-quantity-input-container span{text-align:center;min-width:40px;font-size:3.5vh;font-weight:700}.wallet-page .wallet-quantity-input-container button{justify-content:center;align-items:center;font-size:18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px rgba(24,165,88,.35);color:#fff!important;background:linear-gradient(135deg,#18a558 0%,#0f8b45 100%)!important;border:none!important;border-radius:50%!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;margin:0!important;padding:0!important}.wallet-page .wallet-quantity-input-container button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 18px rgba(24,165,88,.5)}.wallet-page .wallet-quantity-input-container button:active:not(:disabled){transform:scale(.95)}.wallet-page .wallet-quantity-input-container button:disabled{box-shadow:none;color:#9e9e9e!important;background:#e0e0e0!important}.wallet-page .wallet-payment-methods-container{width:100%;margin-top:2vh;padding:0 1vh}.wallet-page .wallet-payment-methods-container .payment-methods-title{text-align:center;color:var(--primary-color);margin-bottom:1.5vh;font-size:2vh;font-weight:600}.wallet-page .wallet-payment-methods-container .payment-methods-loading{justify-content:center;align-items:center;padding:3vh 0;display:flex}.wallet-page .wallet-payment-methods-container .payment-methods-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8vh;display:flex}.wallet-page .wallet-payment-methods-container .payment-method-item{border:2px solid var(--secondary-300);cursor:pointer;border-radius:.5vh;justify-content:space-between;align-items:center;gap:.8vh;min-width:5rem;padding:.3vh .8vh;transition:all .25s ease-in-out;display:flex;position:relative}@media (hover:hover){.wallet-page .wallet-payment-methods-container .payment-method-item:hover{border-color:var(--light-green-color);box-shadow:0 2px 8px rgba(0,0,0,.08)}}.wallet-page .wallet-payment-methods-container .payment-method-item.selected{border-color:var(--light-green-color);background:rgba(76,175,80,.06);box-shadow:0 2px 8px rgba(76,175,80,.15)}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-image{object-fit:contain;border-radius:4px;flex-shrink:0;width:3.5vh;height:3.5vh}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.5vh;font-weight:500;overflow:hidden}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-check{color:var(--white-color);background-color:var(--primary-color);border-radius:50%;flex-shrink:0;width:2.2vh;height:2.2vh;padding:.4vh}.wallet-page .wallet-payment-methods-container .payment-methods-empty{text-align:center;color:#999;padding:2vh 0;font-size:1.6vh}.wallet-page .friend-search-dropdown{background-color:var(--white-color);z-index:9999;border-radius:15px;width:100%;max-height:250px;margin-top:5px;position:absolute;top:100%;overflow-x:hidden;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.3)}.wallet-page .friend-search-dropdown::-webkit-scrollbar{width:0}.wallet-page .friend-search-dropdown::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px}.wallet-page .friend-search-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px}.wallet-page .friend-search-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.wallet-page .friend-search-dropdown .friend-search-option{color:var(--primary-color);cursor:pointer;justify-content:space-between;align-items:center;padding:2.2vh 2vh;font-size:1.8vh;font-weight:600;line-height:1;transition:background-color .2s;display:flex;position:relative}.wallet-page .friend-search-dropdown .friend-search-option:first-child{border-top-left-radius:15px;border-top-right-radius:15px}.wallet-page .friend-search-dropdown .friend-search-option:last-child{border-bottom-right-radius:15px;border-bottom-left-radius:15px}.wallet-page .friend-search-dropdown .friend-search-option:hover{background-color:var(--secondary-100)}.wallet-page .friend-search-dropdown .friend-search-option.selected{background-color:var(--primary-color);color:var(--white-color)}.wallet-page .friend-search-dropdown .friend-search-option.selected .check-icon{color:var(--primary-color);background-color:var(--white-color)}.wallet-page .friend-search-dropdown .friend-search-option span{flex:1}.wallet-page .friend-search-dropdown .friend-search-option .check-icon{color:var(--white-color);background-color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:2.5vh;height:2.5vh;margin-left:.5rem;padding:.5vh;font-size:2.5vh;display:flex}[dir=rtl] .wallet-page .friend-search-dropdown .friend-search-option,html[dir=rtl] .wallet-page .friend-search-dropdown .friend-search-option{text-align:right}[dir=rtl] .wallet-page .friend-search-dropdown .friend-search-option .check-icon,html[dir=rtl] .wallet-page .friend-search-dropdown .friend-search-option .check-icon{margin-left:0;margin-right:.5rem}[dir=ltr] .wallet-page .friend-search-dropdown .friend-search-option,html[dir=ltr] .wallet-page .friend-search-dropdown .friend-search-option{text-align:left}[dir=ltr] .wallet-page .friend-search-dropdown .friend-search-option .check-icon,html[dir=ltr] .wallet-page .friend-search-dropdown .friend-search-option .check-icon{margin-left:.5rem;margin-right:0}html[lang=ar] .wallet-page .wallet-text h1{font-size:2vw}html[lang=ar] .wallet-page p{font-size:1.5vw}html[lang=ar] .wallet-page .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:1.3vw}.status-page{width:100%;height:100%;padding:1rem 0}.status-page button{width:60%!important}.status-page .inner-content{background:var(--white-color);text-align:center;border-radius:3vh;flex-direction:column;justify-content:space-around;align-items:center;width:100%;max-width:450px;height:calc(100% - 35vh);margin:13vh auto 0;padding:3vh;display:flex;position:relative}.status-page .inner-content h1,.status-page .inner-content p{margin:0}.status-page .inner-content .transac-id{font-size:1.8vh}.status-page .inner-content h1{color:var(--primary-color);margin-top:2vh;margin-bottom:2vh;font-size:6vh;font-weight:700}.status-page .inner-content p.status-text{text-transform:uppercase;margin-bottom:2vh;font-size:2.5vh;font-weight:600}.status-page .inner-content p.error-text{color:var(--sub-title-color);font-size:.8em;font-weight:600}.status-page .inner-content img{width:50%;height:auto}.status-page .inner-content button{width:100%;height:5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2vh;font-weight:700;line-height:1;font-family:var(--arabic-font);border-radius:5vh;padding:1.2vh 2vh;transition:all .3s ease-in-out}.status-page .inner-content button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.status-page .inner-content button:disabled{color:var(--white-color);opacity:.6;cursor:not-allowed}.status-page .inner-content button.full-width{max-width:none}.status-page .inner-content button.btn-custom-discard{background-color:var(--sub-title-color)!important;color:var(--white-color)!important}.status-page .inner-content button.btn-custom-discard:disabled{opacity:.5;cursor:not-allowed}.status-page .inner-content button.btn-custom-confirm{background-color:var(--primary-color)!important;color:var(--white-color)!important}.status-page .inner-content button.btn-custom-confirm svg{color:#fff!important}.status-page .inner-content button.btn-custom-confirm:disabled{opacity:.5;cursor:not-allowed}@media (min-width:992px) and (max-width:1199px){.wallet-page{width:90%}.wallet-page p{font-size:1.6vh;line-height:1.2}.wallet-page .inner-content{border-radius:4vh}.wallet-page .inner-content form button{max-width:25vh;height:5.5vh;font-size:2vh}.wallet-page .inner-content .wallet-buy{width:80%;margin:0 auto}.wallet-page .inner-content .left-content .wallet-text{padding:1.5vh .5vh}.wallet-page .inner-content .left-content .wallet-text h1{font-size:2vh}.wallet-page .inner-content .left-content .wallet-text h1 span{font-size:2.5vh}.wallet-page .inner-content .right-content .wallet-card-container{grid-template-columns:repeat(2,10rem)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item{border-radius:2vh;width:100%;height:12rem;max-height:12rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image{max-height:10rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image img{transform:scale(.8)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer{min-height:3.2rem;max-height:3.2rem;padding:.3rem .5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p{line-height:1}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:.75rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price{font-size:.9rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price{gap:.2rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon{width:.8rem;height:.8rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon svg{width:100%;height:100%}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .amount-value{line-height:1.5}html[lang=ar] .wallet-page .wallet-text h1{font-size:2vw}html[lang=ar] .wallet-page p,html[lang=ar] .wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:1.5vw}html[lang=ar] .wallet-page .wallet-button-container{font-size:2vw}}@media (min-width:768px) and (max-width:991px){.wallet-page{width:100%}.wallet-page p{font-size:1.6vh;line-height:1.2}.wallet-page .inner-content{border-radius:4vh}.wallet-page .inner-content form{justify-content:space-between;width:100%;margin:0}.wallet-page .inner-content form button{max-width:25vh;height:5.5vh;font-size:2vh}.wallet-page .inner-content .wallet-buy{width:80%;margin:0 auto}.wallet-page .inner-content .left-content .wallet-text{padding:1.2vh .5vh}.wallet-page .inner-content .left-content .wallet-text h1{font-size:1.8vh}.wallet-page .inner-content .left-content .wallet-text h1 span{font-size:2.2vh}.wallet-page .inner-content .left-content p{margin-bottom:1.5vh;font-size:1.4vh}.wallet-page .inner-content .right-content .wallet-card-container{grid-template-columns:repeat(2,1fr)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item{border-radius:2vh;width:100%;height:10.5rem;max-height:10.5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image{max-height:9.5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image img{transform:scale(.8)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer{gap:.3vh;min-height:3rem;max-height:3rem;padding:.3rem .5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p{line-height:1}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:.7rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price{font-size:.85rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price{gap:.2rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon{width:.8rem;height:.8rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon svg{width:100%;height:100%}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .amount-value{line-height:1.5}html[lang=ar] .wallet-page .wallet-text h1{font-size:2vw}html[lang=ar] .wallet-page .inner-content .left-content p,html[lang=ar] .wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:1.7vw}html[lang=ar] .wallet-page .wallet-button-container{font-size:2vw}}@media (min-width:576px) and (max-width:767px){.wallet-page{width:100%;padding:.5rem 0}.wallet-page p{padding:0 1vh;font-size:1.4vh;line-height:1.2}.wallet-page .inner-content{border-radius:3vh;max-width:95%;padding:2vh}.wallet-page .inner-content form{flex-direction:column;gap:1.5vh;width:100%;margin:0}.wallet-page .inner-content form button{width:100%;max-width:15vh;height:5vh;font-size:1.8vh}.wallet-page .inner-content .wallet-buy{width:60%;margin:0 auto}.wallet-page .inner-content .left-content .wallet-text{margin-bottom:1.5vh;padding:1.5vh .5vh}.wallet-page .inner-content .left-content .wallet-text h1{font-size:1.8vh}.wallet-page .inner-content .left-content .wallet-text h1 span{font-size:2.2vh}.wallet-page .inner-content .left-content p{margin-bottom:1.5vh;font-size:1.5vh}.wallet-page .inner-content .right-content .wallet-card-container{grid-template-columns:repeat(4,7.5rem);gap:1vh}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item{border-radius:1.8vh;width:100%;height:9rem;max-height:9rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image{max-height:7rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image img{transform:scale(.75)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer{gap:.2vh;min-height:2.6rem;max-height:2.6rem;padding:.3rem .5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p{line-height:1}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:.65rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price{font-size:.75rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price{gap:.2rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon{width:.7rem;height:.7rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon svg{width:100%;height:100%}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .amount-value{line-height:1.5}.wallet-page .wallet-button-container{margin-top:2vh;margin-bottom:2vh}.wallet-page .wallet-button-container button{width:100%;height:5.5vh;font-size:2vh}.wallet-page .wallet-quantity-card-container{gap:8px;margin-top:20px}.wallet-page .wallet-quantity-card-container .wallet-card-item{border-radius:1.5vh;width:8rem;height:9rem;max-height:9rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-image{max-height:6.5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer{max-height:2.5rem;padding:.4rem .5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-title{font-size:.7rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price{font-size:.85rem}.wallet-page .wallet-quantity-input-container span{font-size:3vh}.wallet-page .friend-search-dropdown{max-height:200px}.wallet-page .friend-search-dropdown .friend-search-option{padding:1.8vh 1.5vh;font-size:1.6vh}.wallet-page .wallet-payment-methods-container{margin-top:1.5vh}.wallet-page .wallet-payment-methods-container .payment-methods-title{margin-bottom:1vh;font-size:1.6vh}.wallet-page .wallet-payment-methods-container .payment-method-item{min-width:8rem;padding:1vh 1.2vh}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-image{width:3vh;height:3vh}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-name{font-size:1.4vh}.status-page .inner-content{gap:2vh;margin:13vh auto 0}.status-page .inner-content .transac-id{font-size:2vh}.status-page .inner-content h1{margin-top:2vh;margin-bottom:2vh;font-size:5vh}.status-page .inner-content p.status-text{font-size:2vh}.status-page .inner-content img{width:50%}html[lang=ar] .wallet-page .inner-content .left-content .wallet-text h1{font-size:3vw}html[lang=ar] .wallet-page .inner-content .left-content p{font-size:2.4vw}html[lang=ar] .wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:2.1vw}html[lang=ar] .wallet-page .wallet-button-container{font-size:2.5vw}}@media (min-width:320px) and (max-width:575px){.wallet-page{width:100%;padding:2vh 0}.wallet-page p{padding:0 1vh;font-size:1.4vh;line-height:1.2}.wallet-page .inner-content{border-radius:2vh;width:95%;margin:10vh auto 0;padding:2vh}.wallet-page .inner-content form{flex-direction:column;gap:1vh;width:100%;margin:0}.wallet-page .inner-content form button{width:100%;max-width:15vh;height:5vh;font-size:1.8vh}.wallet-page .inner-content .wallet-buy{width:90%;margin:0 auto}.wallet-page .inner-content .left-content .wallet-text{margin-bottom:1.5vh;padding:1.5vh .5vh}.wallet-page .inner-content .left-content .wallet-text h1{font-size:1.6vh}.wallet-page .inner-content .left-content .wallet-text h1 span{font-size:2vh}.wallet-page .inner-content .left-content p{margin-bottom:1vh;font-size:1.3vh}.wallet-page .inner-content .right-content .wallet-card-container{grid-template-columns:repeat(2,9rem);gap:1vh;width:85%;margin:0 auto}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item{border-radius:2vh;width:100%;height:10rem;max-height:10rem;margin:0 auto}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image{max-height:8rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image img{transform:scale(.75)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer{gap:.3vh;min-height:2.6rem;max-height:2.6rem;padding:.3rem .5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p{line-height:1}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:.65rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price{font-size:.75rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price{gap:.2rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon{width:.75rem;height:.75rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .sar-icon svg{width:100%;height:100%}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-price .sar-price .amount-value{line-height:1.3}.wallet-page .wallet-button-container{margin-top:2vh;margin-bottom:2vh}.wallet-page .wallet-button-container button{width:100%;height:5.5vh;font-size:2vh}.wallet-page .wallet-quantity-card-container{gap:8px;margin-top:20px}.wallet-page .wallet-quantity-card-container .wallet-card-item{border-radius:1.5vh;width:8rem;height:9rem;max-height:9rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-image{max-height:6.5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer{max-height:2.5rem;padding:.4rem .5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-title{font-size:.7rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price{font-size:.85rem}.wallet-page .wallet-quantity-input-container span{font-size:3vh}.wallet-page .wallet-quantity-input-container button{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important}.wallet-page .friend-search-dropdown{max-height:200px}.wallet-page .friend-search-dropdown .friend-search-option{padding:1.8vh 1.5vh;font-size:1.6vh}.wallet-page .wallet-payment-methods-container{margin-top:1.5vh}.wallet-page .wallet-payment-methods-container .payment-methods-title{margin-bottom:1vh;font-size:1.5vh}.wallet-page .wallet-payment-methods-container .payment-methods-list{gap:.8vh}.wallet-page .wallet-payment-methods-container .payment-method-item{border-radius:.5vh;min-width:7rem;padding:.3vh .8vh}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-image{width:2.5vh;height:2.5vh}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-name{font-size:1.3vh}.wallet-page .wallet-payment-methods-container .payment-method-item .payment-method-check{width:2vh;height:2vh}.status-page .inner-content{gap:2vh;max-width:90%;margin:10vh auto 0}.status-page .inner-content .transac-id{font-size:2vh}.status-page .inner-content h1{margin-top:2vh;margin-bottom:2vh;font-size:5vh}.status-page .inner-content p.status-text{font-size:2vh}.status-page .inner-content img{width:50%}html[lang=ar] .wallet-page .inner-content .left-content .wallet-text h1{font-size:3.5vw}html[lang=ar] .wallet-page .inner-content .left-content p{font-size:3.2vw}html[lang=ar] .wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p.card-title{font-size:2.8vw}html[lang=ar] .wallet-page .wallet-button-container{font-size:2.5vw}html[lang=ar] .form-group .form-label{font-size:3vw}}@media (min-width:576px) and (max-width:767px){.wallet-page{width:100%;padding:.5rem 0}.wallet-page p{padding:0 1vh;font-size:1.4vh;line-height:1.2}.wallet-page .inner-content{border-radius:3vh;padding:2vh}.wallet-page .inner-content form{flex-direction:column;gap:1.5vh;width:100%;margin:0}.wallet-page .inner-content form button{width:100%;max-width:15vh;height:5vh;font-size:1.8vh}.wallet-page .inner-content .wallet-buy{width:90%;margin:0 auto}.wallet-page .inner-content .left-content .wallet-text{margin-bottom:1.5vh;padding:1vh .5vh}.wallet-page .inner-content .left-content .wallet-text h1{font-size:1.6vh}.wallet-page .inner-content .left-content .wallet-text h1 span{font-size:2vh}.wallet-page .inner-content .left-content p{margin-bottom:1vh;font-size:1.3vh}.wallet-page .inner-content .right-content .wallet-card-container{grid-template-columns:repeat(4,1fr);gap:1vh}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item{border-radius:1.5vh;width:100%;height:9.5rem;max-height:9.5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image{max-height:7.5rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image img{transform:scale(.75)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer{max-height:2.5rem;padding:.4rem .3rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p{font-size:1.1vh}.wallet-page .wallet-button-container{margin-top:2vh;margin-bottom:2vh}.wallet-page .wallet-button-container button{width:100%;height:5.5vh;font-size:2vh}.wallet-page .wallet-quantity-card-container{gap:8px;margin-top:20px}.wallet-page .wallet-quantity-card-container .wallet-card-item{border-radius:1.5vh;width:8rem;height:9rem;max-height:9rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-image{max-height:6.5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer{max-height:2.5rem;padding:.4rem .5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-title{font-size:.7rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price{font-size:.85rem}.wallet-page .wallet-quantity-input-container span{font-size:3vh}.wallet-page .friend-search-dropdown{max-height:200px}.wallet-page .friend-search-dropdown .friend-search-option{padding:1.8vh 1.5vh;font-size:1.6vh}.status-page .inner-content{gap:2vh}.status-page .inner-content .transac-id{font-size:2vh}.status-page .inner-content h1{margin-top:2vh;margin-bottom:2vh;font-size:5vh}.status-page .inner-content p.status-text{font-size:2vh}.status-page .inner-content img{width:70%}}@media (min-width:320px) and (max-width:575px){.wallet-page{width:100%;padding:2vh 0}.wallet-page p{padding:0 1vh;font-size:1.4vh;line-height:1.2}.wallet-page .inner-content{border-radius:2vh;width:95%;margin:10vh auto 0;padding:2vh}.wallet-page .inner-content form{flex-direction:column;gap:1vh;width:100%;margin:0}.wallet-page .inner-content form button{width:100%;max-width:15vh;height:5vh;font-size:1.8vh}.wallet-page .inner-content .wallet-buy{width:90%;margin:0 auto}.wallet-page .inner-content .left-content .wallet-text{margin-bottom:1.5vh;padding:1.5vh .5vh}.wallet-page .inner-content .left-content .wallet-text h1{font-size:1.6vh}.wallet-page .inner-content .left-content .wallet-text h1 span{font-size:2vh}.wallet-page .inner-content .left-content p{margin-bottom:1vh;font-size:1.3vh}.wallet-page .inner-content .right-content .wallet-card-container{grid-template-columns:repeat(2,1fr);gap:1vh;width:80%;margin:0 auto}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item{border-radius:2vh;width:7rem;height:8rem;max-height:8rem;margin:0 auto}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image{max-height:7rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-image img{transform:scale(.75)}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer{max-height:2rem;padding:.4rem .3rem}.wallet-page .inner-content .right-content .wallet-card-container .wallet-card-item .card-footer p{font-size:1.5vh}.wallet-page .wallet-button-container{margin-top:2vh;margin-bottom:2vh}.wallet-page .wallet-button-container button{width:100%;height:5.5vh;font-size:2vh}.wallet-page .wallet-quantity-card-container{gap:8px;margin-top:20px}.wallet-page .wallet-quantity-card-container .wallet-card-item{border-radius:1.5vh;width:8rem;height:9rem;max-height:9rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-image{max-height:6.5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer{max-height:2.5rem;padding:.4rem .5rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-title{font-size:.7rem}.wallet-page .wallet-quantity-card-container .wallet-card-item .card-footer p.card-price{font-size:.85rem}.wallet-page .wallet-quantity-input-container span{font-size:3vh}.wallet-page .friend-search-dropdown{max-height:200px}.wallet-page .friend-search-dropdown .friend-search-option{padding:1.8vh 1.5vh;font-size:1.6vh}.status-page .inner-content{gap:2vh}.status-page .inner-content .transac-id{font-size:2vh}.status-page .inner-content h1{margin-top:2vh;margin-bottom:2vh;font-size:5vh}.status-page .inner-content p.status-text{font-size:2vh}.status-page .inner-content img{width:70%}}.create-room-section{width:100%}.create-room-section.solo-game-section .inner-content .button-group{box-shadow:none}.create-room-section .section-title{text-align:center;color:var(--secondary-color);text-transform:uppercase;margin-bottom:3vh;font-size:4rem;font-weight:600;line-height:1}.create-room-section .inner-content{max-width:85rem;margin:8rem auto 0}.categories-accordion-section{background:var(--light-primary-color);flex-direction:column;gap:1.5rem;width:100%;margin:0 auto 3vh;padding:2rem 1rem;display:flex}.categories-accordion-section .category-accordion-skeleton{border-radius:2rem;width:100%;margin-bottom:1.5rem;padding:1rem;overflow:hidden;height:25rem!important}.categories-accordion-section .category-accordion{box-shadow:none;background:0 0;overflow:hidden;border-radius:3rem!important}.categories-accordion-section .category-accordion .MuiAccordion-heading{background:var(--secondary-100)}.categories-accordion-section .category-accordion.Mui-expanded{margin:.5rem 0}.categories-accordion-section .category-accordion:before{display:none}.categories-accordion-section .category-accordion .category-accordion-summary{background:var(--white-color);min-height:5rem;color:var(--secondary-color);padding:1rem 2rem;transition:all .3s linear}.categories-accordion-section .category-accordion .category-accordion-summary:hover{background:var(--secondary-100)}.categories-accordion-section .category-accordion .category-accordion-summary .MuiAccordionSummary-content{justify-content:center;align-items:center;height:100%;display:flex;margin:0!important}.categories-accordion-section .category-accordion .category-accordion-summary .category-title{width:100%;min-width:25rem;max-width:-moz-fit-content;max-width:fit-content;height:8rem;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-align:center;text-wrap:nowrap;border-radius:99px;justify-content:center;align-items:end;margin:0 auto;padding:.8rem 3rem .5rem;font-size:1.7rem;font-weight:600;line-height:1.8;display:flex;position:absolute;top:-70%;left:50%;transform:translate(-50%);box-shadow:0 .5rem 1rem rgba(0,0,0,.18);font-family:AL Mohanad,Noto Sans Arabic,sans-serif!important}.categories-accordion-section .category-accordion .category-accordion-summary .accordion-expand-icon{color:var(--secondary-color);width:2.5rem;height:2.5rem;transition:transform .3s ease-in-out}.categories-accordion-section .category-accordion .category-accordion-summary .MuiAccordionSummary-expandIconWrapper{background:var(--white-color);border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex;box-shadow:0 0 1rem rgba(0,0,0,.12)}.categories-accordion-section .category-accordion .category-accordion-details{background:var(--white-color);padding:0}.categories-accordion-section .category-accordion .category-accordion-details .players-distribution-content{width:calc(100% - 5vw);margin:0 auto}.categories-accordion-section .category-accordion .category-accordion-details .players-accordion-row{padding:1.2rem}.categories-accordion-section .category-accordion .category-accordion-details .players-distribute-actions{justify-content:center;align-items:center;padding:0 1.2rem 1.2rem;display:flex}.categories-accordion-section .category-accordion .category-accordion-details .players-distribute-actions .btn-distribute{min-width:14rem;height:5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:none;border-radius:5vh;font-size:2.2vh;font-weight:600;transition:all .3s}.categories-accordion-section .category-accordion .category-accordion-details .players-distribute-actions .btn-distribute:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,0,0,.15)}.categories-accordion-section .category-accordion .category-accordion-details .players-distribute-actions .btn-distribute:disabled{opacity:.5;cursor:not-allowed}.categories-accordion-section .category-accordion .category-accordion-details .teams-distribution-row{flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1.2rem;display:flex}.categories-accordion-section .category-accordion .category-accordion-details .team-column{background:var(--white-color);border:1px solid rgba(0,0,0,.08);border-radius:1.2rem;flex:1;min-width:140px;max-width:50%;padding:1rem 1.2rem}.categories-accordion-section .category-accordion .category-accordion-details .team-header{justify-content:center;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.categories-accordion-section .category-accordion .category-accordion-details .team-name{color:var(--secondary-color,#1a1a1a);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:2.4vh;font-weight:700}.categories-accordion-section .category-accordion .category-accordion-details .team-count-badge{min-width:2.4rem;height:2.4rem;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);border:2px solid var(--white-color);border-radius:50%;justify-content:center;align-items:center;padding:0 .4rem;font-size:1.8vh;font-weight:700;display:inline-flex;box-shadow:0 1px 4px rgba(0,0,0,.12)}.categories-accordion-section .category-accordion .category-accordion-details .team-players-list{flex-direction:column;gap:.6rem;display:flex}.categories-accordion-section .category-accordion .category-accordion-details .player-chip{width:100%;color:var(--secondary-color,#1a1a1a);background:var(--white-color);text-align:center;box-sizing:border-box;border:1px solid rgba(0,0,0,.12);border-radius:99px;padding:.8rem 1rem;font-size:2vh}.categories-accordion-section .category-accordion .category-accordion-details .players-shuffle-actions{padding:1rem 1.2rem 1.2rem}.categories-accordion-section .category-accordion .category-accordion-details .players-shuffle-actions .btn-shuffle{width:4rem;height:4rem;min-width:unset;background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);color:var(--white-color);border-radius:50%;padding:0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(0,245,4,.35)}.categories-accordion-section .category-accordion .category-accordion-details .players-shuffle-actions .btn-shuffle:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,245,37,.4)}.categories-accordion-section .category-accordion .category-accordion-details .players-shuffle-actions .btn-shuffle svg{width:80%;height:80%;transform:scale(.4)}.categories-accordion-section .category-accordion .category-accordion-details .players-shuffle-actions .btn-shuffle .MuiSvgIcon-root{font-size:2.4rem}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(9.5vw,1fr));grid-auto-rows:minmax(0,1fr);place-items:center;gap:1.8rem 1.2rem;width:100%;padding:2.5rem;display:grid;overflow-x:auto}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list::-webkit-scrollbar{display:none}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item{scroll-snap-align:start;grid-area:span 1/span 1;width:100%;max-width:none;height:100%;position:relative;overflow:visible}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item.disabled{filter:grayscale();cursor:not-allowed;pointer-events:none}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .info-icon{z-index:5;cursor:pointer;background-color:#0099fc;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:-.2rem;right:-.2rem}@media (hover:hover){.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .info-icon:hover{background-color:var(--primary-color)}}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .info-icon svg{color:var(--white-color);font-size:1.5rem}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card{background:var(--white-color);cursor:pointer;border:.18rem solid transparent;border-radius:1.5rem;outline:.18rem solid transparent;flex-direction:column;width:100%;height:100%;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}@media (hover:hover){.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card:hover{outline:.18rem solid var(--primary-color)}}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card.selected{outline:.18rem solid var(--primary-color)}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .subcategory-tooltip{background-color:var(--secondary-500);color:var(--white-color);z-index:6;word-wrap:break-word;border-radius:1rem;justify-content:center;align-items:center;min-height:3.5rem;max-height:calc(100% - 4.5rem);padding:1rem .9rem;display:flex;position:absolute;top:.5rem;left:.5rem;right:.5rem;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.3)}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .subcategory-tooltip::-webkit-scrollbar{width:0}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .subcategory-tooltip p{color:var(--white-color);text-align:center;width:100%;margin:0;font-size:.8rem;font-weight:400}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .checkbox-overlay{z-index:2;display:none;position:absolute;top:8px;left:8px}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .checkbox-overlay .MuiCheckbox-root{color:var(--white-color);padding:4px}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .checkbox-overlay .MuiCheckbox-root .MuiSvgIcon-root{filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .checkbox-overlay .Mui-checked{color:var(--primary-color)}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-image{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);width:100%;height:100%;max-height:15rem;position:relative;overflow:hidden}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-image img{object-fit:cover;width:100%;height:100%;transition:all .3s ease-out}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-image .image-placeholder{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-footer{background-color:var(--primary-color);justify-content:center;align-items:center;width:100%;height:100%;max-height:3rem;padding:.6rem 1rem;display:flex}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-footer p{color:var(--white-color);text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.5rem;font-weight:600;line-height:1;display:-webkit-box;overflow:hidden;font-family:AL Mohanad,Noto Sans Arabic,sans-serif!important}.categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-footer p.small-text{font-size:1.3rem}.categories-accordion-section .no-category-message{text-align:center;color:var(--secondary-color);padding:3vh 0;font-size:2.2vh;font-weight:500}.categories-accordion-section .infinite-scroll-sentinel{justify-content:center;align-items:center;width:100%;padding:1vh 0;display:flex}.create-room-page{flex-direction:column;justify-content:space-around;align-items:center;width:95%;height:100%;margin:0 auto;padding:1rem 0;display:flex;overflow:visible}.create-room-page::-webkit-scrollbar{width:0}.create-room-page .hide-wrapper{padding:0}.create-room-page .inner-content{flex-direction:column;justify-content:center;align-items:center;gap:1.8vh;width:100%;max-width:100%;padding:0 0 1.5vh;display:flex;margin:0!important}.create-room-page .inner-content .row{width:100%}.create-room-page .helpline-tools-section{width:100%;margin:.8rem 0 .2rem}.create-room-page .helpline-tools-section .helpline-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.create-room-page .helpline-tools-section .helpline-team-block{background:rgba(76,175,80,.08);border:1px solid rgba(76,175,80,.18);border-radius:1rem;padding:.75rem}.create-room-page .helpline-tools-section .helpline-title{color:var(--white-color);text-align:center;background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);border-radius:999px;margin:0 0 .75rem;padding:.5rem .75rem;font-size:1.05rem;font-weight:700}.create-room-page .helpline-tools-section .helpline-tools-grid{scrollbar-width:none;gap:.6rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.create-room-page .helpline-tools-section .helpline-tools-grid::-webkit-scrollbar{display:none}.create-room-page .helpline-tools-section .helpline-tool-card{border:2px solid var(--border-color);background:var(--white-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:7.4rem;max-width:7.4rem;height:8.4rem;font-family:var(--arabic-font);text-align:center;cursor:pointer;border-radius:1rem;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:.6rem .4rem;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 10px rgba(76,175,80,.12)}.create-room-page .helpline-tools-section .helpline-tool-card:hover:not(.disabled){box-shadow:0 6px 14px rgba(76,175,80,.18)}.create-room-page .helpline-tools-section .helpline-tool-card:focus-visible{box-shadow:0 0 0 3px rgba(76,175,80,.25)}.create-room-page .helpline-tools-section .helpline-tool-card .tool-name{color:#202124;min-height:2.2rem;margin:0;font-size:.86rem;font-weight:700;line-height:1.3}.create-room-page .helpline-tools-section .helpline-tool-card .tool-icon-wrap{width:3.2rem;height:3.2rem;color:var(--primary-color);border:4px solid;border-radius:50%;justify-content:center;align-items:center;display:flex}.create-room-page .helpline-tools-section .helpline-tool-card .tool-icon{font-size:1.5rem}.create-room-page .helpline-tools-section .helpline-tool-card.selected{border:2px solid var(--primary-color)}.create-room-page .helpline-tools-section .helpline-tool-card.disabled{opacity:.45;filter:grayscale();cursor:not-allowed}.create-room-page .categories-accordion-section{width:100%;margin:0 0 2vh;padding:0}.create-room-page.select-categories-page{justify-content:space-between}.create-room-page.select-categories-page .inner-content{justify-content:space-between;height:calc(100% - 10px);overflow-y:auto}.create-room-page.select-categories-page .inner-content::-webkit-scrollbar{width:0}.create-room-page.select-categories-page .button-group{justify-content:center;margin:0;padding:2vh 0 0;box-shadow:0 -3px 10px rgba(1,1,1,.086)}.create-room-page.select-categories-page .button-group button{width:100%;max-width:28vh}.create-room-page .button-group{justify-content:center;align-items:center;gap:10px;width:100%;margin:1.2vh 0;padding:0 3vh;display:flex}.create-room-page .button-group button{width:100%;max-width:28vh;height:6.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2.5vh;font-weight:700;line-height:1;font-family:var(--arabic-font);border-radius:5vh;padding:1.2vh 2vh;transition:all .3s ease-in-out}.create-room-page .button-group button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.create-room-page .button-group button:disabled{color:var(--white-color);opacity:.6;cursor:not-allowed}.create-room-page .button-group button.full-width{max-width:none}.create-room-page .button-group button.btn-custom-discard{background-color:var(--sub-title-color)!important;color:var(--white-color)!important}.create-room-page .button-group button.btn-custom-discard:disabled{opacity:.5;cursor:not-allowed}.create-room-page .button-group button.btn-custom-confirm{background-color:var(--primary-color)!important;color:var(--white-color)!important}.create-room-page .button-group button.btn-custom-confirm svg{color:#fff!important}.create-room-page .button-group button.btn-custom-confirm:disabled{opacity:.5;cursor:not-allowed}.join-room-page{flex-grow:1;place-items:center;width:100%;height:100%;padding:1rem 0;display:grid;overflow-y:auto}.join-room-page::-webkit-scrollbar{width:0}.join-room-page .inner-content{width:100%;padding:0 3vh}.join-room-page .inner-content form{width:45%;margin:0 auto}.join-room-page .inner-content form button{width:100%;height:6.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2.5vh;font-weight:700;line-height:1;font-family:var(--arabic-font);border-radius:5vh;padding:1.2vh 2vh;transition:all .3s ease-in-out}.join-room-page .inner-content form button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}@media (min-width:1400px) and (max-width:1599px){.create-room-section .inner-content{max-width:80rem;margin:8rem auto 0}.create-room-section .inner-content .categories-accordion-section .category-accordion{border-radius:2rem!important}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded{margin:10px 0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:first-child{margin-top:0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:last-child{margin-bottom:0}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{font-size:1.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:2rem 1rem;padding:2rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip{padding:.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip p{font-size:1.2rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer{max-height:3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p{font-size:1.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p.small-text{font-size:1.3rem}.create-room-section .inner-content .create-room-page{width:100%}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-title{font-size:.95rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card{min-width:7.2rem;max-width:7.2rem;height:8.2rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-name{font-size:.84rem}}@media (min-width:1200px) and (max-width:1399px){.create-room-section .inner-content{max-width:70rem;margin:13vh auto 0}.create-room-section .inner-content .categories-accordion-section{margin-bottom:2vh}.create-room-section .inner-content .categories-accordion-section .category-accordion{border-radius:4vh!important}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded{margin:10px 0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:first-child{margin-top:0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:last-child{margin-bottom:0}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{height:7.5rem;font-size:1.6rem;top:-65%}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(10vw,1fr));gap:1.5rem 1.2rem;padding:1.8rem}}@media screen and (min-width:1200px) and (max-width:1399px) and (max-width:1280px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(12.5vw,1fr));gap:2rem 1.2rem;padding:2.5rem}}@media (min-width:1200px) and (max-width:1399px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip{padding:.8rem .5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip p{font-size:.8rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p{font-size:1.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p.small-text{font-size:1.3rem}}@media screen and (min-width:1200px) and (max-width:1399px) and (max-width:1280px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer{max-height:3.2rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p{font-size:1.6rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p.small-text{font-size:1.4rem}}@media (min-width:1200px) and (max-width:1399px){.create-room-section .inner-content .create-room-page{width:100%}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-title{font-size:.95rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card{min-width:7.2rem;max-width:7.2rem;height:8.2rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-name{font-size:.84rem}}@media (min-width:992px) and (max-width:1199px){.create-room-section .inner-content{max-width:65rem;margin:12vh auto 0}.create-room-section .inner-content .categories-accordion-section{gap:1.5vh;width:100%;margin-bottom:2vh;padding:2vh 1.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion{border-radius:4vh!important}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded{margin:10px 0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:first-child{margin-top:0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:last-child{margin-bottom:0}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{height:5rem;padding:.2rem 2rem;font-size:1.6rem;top:-35%}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .MuiAccordionSummary-expandIconWrapper{width:5vh;height:5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(15vw,1fr));gap:1.8rem 1rem;padding:1.8rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-card{border-radius:1.3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .info-icon{width:1.8rem;height:1.8rem;top:0;right:0}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip{min-height:3rem;max-height:calc(100% - 3.2rem);padding:.3rem .5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip p{font-size:1.2vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer{padding:.3rem 0}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-team-grid{grid-template-columns:1fr}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card{min-width:7.2rem;max-width:7.2rem;height:8.2rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-name{font-size:.84rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-icon-wrap{width:3rem;height:3rem}.create-room-section .inner-content .create-room-page .button-group button{max-width:25vh;height:5.5vh;font-size:2vh}}@media (min-width:768px) and (max-width:991px){.create-room-section .inner-content{width:100%;max-width:50rem;margin:12vh auto 0}.create-room-section .inner-content .categories-accordion-section{gap:1.5vh;width:100%;margin-bottom:2vh;padding:2vh 1.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion{border-radius:4vh!important}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded{margin:10px 0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:first-child{margin-top:0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:last-child{margin-bottom:0}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{height:6rem;padding:.2rem 2rem;font-size:1.6rem;top:-53%}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .MuiAccordionSummary-expandIconWrapper{width:4.8vh;height:4.8vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(16vw,1fr));gap:1.2rem;padding:1.5rem}}@media screen and (min-width:768px) and (max-width:991px) and (max-width:775px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(20vw,1fr))}}@media (min-width:768px) and (max-width:991px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .info-icon{width:3.8vh;height:3.8vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip{min-height:3rem;max-height:calc(100% - 3.2rem);padding:.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip p{font-size:1.2vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer{max-height:3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p{font-size:1.4rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p.small-text{font-size:1.2rem}}@media screen and (min-width:768px) and (max-width:991px) and (max-width:775px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p{font-size:1.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p.small-text{font-size:1.4rem}}@media (min-width:768px) and (max-width:991px){.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-team-grid{grid-template-columns:1fr}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-title{font-size:.92rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card{min-width:7rem;max-width:7rem;height:8rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-name{font-size:.82rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-icon-wrap{width:2.9rem;height:2.9rem}.create-room-section .inner-content .create-room-page .button-group button{max-width:25vh;height:5.5vh;font-size:2vh}.join-room-page .inner-content form{width:50%}}@media (min-width:576px) and (max-width:767px){.create-room-section .inner-content{width:100%;max-width:100%;margin:12vh auto 0}.create-room-section .inner-content .categories-accordion-section{gap:1.5vh;width:100%;margin-bottom:2vh;padding:2vh 1.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion{border-radius:4vh!important}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded{margin:10px 0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:first-child{margin-top:0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:last-child{margin-bottom:0}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{height:6rem;padding:.3rem 2rem;font-size:1.6rem;top:-53%}}@media screen and (min-width:576px) and (max-width:767px) and (max-width:700px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{min-width:18rem;height:5.5rem;padding:.2rem 2rem;font-size:1.5rem;top:-53%}}@media (min-width:576px) and (max-width:767px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .MuiAccordionSummary-expandIconWrapper{width:4.8vh;height:4.8vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(20vw,1fr));gap:1.3rem;padding:2rem}}@media (min-width:576px) and (max-width:767px) and (max-width:700px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{gap:1.2rem;padding:2rem}}@media (min-width:576px) and (max-width:767px) and (max-width:620px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(20vw,1fr));gap:1rem;padding:1.5rem}}@media (min-width:576px) and (max-width:767px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card{border-radius:1.2rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .info-icon{width:4vh;height:4vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip{z-index:6;min-height:3rem;max-height:calc(100% - 2rem);padding:.8rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip p{font-size:1.2vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer{max-height:2.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p{font-size:1.3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p.small-text{font-size:1.1rem}.create-room-section .inner-content .create-room-page{width:100%}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-team-grid{grid-template-columns:1fr}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-title{font-size:.88rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card{min-width:6.8rem;max-width:6.8rem;height:7.8rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-name{font-size:.82rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-icon-wrap{width:2.85rem;height:2.85rem}.create-room-section .inner-content .create-room-page .wrapper-container{padding:0}.create-room-section .inner-content .create-room-page .wrapper-container .inner-content{margin:0 auto!important}.create-room-section .inner-content .create-room-page .button-group button{max-width:25vh;height:5.5vh;font-size:2vh}.create-room-section .inner-content .create-room-page .open-room{padding:0}.join-room-page .inner-content form{width:90%}}@media (min-width:320px) and (max-width:575px){.create-room-section .inner-content{width:100%;max-width:100%;margin:10vh auto 0;padding:0}.create-room-section .inner-content .categories-accordion-section{gap:1.5vh;width:100%;margin-bottom:0;padding:2vh 1.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion{border-radius:4vh!important}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded{margin:.5vh 0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:first-child{margin-top:0}.create-room-section .inner-content .categories-accordion-section .category-accordion.Mui-expanded:last-child{margin-bottom:0}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{min-width:18rem;height:5rem;padding:.3rem 2rem;font-size:1.4rem;top:-45%}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .MuiAccordionSummary-expandIconWrapper{width:2.5rem;height:2.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(26vw,1fr));gap:1.2rem;padding:2rem}}@media (min-width:320px) and (max-width:575px) and (max-width:580px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(26vw,1fr));gap:1.2rem 1.5rem;padding:2rem 3.8rem}}@media (min-width:320px) and (max-width:575px){.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card{border-radius:1.3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .info-icon{width:2.3rem;height:2.3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip{z-index:6;min-height:3rem;max-height:calc(100% - 2rem)}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .subcategory-tooltip p{font-size:12px}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer{max-height:2.8rem;padding:.8rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer p{font-size:1.3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .card-footer.small-text{font-size:1.1rem}.create-room-section .inner-content .create-room-page{width:100%}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-team-grid{grid-template-columns:1fr}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-title{padding:.45rem .6rem;font-size:.84rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card{border-width:2px;min-width:6.4rem;max-width:6.4rem;height:7.2rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-name{min-height:2rem;font-size:.75rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-icon-wrap{width:2.8rem;height:2.8rem}.create-room-section .inner-content .create-room-page .button-group button{max-width:25vh;height:5.5vh;font-size:2vh}.create-room-section .inner-content .create-room-page .open-room{padding:0}.join-room-page .inner-content form{width:90%}}@media screen and (max-width:430px){.create-room-section .inner-content .create-room-page{width:95%}.create-room-section .inner-content .categories-accordion-section{gap:1.5vh;padding:2vh 1.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion{border-radius:3vh!important}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary{min-height:7vh;padding:0 1vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .category-title{width:75%;min-width:15rem;height:4rem;padding:.3rem 2rem;font-size:1.25rem;top:-35%}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .accordion-expand-icon{width:3.5vh;height:3.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-summary .MuiAccordionSummary-expandIconWrapper{width:4.5vh;height:4.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list{grid-template-columns:repeat(auto-fill,minmax(28vw,1fr));gap:1rem;padding:1.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card{border-radius:2.5vh}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .info-icon{width:2rem;height:2rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-footer{max-height:2.5rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-footer p{font-size:1.3rem}.create-room-section .inner-content .categories-accordion-section .category-accordion .category-accordion-details .sub-category-list .sub-category-item .sub-category-card .card-footer p.small-text{font-size:1.1rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-title{padding:.4rem .55rem;font-size:.8rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tools-grid{gap:.45rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card{min-width:5.9rem;max-width:5.9rem;height:6.8rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-name{min-height:1.85rem;font-size:.7rem}.create-room-section .inner-content .create-room-page .helpline-tools-section .helpline-tool-card .tool-icon-wrap{border-width:3px;width:2.5rem;height:2.5rem}.create-room-section .inner-content .create-room-page .inner-content .open-room .players-distribution-content .teams-distribution-row{gap:.6rem}.create-room-section .inner-content .create-room-page .inner-content .open-room .players-distribution-content .teams-distribution-row .team-column{max-width:100%}.create-room-section .inner-content .create-room-page .inner-content .open-room .players-distribution-content .teams-distribution-row .team-column .team-header{margin-bottom:.5rem}.create-room-section .inner-content .create-room-page .inner-content .open-room .players-distribution-content .teams-distribution-row .team-column .team-header .team-name{font-size:13px}.create-room-section .inner-content .create-room-page .inner-content .open-room .players-distribution-content .teams-distribution-row .team-column .team-players-list .player-chip{padding:.8rem .6rem;font-size:13px}.create-room-section .inner-content .create-room-page .inner-content .open-room .players-distribution-content .players-distribute-actions button{width:3.5rem;height:3.5rem}.create-room-section .inner-content .create-room-page .inner-content .category-list .category-item .sub-category-list{gap:.5rem}.create-room-section .inner-content .create-room-page .inner-content .category-list .category-item .sub-category-list .sub-category-item .sub-category-card .subcategory-tooltip{border-radius:1.3vh;padding:.5rem .2rem}.create-room-section .inner-content .create-room-page .inner-content .category-list .category-item .sub-category-list .sub-category-item .sub-category-card .card-footer{max-height:4vh}}.question-selection-page{width:85%;height:100%;padding:2vh 0}.question-selection-page .inner-content .current-question{background:var(--white-color);border-radius:4vh;justify-content:center;align-items:center;gap:1vh;width:100%;height:100%;margin:12vh auto 0;padding:3vh;display:flex;position:relative}.question-selection-page .inner-content .current-question .left-content,.question-selection-page .inner-content .current-question .right-content{flex-direction:column;justify-content:space-between;align-items:center;gap:1vh;width:100%;height:100%;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper,.question-selection-page.solo-game-page .inner-content form{flex-direction:column;justify-content:center;align-items:center;gap:1vh 2vh;width:80%;margin:12vh auto 0;padding:1.25rem 0;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .submit-button,.question-selection-page.solo-game-page .inner-content form .submit-button{text-transform:capitalize;width:auto;min-width:28vh;max-width:none;box-shadow:none;border-color:var(--primary-color);background-color:var(--primary-color);color:var(--white-color);border-radius:99px;padding:1vh 2.5vh;font-size:2vh}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .team-score,.question-selection-page.solo-game-page .inner-content form .team-score{margin:0}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .team-score .team-score-item,.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item{background-color:var(--primary-color);border-radius:99px;flex-direction:row;justify-content:space-between;align-items:center;gap:1vh;width:100%;max-width:100%;height:auto;padding:1.5vh 3vh}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .team-score .team-score-item p,.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item p{color:var(--white-color);font-size:2vh;font-weight:600}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .team-score .team-score-item .team-score-value,.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item .team-score-value{color:var(--white-color);font-size:2.5vh;font-weight:600}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container-wrapper,.question-selection-page.solo-game-page .inner-content form .question-container-wrapper{flex:1;justify-content:center;align-items:stretch;gap:2vh;width:100%;min-height:0;display:flex}@media (max-width:767px){.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container-wrapper,.question-selection-page.solo-game-page .inner-content form .question-container-wrapper{flex-direction:column;align-items:center;overflow-y:auto}}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container,.question-selection-page.solo-game-page .inner-content form .question-container{flex-direction:column;gap:0;margin:1vh 0 1.5vh;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-title,.question-selection-page.solo-game-page .inner-content form .question-container .question-title{height:auto;min-height:unset;padding:2vh}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-title .question-title-text,.question-selection-page.solo-game-page .inner-content form .question-container .question-title .question-title-text{font-size:2.3vh}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body,.question-selection-page.solo-game-page .inner-content form .question-container .question-body{flex:1}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-points,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-points{top:5vh}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-text,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-text{margin:0;font-size:2vh;line-height:1.2}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-image-container,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-image-container{aspect-ratio:4/3;cursor:pointer;border:2px solid var(--border-color);border-radius:12px;width:80%;height:80%;margin:0 auto;transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-image-container .question-image,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-image-container img,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-image-container span,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-image-container .question-image,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-image-container img,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-image-container span{display:block;width:100%!important;height:100%!important;max-height:unset!important;object-fit:fill!important}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-video-container,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-video-container{aspect-ratio:4/3;cursor:pointer;border:2px solid var(--border-color);border-radius:12px;width:100%;transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-video-container video,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-video-container video{object-fit:cover;width:100%;height:100%;display:block}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container{border:2px solid var(--border-color);background:0 0;border-radius:99px;align-items:center;width:100%;padding:.4rem .4rem .4rem 1.5rem;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.2)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container audio,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container audio{display:none}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player{direction:ltr;align-items:center;gap:1rem;width:100%;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper{pointer-events:none;flex-direction:column;flex:1;gap:.1rem;max-width:60%;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper .audio-track-bg,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper .audio-track-bg{background:#d1d5db;border-radius:99px;width:100%;height:.35rem;overflow:hidden}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper .audio-track-bg .audio-track-fill,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper .audio-track-bg .audio-track-fill{background:#3fa5d9;border-radius:99px;height:100%;transition:width .15s linear}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper .audio-time,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-track-wrapper .audio-time{color:#777;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;direction:ltr;font-size:.6rem;font-weight:600}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn{color:#fff;text-align:center;cursor:pointer;background:#3fa5d9;border:none;border-radius:99px;flex-shrink:0;width:2rem;min-width:2rem;height:2rem;margin-left:auto;padding:0;font-size:1rem;line-height:1;transition:background .2s,transform .15s}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn:hover,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn:hover{background:#2d8ab8}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn:active,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn:active{transform:scale(.92)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn.playing,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn.playing{background:#2d8ab8}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn svg,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-container .custom-audio-player .audio-play-btn svg{transform:scale(.65)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .question-body .question-audio-track-container .question-audio-track,.question-selection-page.solo-game-page .inner-content form .question-container .question-body .question-audio-track-container .question-audio-track{width:70%;max-width:220px}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container,.question-selection-page.solo-game-page .inner-content form .question-container .options-container{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:2vh;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container.options-image-grid,.question-selection-page.solo-game-page .inner-content form .question-container .options-container.options-image-grid{grid-template-columns:1fr 1fr;gap:1vh;width:80%;height:100%;margin:0 auto;display:grid}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container.options-locked,.question-selection-page.solo-game-page .inner-content form .question-container .options-container.options-locked{display:block}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-title,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-title{color:var(--primary-color);text-align:center;margin:0 0 10px;font-size:18px;font-weight:600}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item{text-align:center;background:0 0;border-color:#3fa5d9;border-radius:99px;justify-content:center;align-items:center;gap:2vh;width:100%;height:6.5vh;padding:1vh 2vh;display:flex;box-shadow:0 3px 5px rgba(0,0,0,.25)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item.correct-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item.correct-option{color:var(--white-color);background-color:#3fa5d9}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item.correct-option p,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item.correct-option p{color:var(--white-color)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item.wrong-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item.wrong-option{color:var(--white-color);background-color:#e74c3c;border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item.wrong-option p,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item.wrong-option p{color:var(--white-color)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item.correct-answer-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item.correct-answer-option{color:var(--white-color);background-color:#2ecc71;border-color:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item.correct-answer-option p,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item.correct-answer-option p{color:var(--white-color)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-item p,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-item p{color:#3fa5d9;text-transform:none;margin:0;font-size:1.8vh;font-weight:600}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-image-item,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-video-item,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-image-item,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-video-item{aspect-ratio:4/3;cursor:pointer;border:2px solid var(--border-color);border-radius:12px;width:100%;transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-image-item.correct-option,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-video-item.correct-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-image-item.correct-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-video-item.correct-option{border-color:#3fa5d9;box-shadow:0 0 0 3px rgba(63,165,217,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-image-item.wrong-option,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-video-item.wrong-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-image-item.wrong-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-video-item.wrong-option{border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-image-item.correct-answer-option,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-video-item.correct-answer-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-image-item.correct-answer-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-video-item.correct-answer-option{border-color:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-image-item img,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-image-item video,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-video-item img,.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-video-item video,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-image-item img,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-image-item video,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-video-item img,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-video-item video{object-fit:cover;width:100%;height:100%;display:block}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item{cursor:pointer;border:2px solid var(--border-color);background:0 0;border-radius:99px;align-items:center;width:100%;padding:.4rem .4rem .4rem 1.5rem;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.2)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item.correct-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item.correct-option{background-color:rgba(63,165,217,.08);border-color:#3fa5d9;box-shadow:0 0 0 3px rgba(63,165,217,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item.wrong-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item.wrong-option{background-color:rgba(231,76,60,.08);border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item.correct-answer-option,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item.correct-answer-option{background-color:rgba(46,204,113,.08);border-color:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.4)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item audio,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item audio{display:none}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player{direction:ltr;align-items:center;gap:1rem;width:100%;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper{pointer-events:none;flex-direction:column;flex:1;gap:.1rem;max-width:60%;display:flex}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper .audio-track-bg,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper .audio-track-bg{background:#d1d5db;border-radius:99px;width:100%;height:.35rem;overflow:hidden}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper .audio-track-bg .audio-track-fill,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper .audio-track-bg .audio-track-fill{background:#3fa5d9;border-radius:99px;height:100%;transition:width .15s linear}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper .audio-time,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-track-wrapper .audio-time{color:#777;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;direction:ltr;font-size:.6rem;font-weight:600}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn{color:#fff;text-align:center;cursor:pointer;background:#3fa5d9;border:none;border-radius:99px;flex-shrink:0;width:2rem;min-width:2rem;height:2rem;margin-left:auto;padding:0;font-size:1rem;line-height:1;transition:background .2s,transform .15s}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn:hover,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn:hover{background:#2d8ab8}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn:active,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn:active{transform:scale(.92)}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn.playing,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn.playing{background:#2d8ab8}.question-selection-page.solo-game-page .inner-content .solo-skeleton-wrapper .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn svg,.question-selection-page.solo-game-page .inner-content form .question-container .options-container .option-audio-item .custom-audio-player .audio-play-btn svg{transform:scale(.65)}.question-selection-page .question-list{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;gap:2.5vh;width:100%;margin:13vh auto 0;padding:1.25rem 0;display:grid}.question-selection-page .question-list .category-item{background:#e8e8e8;border-radius:1.2rem;flex-direction:column;width:100%;height:32vh;margin:0 auto;padding:1.8vh 1.5vh;display:flex;overflow:hidden}.question-selection-page .question-list .category-item .point-list-container{flex:auto;justify-content:center;align-items:stretch;width:100%;min-height:22vh;display:flex}.question-selection-page .question-list .category-item .point-list-container .left-column{width:25%}.question-selection-page .question-list .category-item .point-list-container .left-column.rtl .point-wrapper label{border-top-right-radius:99px;border-bottom-right-radius:99px}.question-selection-page .question-list .category-item .point-list-container .left-column.ltr .point-wrapper label{border-top-left-radius:99px;border-bottom-left-radius:99px}.question-selection-page .question-list .category-item .point-list-container .right-column{width:25%}.question-selection-page .question-list .category-item .point-list-container .right-column.rtl .point-wrapper label{border-top-left-radius:99px;border-bottom-left-radius:99px}.question-selection-page .question-list .category-item .point-list-container .right-column.ltr .point-wrapper label{border-top-right-radius:99px;border-bottom-right-radius:99px}.question-selection-page .question-list .category-item .point-list-container .point-list-column{flex-direction:column;justify-content:space-between;align-items:center;gap:.8vh;display:flex}.question-selection-page .question-list .category-item .point-list-container .point-list-column .point-wrapper{justify-content:center;width:100%;height:100%;display:flex}.question-selection-page .question-list .category-item .point-list-container .category-center{flex-direction:column;justify-content:space-between;align-items:center;width:75%;display:flex}.question-selection-page .question-list .category-item .point-list-container .category-center .category-image-wrapper{background:#000;width:100%;height:100%;overflow:hidden}.question-selection-page .question-list .category-item .point-list-container .category-center .category-image-wrapper .category-image{object-fit:fill;width:100%;height:100%}.question-selection-page .question-list .category-item .point-list-container .point-item{background-color:var(--light-green-color);color:#fff;justify-content:center;align-items:center;width:100%;padding:.5rem;font-weight:600;display:flex;margin:0!important}.question-selection-page .question-list .category-item .point-list-container .point-item .MuiCheckbox-root{display:none}.question-selection-page .question-list .category-item .point-list-container .point-item .MuiFormControlLabel-label{font-size:2.2vh;font-weight:600}.question-selection-page .question-list .category-item .category-title{text-align:center;vertical-align:middle;flex:none;width:100%;padding:1.5vh 0 0}.question-selection-page .question-list .category-item .category-title p{justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-size:1.65vh;font-weight:600;line-height:1.2;display:flex}.question-selection-page .contact-friend-container{background:var(--light-primary-color);border:1px solid var(--primary-color);text-align:center;border-radius:1.2rem;flex-direction:column;justify-content:space-between;align-items:center;gap:2.5vh;width:65%;margin:0 auto;padding:3vh 2.5vh;display:flex;box-shadow:0 4px 10px rgba(0,0,0,.06)}.question-selection-page .contact-friend-container .call-icon{color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);width:3rem;height:3rem;border-radius:50%;justify-content:center;align-items:center;padding:1vh;font-size:2.5vh;display:flex}.question-selection-page .contact-friend-container h5{color:var(--primary-color);font-size:2vh;font-weight:700}.question-selection-page .contact-friend-container p{color:var(--secondary-600);margin:0;font-size:1.5vh;font-weight:400}.question-selection-page .contact-friend-container .contact-friend-button{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid rgba(76,175,80,.26);border-radius:99px;width:100%;height:5.5vh;margin:0 auto;padding:1.6vh 2vh;font-size:2vh;font-weight:700}.question-selection-page .team-score{flex-direction:column;justify-content:space-between;align-items:center;gap:2.5vh;width:100%;margin-top:3vh;margin-bottom:3vh;display:flex}.question-selection-page .team-score .team-score-item{text-align:center;background-color:var(--light-primary-color);border-radius:2vh;flex-direction:column;justify-content:center;align-items:center;gap:2vh;width:60%;height:17vh;padding:2vh;display:flex}.question-selection-page .team-score .team-score-item p{color:#000;margin:0;font-size:1.8vh}.question-selection-page .team-score .team-score-item h5{color:var(--primary-color);margin:0;font-size:6vh;font-weight:700;line-height:1}.question-selection-page .team-turn-indicator{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);border:1px solid rgba(76,175,80,.26);border-radius:99px;justify-content:space-between;align-items:center;gap:.8rem;width:100%;max-width:60%;margin:0 auto 1.2vh;padding:1.6vh 2vh;display:flex}.question-selection-page .team-turn-indicator span{color:var(--white-color);font-size:1.6vh;font-weight:600;line-height:1}.question-selection-page .team-turn-indicator strong{color:var(--white-color);text-transform:uppercase;font-size:1.8vh;font-weight:700;line-height:1}.question-selection-page .question-container{text-align:center;background-color:#def0ff;border-radius:3vh;gap:1rem;width:90%;position:relative;overflow:hidden}.question-selection-page .question-container .question-title{background:#ccdde9;justify-content:center;align-items:center;height:auto;min-height:8.5vh;padding:3vh;display:flex;position:relative}.question-selection-page .question-container .question-title p{word-break:break-word;word-wrap:break-word;text-wrap:wrap;color:#000;margin:0;font-size:2vh;font-weight:600}.question-selection-page .question-container .question-body{flex-direction:column;flex:1;justify-content:center;align-items:stretch;gap:2vh;width:100%;min-height:0;padding:2.5vh;display:flex;overflow-y:auto}.question-selection-page .question-container .question-body .question-audio-container{justify-content:center;align-items:center;width:100%;display:flex}.question-selection-page .question-container .question-body .question-audio-container audio{width:100%;max-width:280px;height:36px}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio audio{display:none}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player{direction:ltr;align-items:center;gap:.8rem;width:100%;display:flex}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-track-wrapper{flex-direction:column;flex:1;gap:.15rem;display:flex}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-track-wrapper .audio-track-bg{background:#c0cdd6;border-radius:99px;width:100%;height:.4rem;overflow:hidden}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-track-wrapper .audio-track-bg .audio-track-fill{background:#3fa5d9;border-radius:99px;height:100%;transition:width .15s linear}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-track-wrapper .audio-time{color:#777;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;direction:ltr;font-size:.6rem;font-weight:600}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-play-btn{color:#fff;cursor:pointer;background:#3fa5d9;border:none;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;min-width:2rem;height:2rem;padding:0;font-size:1rem;transition:background .2s,transform .15s;display:flex}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-play-btn:hover{background:#2d8ab8}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-play-btn:active{transform:scale(.92)}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-play-btn.playing{background:#2d8ab8}.question-selection-page .question-container .question-body .question-audio-container.custom-question-audio .custom-audio-player .audio-play-btn svg{transform:scale(.65)}.question-selection-page .question-container .question-body .question-audio-track-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.question-selection-page .question-container .question-body .question-audio-track-container audio{display:none}.question-selection-page .question-container .question-body .question-audio-track-container .question-audio-track{flex-direction:column;align-items:center;gap:.3rem;width:80%;max-width:280px;display:flex}.question-selection-page .question-container .question-body .question-audio-track-container .question-audio-track .audio-track-bg{background:#c0cdd6;border-radius:99px;width:100%;height:.4rem;overflow:hidden}.question-selection-page .question-container .question-body .question-audio-track-container .question-audio-track .audio-track-bg .audio-track-fill{background:#3fa5d9;border-radius:99px;height:100%;transition:width .15s linear}.question-selection-page .question-container .question-body .question-audio-track-container .question-audio-track .audio-time{color:#777;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.65rem;font-weight:600}.question-selection-page .question-container .question-body .question-audio-track-container .audio-hint-text{color:#999;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:.3rem 0 0;font-size:.7rem;font-weight:500}.question-selection-page .question-container .question-body .correct-answer{color:var(--primary-color);margin:0;font-size:1.8vh;font-weight:600}.question-selection-page .question-container .question-body .question-video-container{aspect-ratio:4/3;border:2px solid var(--border-color);border-radius:12px;width:70%;height:100%;max-height:22vh;margin:0 auto;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15)}.question-selection-page .question-container .question-body .question-video-container video{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.question-selection-page .question-container .question-body .question-image-container{border-radius:2vh;width:70%;height:100%;max-height:22vh;margin:0 auto;overflow:hidden}.question-selection-page .question-container .question-body .question-image-container .question-image{object-fit:inherit;width:100%;height:100%;max-height:22vh}.question-selection-page .question-container .question-body .no-media-placeholder{background-color:rgba(0,0,0,.04);border:1.5px dashed silver;border-radius:1.5vh;justify-content:center;align-items:center;width:100%;min-height:8vh;display:flex}.question-selection-page .question-container .question-body .no-media-placeholder p{color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0;font-size:1.6vh;font-weight:500}.question-selection-page .question-container .question-body .reveal-ans-button{margin:20px auto}.question-selection-page .question-container .question-body .options-container{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.question-selection-page .question-container .question-body .options-container .option-title{color:var(--primary-color);text-align:center;margin:0;margin-bottom:10px;font-size:18px;font-weight:600}.question-selection-page .question-container .question-body .options-container .option-item{border:1px solid var(--border-color);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:5vh;width:100%;padding:10px;display:flex}.question-selection-page .question-container .question-body .options-container .option-item.correct-option{background-color:var(--success-color);color:var(--white-color)}.question-selection-page .question-container .question-body .options-container .option-item p{margin:0}.question-selection-page .question-container .question-points{z-index:2;background-color:#f0bc2c;border-radius:1.5rem;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:.2rem 1rem;font-size:.75rem;font-weight:800;position:absolute;bottom:0;right:2vh;transform:translateY(50%);color:#fff!important}.question-selection-page .reveal-ans-button{width:100%;max-width:50%;height:5.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2vh;font-weight:700;line-height:1;font-family:var(--arabic-font);border-radius:5vh;margin:2vh auto 0;padding:1.2vh 2vh;transition:all .3s ease-in-out}.question-selection-page .reveal-ans-button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.question-selection-page .reveal-ans-button:disabled{color:var(--white-color);opacity:.6;cursor:not-allowed}.question-selection-page .reveal-ans-button.full-width{max-width:none}.question-selection-page .reveal-ans-button.btn-custom-discard{background-color:var(--sub-title-color)!important;color:var(--white-color)!important}.question-selection-page .reveal-ans-button.btn-custom-discard:disabled{opacity:.5;cursor:not-allowed}.question-selection-page .reveal-ans-button.btn-custom-confirm{background-color:var(--primary-color)!important;color:var(--white-color)!important}.question-selection-page .reveal-ans-button.btn-custom-confirm svg{color:#fff!important}.question-selection-page .reveal-ans-button.btn-custom-confirm:disabled{opacity:.5;cursor:not-allowed}.question-selection-page .action-controls{justify-content:center;align-items:center;gap:3vh;width:100%;padding:2vh 0;display:flex}.question-selection-page .action-controls .audio-control{cursor:pointer;color:#fff;background:#f6b400;border:none;border-radius:50%;justify-content:center;align-items:center;width:8vh;height:8vh;display:flex;box-shadow:0 3px 5px rgba(0,0,0,.25)}.question-selection-page .action-controls .audio-control.muted{background:#f6b400}.question-selection-page .action-controls .audio-control.active{background:var(--light-green-color)}.question-selection-page .action-controls .control-name{justify-content:center;align-items:center;margin-top:.8vh;font-size:1.2vh;display:flex}.question-selection-page .score-item-container{flex-direction:column;justify-content:space-between;align-items:center;gap:3vh;width:100%;height:100%;display:flex}.question-selection-page .score-item-container .score-title{font-size:18px;font-weight:600}.question-selection-page .score-item-container .score-item{text-align:center;background:#3fa5d9;border-color:#3fa5d9;border-radius:99px;justify-content:center;align-items:center;gap:2vh;width:100%;height:7.5vh;padding:2vh;display:flex;box-shadow:0 3px 5px rgba(0,0,0,.25)}.question-selection-page .score-item-container .score-item.winner-team{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--white-color)!important}.question-selection-page .score-item-container .score-item h5{margin:0;font-size:2vh;font-weight:600}.question-selection-page .open-room-lifeline-panel{border-radius:1.2rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;width:100%;margin:2vh auto 3vh;display:flex}.question-selection-page .open-room-lifeline-panel .lifeline-team-card{background:var(--white-color);border:1px solid var(--white-color);border-radius:2.5vh;flex-direction:column;flex:0 0 1px;align-items:center;gap:1.5vh;width:25rem;min-width:25rem;max-width:25rem;padding:2.5vh;display:flex;box-shadow:0 4px 10px rgba(0,0,0,.06)}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-team-name{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);width:100%;color:var(--white-color);text-align:center;border-radius:99px;margin:0;padding:.45rem .75rem;font-size:1rem;font-weight:700}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-team-name.active-team{animation:2s infinite text-color-change}@keyframes text-color-change{0%{color:var(--white-color)}50%{color:#a3e6a8}to{color:var(--white-color)}}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tools-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;width:100%;display:flex}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn{border:2px solid var(--primary-color);background:var(--white-color);width:3.2rem;min-width:3.2rem;height:3.2rem;color:var(--primary-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn svg{width:1.55rem;height:1.55rem}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn.disabled{opacity:.4;filter:grayscale();color:#8d9a8d;cursor:not-allowed;border-color:#a9b6a9}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn:not(.disabled):hover,.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn.selected{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);color:var(--white-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(76,175,80,.28)}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn:not(.disabled):focus-visible{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);color:var(--white-color);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(76,175,80,.28)}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn.selected{cursor:default;border-radius:999px;justify-content:center;gap:.7rem;width:auto;min-width:16rem;max-width:100%;height:3.1rem;padding:0 1rem}.question-selection-page .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn.selected .selected-label{color:var(--white-color);font-size:1.05rem;font-weight:700;line-height:1}.question-selection-page .open-room-lifeline-panel .lifeline-team-card.team-locked .lifeline-tools-row{opacity:.65}html[lang=ar] .question-selection-page .question-list .category-item .category-title p{font-size:1.7vw}html[lang=ar] .question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{width:22rem}html[lang=ar] .question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p{font-size:1.75vw}html[lang=ar] .question-selection-page .question-container .question-title p,html[lang=ar] .question-selection-page .reveal-ans-button,html[lang=ar] .question-selection-page .question-container .question-body .correct-answer,html[lang=ar] .question-selection-page .score-item-container .score-item h5{font-size:1.6vw}#back-button-exit-modal .wrapper-header-icon{background:linear-gradient(90deg,#e47e6d 0%,#b31c02 100%)}#back-button-exit-modal .exit-game-content{flex-direction:column;align-items:center;gap:2vh;padding:2vh;display:flex}#back-button-exit-modal .exit-game-content .exit-game-message{color:var(--error-color);text-align:center;margin:0;font-size:2vh}#back-button-exit-modal .exit-game-content .exit-game-actions{justify-content:center;gap:1.5vh;width:100%;display:flex}#back-button-exit-modal .exit-game-content .exit-game-actions button{text-transform:capitalize;min-width:100px;box-shadow:none;border-radius:8px;padding:1vh 2.5vh;font-size:2vh}#back-button-exit-modal .exit-game-content .exit-game-actions button.btn-custom-cancel{border-color:var(--error-color);background-color:var(--error-color);color:var(--white-color)}#back-button-exit-modal .exit-game-content .exit-game-actions button.btn-custom-confirm{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--white-color)}#solo-game-result-modal .wrapper-header-icon{background:linear-gradient(135deg,#f5af19 0%,#f12711 100%)}#solo-game-result-modal .trophy-icon{color:#fff;font-size:3.5vh}#solo-game-result-modal .solo-result-content{flex-direction:column;align-items:center;gap:2.5vh;padding:2.5vh 2vh;display:flex}#solo-game-result-modal .solo-result-content .solo-result-stats{flex-direction:column;gap:1.5vh;width:100%;display:flex}#solo-game-result-modal .solo-result-content .solo-result-stats .stat-item{background-color:var(--tab-bg-color);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1.5vh 2vh;display:flex}#solo-game-result-modal .solo-result-content .solo-result-stats .stat-item .stat-label{color:var(--secondary-600);margin:0;font-size:1.8vh;font-weight:500}#solo-game-result-modal .solo-result-content .solo-result-stats .stat-item .stat-value{color:var(--primary-color);margin:0;font-size:2.2vh;font-weight:700}#solo-game-result-modal .solo-result-content .result-actions{gap:1.2vh;width:100%;display:flex}#solo-game-result-modal .solo-result-content .result-actions .result-replay-btn,#solo-game-result-modal .solo-result-content .result-actions .result-exit-btn{letter-spacing:.3px;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:1vh;padding:1.4vh 2vh;font-size:1.8vh;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}#solo-game-result-modal .solo-result-content .result-actions .result-replay-btn .btn-icon,#solo-game-result-modal .solo-result-content .result-actions .result-exit-btn .btn-icon{flex-shrink:0;font-size:1.8vh}#solo-game-result-modal .solo-result-content .result-actions .result-replay-btn:active,#solo-game-result-modal .solo-result-content .result-actions .result-exit-btn:active{transform:scale(.96)}#solo-game-result-modal .solo-result-content .result-actions .result-replay-btn{color:#fff;background:linear-gradient(135deg,#43a047,#2e7d32);box-shadow:0 4px 12px rgba(46,125,50,.4)}#solo-game-result-modal .solo-result-content .result-actions .result-replay-btn:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 6px 16px rgba(46,125,50,.5)}#solo-game-result-modal .solo-result-content .result-actions .result-exit-btn{color:#fff;background:linear-gradient(135deg,#ef5350,#c62828);box-shadow:0 4px 12px rgba(198,40,40,.35)}#solo-game-result-modal .solo-result-content .result-actions .result-exit-btn:hover{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 6px 16px rgba(198,40,40,.5)}@media (min-width:1400px) and (max-width:1599px){.question-selection-page .inner-content .current-question .left-content .question-container{width:30rem;height:auto;min-height:25rem}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-image-container{width:80%;margin:0 auto}.question-selection-page .inner-content .current-question .right-content .team-score{gap:2vh;margin-top:2vh;margin-bottom:2vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{width:18rem;height:16vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item h5{font-size:5vh}.question-selection-page .inner-content .current-question .right-content .action-controls .audio-control{width:7vh;height:7vh}html[lang=ar] .question-selection-page .question-list .category-item .category-title p{font-size:2vw}html[lang=ar] .question-selection-page .reveal-ans-button,html[lang=ar] .question-selection-page .question-container .question-title p{font-size:1.6vw}html[lang=ar] .question-selection-page .question-container .question-body .correct-answer{font-size:2vw}html[lang=ar] .question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:1.3rem}}@media (min-width:1200px) and (max-width:1399px){.question-selection-page .inner-content .question-list .category-item{max-height:-moz-fit-content;max-height:fit-content}.question-selection-page .inner-content .question-list .category-item .point-list-container{flex:0 1px;min-height:22vh}.question-selection-page .inner-content .current-question .left-content .question-container{width:28rem;height:auto;min-height:25rem}.question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:1.8vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-image-container{width:75%;margin:0 auto}.question-selection-page .inner-content .current-question .right-content .team-score{gap:2vh;margin-top:2vh;margin-bottom:2vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{gap:1.5vh;width:17rem;height:15vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item h5{font-size:5vh}.question-selection-page .inner-content .current-question .right-content .action-controls .audio-control{width:7vh;height:7vh}.question-selection-page.solo-game-page .inner-content form{width:90%}html[lang=ar] .question-selection-page .question-list .category-item .category-title p{font-size:2vw}html[lang=ar] .question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:1.8vw}html[lang=ar] .question-selection-page .reveal-ans-button{font-size:1.6vw}html[lang=ar] .question-selection-page .question-container .question-body .correct-answer{font-size:2vw}html[lang=ar] .question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:1.3rem}}@media (min-width:992px) and (max-width:1199px){.question-selection-page{width:90%}.question-selection-page .inner-content .open-room-lifeline-panel .lifeline-team-card .lifeline-team-name{font-size:.92rem}.question-selection-page .inner-content .open-room-lifeline-panel{margin-bottom:2.5vh;padding:.9rem}.question-selection-page .inner-content .open-room-lifeline-panel .lifeline-team-card{min-width:0;max-width:calc(50% - .6rem)}.question-selection-page .inner-content .open-room-lifeline-panel .lifeline-team-card .lifeline-tool-btn{width:3rem;min-width:3rem;height:3rem}.question-selection-page .inner-content .question-list{gap:2vh}.question-selection-page .inner-content .question-list .category-item{max-height:-moz-fit-content;max-height:fit-content}.question-selection-page .inner-content .question-list .category-item .point-list-container{height:10rem;min-height:10rem}.question-selection-page .inner-content .question-list .category-item .category-title p{font-size:.8rem}.question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:.9rem}.question-selection-page .inner-content .current-question .left-content .question-container{width:28rem;height:auto;min-height:25rem}.question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:1.8vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-image-container{width:90%;margin:0 auto}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-points{top:5vh}.question-selection-page .inner-content .current-question .right-content .team-score{gap:2vh;margin-top:2vh;margin-bottom:2vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{gap:1.5vh;width:17rem;height:15vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item h5{font-size:5vh}.question-selection-page .inner-content .current-question .right-content .action-controls .audio-control{width:7vh;height:7vh}.question-selection-page.solo-game-page .inner-content form{width:100%}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item p{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item .team-score-value{font-size:2.2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title{padding:1.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title .question-title-text{font-size:2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body{gap:1.5vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-text{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-image-container{width:75%;height:75%}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-points{top:4vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .options-container.options-image-grid{width:80%}html[lang=ar] .question-selection-page .question-list .category-item .category-title p{font-size:2.2vw}html[lang=ar] .question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:1.8vw}html[lang=ar] .question-selection-page .team-score .team-score-item p{font-size:1.8vw;line-height:1}html[lang=ar] .question-selection-page .reveal-ans-button{font-size:2vw}html[lang=ar] .question-selection-page .question-container .question-body .correct-answer{font-size:2.2vw}html[lang=ar] .question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:1.3rem}}@media (min-width:768px) and (max-width:991px){.question-selection-page{width:100%}.question-selection-page .inner-content{max-width:100%;padding:2.5vh}.question-selection-page .inner-content .question-list{gap:2vh;margin:10vh auto 0}}@media (min-width:768px) and (max-width:991px) and (max-width:860px){.question-selection-page .inner-content .question-list{grid-template-columns:repeat(2,1fr);width:80%;margin:10vh auto 0;padding:0}.question-selection-page .inner-content .question-list .category-item .point-list-container{height:10rem;min-height:10rem}.question-selection-page .inner-content .question-list .category-title p{font-size:.8rem}}@media (min-width:768px) and (max-width:991px){.question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:1.8vh}.question-selection-page .inner-content .question-list .category-title p{font-size:1.2vh}.question-selection-page .inner-content .question-list .category-item{max-height:-moz-fit-content;max-height:fit-content}.question-selection-page .inner-content .question-list .category-item .point-list-container{height:10rem;min-height:10rem}.question-selection-page .inner-content .question-list .category-item .category-title p{font-size:.8rem}.question-selection-page .inner-content .current-question{border-radius:3vh;flex-direction:column;gap:0;width:70%;margin:10vh auto 0}.question-selection-page .inner-content .current-question .left-content{gap:0}.question-selection-page .inner-content .current-question .left-content .question-container{width:80%}.question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:1.5vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-image-container{width:100%;max-width:25rem;max-height:23vh;margin:0 auto}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-points{font-size:1.3vh;top:5vh}.question-selection-page .inner-content .current-question .right-content .team-score{flex-direction:row;justify-content:center;gap:2vh;margin-top:2vh;margin-bottom:0}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{gap:1.5vh;width:15rem;height:13vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item h5{font-size:4vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p{font-size:1.5vh}.question-selection-page .inner-content .current-question .right-content .action-controls .audio-control{width:6vh;height:6vh}.question-selection-page .reveal-ans-button{height:5.5vh;font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form{width:100%;margin:10vh auto 0}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item p{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item .team-score-value{font-size:2.2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper{gap:1.5vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title{padding:1.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title .question-title-text{font-size:2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body{gap:1.5vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-text{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-image-container{width:75%;height:75%}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-points{font-size:1.3vh;top:4vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .options-container.options-image-grid{width:90%}html[lang=ar] .question-selection-page .question-list .category-item .category-title p{font-size:2vw}html[lang=ar] .question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:2.2vw}html[lang=ar] .question-selection-page .reveal-ans-button{font-size:2.5vw}html[lang=ar] .question-selection-page .question-container .question-body .correct-answer{font-size:2.6vw}html[lang=ar] .question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p{font-size:1.7vw}html[lang=ar] .question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:1.3rem}}@media (min-width:576px) and (max-width:767px){.question-selection-page{width:100%}.question-selection-page .inner-content{max-width:100%;padding:2.5vh}.question-selection-page .inner-content .question-list{grid-template-columns:repeat(2,1fr);gap:1.5vh;width:100%;max-width:85%;margin:8vh auto 0;padding-bottom:0}}@media (min-width:576px) and (max-width:767px) and (max-width:680px){.question-selection-page .inner-content .question-list{max-width:100%}}@media (min-width:576px) and (max-width:767px){.question-selection-page .inner-content .question-list .category-item{max-height:-moz-fit-content;max-height:fit-content}.question-selection-page .inner-content .question-list .category-item .point-list-container{height:10rem;min-height:10rem}.question-selection-page .inner-content .question-list .category-title p{font-size:.8rem}.question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:1.5vh}.question-selection-page .inner-content .question-list .category-item{padding:1.5vh 1vh}.question-selection-page .inner-content .current-question{border-radius:3vh;flex-direction:column;gap:0;width:80%;margin:10vh auto 0;padding:2vh}.question-selection-page .inner-content .current-question .left-content{gap:0}.question-selection-page .inner-content .current-question .left-content .question-container{width:100%}.question-selection-page .inner-content .current-question .left-content .question-container .question-title{height:7vh;padding:2.5vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:1.5vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-title .question-points{padding:.3vh 1.5vh;font-size:1.5vh;top:5.5vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-image-container{width:100%;max-width:25rem;max-height:23vh;margin:0 auto}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-points{font-size:1.3vh;top:4.8vh}.question-selection-page .inner-content .current-question .right-content .team-score{flex-direction:row;justify-content:center;gap:1.5vh;margin-top:2vh;margin-bottom:0}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{gap:1vh;width:14rem;height:12vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item h5{font-size:3.5vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p{font-size:1.3vh}.question-selection-page .inner-content .current-question .right-content .action-controls .audio-control{width:6vh;height:6vh}.question-selection-page .reveal-ans-button{height:5.5vh;font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form{row-gap:1rem;width:80%;margin:8vh auto 0;padding:1rem 0}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item{padding:1.2vh 2.5vh}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item p{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item .team-score-value{font-size:2.2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper{gap:.8rem}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container{margin:0}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title{padding:1.6vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title .question-title-text{font-size:2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body{gap:1.2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-text{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-image-container{width:70%;max-height:22vh!important}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-points{font-size:1.3vh;top:3.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .options-container.options-image-grid{width:80%}html[lang=ar] .question-selection-page .question-list .category-item .category-title p{font-size:3vw}html[lang=ar] .question-selection-page .inner-content .current-question .left-content .question-container .question-title p,html[lang=ar] .question-selection-page .question-container .question-body .correct-answer{font-size:2.5vw}html[lang=ar] .question-selection-page .reveal-ans-button{font-size:3vw}html[lang=ar] .question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p{font-size:2.2vw}html[lang=ar] .question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:1.3rem}}@media (min-width:320px) and (max-width:575px){.question-selection-page{width:100%;height:-moz-fit-content;height:fit-content;min-height:auto}.question-selection-page.solo-game-page .inner-content form{width:100%;margin:7vh auto 0}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item{padding:1.2vh 2.5vh}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item p{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .team-score .team-score-item .team-score-value{font-size:2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper{gap:.5rem}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container{width:100%;margin:.2rem 0}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title{padding:1.6vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-title .question-title-text{font-size:2.2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body{gap:1.2vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-text{font-size:1.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-image-container{width:70%;max-height:22vh!important}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .question-body .question-points{padding:.8vh 1.5vh;font-size:1.3vh;line-height:1;top:3.8vh}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .options-container{width:100%;margin:0}.question-selection-page.solo-game-page .inner-content form .question-container-wrapper .question-container .options-container.options-image-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;width:90%;height:100%;margin:0 auto;display:grid}.question-selection-page .inner-content{max-width:100%;padding:2.5vh}.question-selection-page .inner-content .question-list{grid-template-columns:repeat(2,1fr);gap:.8rem;width:100%;max-width:100%;margin:8vh auto 0;padding:1.2vh 0 0}}@media (min-width:320px) and (max-width:575px) and (max-width:485px){.question-selection-page .inner-content .question-list{grid-template-columns:repeat(1,1fr);max-width:80%}}@media (min-width:320px) and (max-width:575px){.question-selection-page .inner-content .question-list .category-item{height:13rem}.question-selection-page .inner-content .question-list .category-item .point-list-container{height:5rem;min-height:5rem}.question-selection-page .inner-content .question-list .category-item .category-title p,.question-selection-page .inner-content .question-list .point-list-column .point-wrapper .point-item span{font-size:.8rem}.question-selection-page .inner-content .current-question{border-radius:3vh;flex-direction:column;gap:0;margin:10vh auto 0}.question-selection-page .inner-content .current-question .left-content{gap:0}.question-selection-page .inner-content .current-question .left-content .question-container{width:95%}.question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:1.5vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-image-container{width:100%;max-width:25rem;max-height:23vh;margin:0 auto}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-points{padding:.3vh 1.5vh;font-size:1.8vh;top:7vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .score-item-container .score-item{height:6vh;padding:1.5vh}.question-selection-page .inner-content .current-question .left-content .question-container .question-body .score-item-container .score-item h5{font-size:1.5vh}.question-selection-page .inner-content .current-question .right-content .team-score{flex-direction:row;justify-content:center;gap:2vh;margin-top:2vh;margin-bottom:0}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{gap:1.5vh;width:15rem;height:13vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item h5{font-size:4vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p{font-size:1.5vh}.question-selection-page .inner-content .current-question .right-content .action-controls .audio-control{width:6vh;height:6vh}.question-selection-page .reveal-ans-button{height:5.5vh;font-size:1.8vh}#solo-game-result-modal .MuiPaper-root{max-width:100%;margin:2vh 0}#solo-game-result-modal .MuiPaper-root .wrapper-header{margin-bottom:2vh}#solo-game-result-modal .MuiPaper-root .solo-result-content{padding:2vh 1vh}}@media screen and (min-width:320px) and (max-width:575px) and (max-width:415px){.question-selection-page{padding:1.5vh 0}.question-selection-page .inner-content{padding:1vh}.question-selection-page .inner-content .current-question{border-radius:3.5vh;margin:9vh auto 0;padding:2vh}.question-selection-page .inner-content .current-question .left-content .question-container,.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-video-container,.question-selection-page .inner-content .current-question .left-content .question-container .question-body .question-audio-container{width:100%}.question-selection-page .inner-content .current-question .right-content .team-score{gap:.5rem}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item{gap:.8rem}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p{font-size:1.3vh}.question-selection-page .inner-content .current-question .right-content .team-score .team-score-item h5{font-size:3.5vh}}@media (min-width:320px) and (max-width:575px){html[lang=ar] .question-selection-page .question-list .category-item .category-title p{font-size:3.5vw}html[lang=ar] .question-selection-page .reveal-ans-button{font-size:4vw}html[lang=ar] .question-selection-page .inner-content .current-question .right-content .team-score .team-score-item p,html[lang=ar] .question-selection-page .inner-content .current-question .left-content .question-container .question-title p{font-size:3vw}}.not-found-page{border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:450px;height:100vh;margin:0 auto;display:flex}.not-found-page h1{font-size:5rem;font-weight:600}.not-found-page p{color:var(--error-color);font-size:1.5rem;font-weight:600}.not-found-page button{color:var(--white-color);background-color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .3s}.not-found-page button:hover{background-color:var(--white-color);color:var(--primary-color)}.game-lobby{flex-grow:1;width:85%;height:100%;margin:0 auto;padding:1rem 0;position:relative}.game-lobby .inner-content{background:var(--white-color);border-radius:5vh;justify-content:center;align-items:flex-start;gap:1vh;margin:15vh auto 0;padding:3vh;display:flex;position:relative}.game-lobby .inner-content .left-content,.game-lobby .inner-content .right-content{width:100%;height:100%}.game-lobby .inner-content.open-room-layout{justify-content:space-between;align-items:flex-start;gap:2vh;width:80%;padding:3.5vh 4vh}.game-lobby .inner-content.open-room-layout .left-content{flex-shrink:0;justify-content:flex-start;gap:2.5vh;max-width:35%;margin:0 auto}.game-lobby .inner-content.open-room-layout .left-content .game-lobby-header{width:100%;padding:2.5vh 2vh}.game-lobby .inner-content.open-room-layout .left-content .game-lobby-header .profile-card{width:100%;max-width:30vh;padding:2vh 2.5vh}.game-lobby .inner-content.open-room-layout .right-content{flex-direction:column;flex:1;gap:3vh;min-width:0;max-width:65%;display:flex}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper{margin-bottom:0}.game-lobby .inner-content.open-room-layout .right-content .button-group{margin-top:auto;padding:1vh 0 0}.game-lobby.chat-open{overflow:hidden}.game-lobby .button-group{padding:0 0 2vh}.game-lobby .button-group button{margin:0}.game-lobby .left-content{flex-direction:column;justify-content:space-between;align-items:center;gap:2vh;display:flex}.game-lobby .left-content .game-lobby-header{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;padding:2vh;display:flex;position:relative}.game-lobby .left-content .game-lobby-header .welcome-message{color:var(--primary-color);font-size:5vh;font-weight:600}.game-lobby .left-content .game-lobby-header .chat-button{justify-content:center;align-items:center;gap:1rem;font-size:2vh;line-height:1;display:flex;position:absolute;top:1rem;right:0}.game-lobby .left-content .game-lobby-header .profile-card{background-color:#d8efff;border:1px solid #d8efff;border-radius:5vh;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;width:27vh;height:100%;padding:1vh 2vh;display:flex}.game-lobby .left-content .game-lobby-header .profile-card .host{margin:0;font-size:2.3vh;font-weight:600}.game-lobby .left-content .game-lobby-header .profile-card .profile-name{text-align:center;background:var(--white-color);width:90%;color:var(--black-color);border-radius:.8vh;margin:0;padding:.6vh;font-size:1.8vh;font-weight:600;overflow-x:auto;overflow-y:hidden}.game-lobby .left-content .game-lobby-header .profile-card .profile-pic-skeleton{width:10vh!important;height:10vh!important}.game-lobby .left-content .game-lobby-header .profile-card img{object-fit:cover;border:2px solid #e2e2e2;border-radius:50%;width:100%;max-width:75%;height:100%;box-shadow:0 5px 10px rgba(0,0,0,.5)}.game-lobby .left-content .game-lobby-header .profile-card img.host-profile-pic{border:2px solid var(--primary-color);box-shadow:0 5px 10px rgba(72,189,80,.5)}.game-lobby .left-content .game-lobby-header .profile-card svg{object-fit:cover;border:2px solid var(--secondary-400);border-radius:50%;width:100%;max-width:130px;height:100%;box-shadow:0 5px 10px rgba(0,0,0,.5)}.game-lobby .left-content .game-lobby-header p{color:var(--primary-color);margin:0;font-size:18px;font-weight:600}.game-lobby .left-content .game-lobby-header button{width:100%;height:6.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2.5vh;font-weight:700;line-height:1;font-family:var(--arabic-font);border-radius:5vh;padding:1.2vh 2vh;transition:all .3s ease-in-out}.game-lobby .left-content .game-lobby-header button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.game-lobby .left-content .game-lobby-header button:disabled{opacity:.6!important;cursor:not-allowed!important}.game-lobby .left-content .room-code{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:1.5vh;width:100%;margin:0;padding:0 3vh;display:flex}.game-lobby .left-content .room-code p{width:50%;margin:0;padding:1.8vh;font-size:2vh;font-weight:600}.game-lobby .left-content .room-code p.room-code-text{color:var(--black-color);background-color:#f7f7f7;border:1px solid #dbdbdb;border-radius:2rem}.game-lobby .left-content .room-code button{width:50%;height:6.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2.5vh;font-weight:700;line-height:1;font-family:var(--arabic-font);box-shadow:none;border-radius:5vh;justify-content:center;align-items:center;gap:.5rem;padding:1.2vh 2vh;transition:all .3s ease-in-out;display:flex}.game-lobby .left-content .room-code button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.game-lobby .left-content .room-code button:disabled{opacity:.6!important;cursor:not-allowed!important}.game-lobby .left-content .room-code button svg{width:100%;height:100%}.game-lobby .right-content .teams-distribution-wrapper{background:var(--white-color);border:1px solid rgba(0,0,0,.08);border-radius:1.2rem;width:100%;margin-bottom:1.5vh;overflow:hidden}.game-lobby .right-content .teams-header-banner{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-align:center;width:100%;padding:1rem 1.5rem}.game-lobby .right-content .teams-title{color:var(--white-color);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:2.4vh;font-weight:700}.game-lobby .right-content .teams-distribution-row{background:var(--white-color);flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:1.5rem;display:flex}.game-lobby .right-content .team-column{background:#f8f9fa;border:1px solid rgba(0,0,0,.08);border-radius:.8rem;flex-direction:column;flex:1;gap:1rem;min-width:140px;max-width:calc(50% - .75rem);padding:1.2rem;display:flex}.game-lobby .right-content .team-header{border-bottom:2px solid rgba(0,0,0,.1);justify-content:center;align-items:center;padding-bottom:.8rem;display:flex}.game-lobby .right-content .team-name{color:var(--secondary-color,#1a1a1a);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:2.2vh;font-weight:700}.game-lobby .right-content .team-players-list{flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;min-height:60px;display:flex}.game-lobby .right-content .team-name-badge{color:var(--primary-color);background:var(--white-color);text-transform:uppercase;letter-spacing:.05em;text-align:center;word-break:break-all;border:1px solid rgba(72,189,80,.2);border-radius:.6rem;min-width:-moz-fit-content;min-width:fit-content;padding:.8rem 1.5rem;font-size:2.4vh;font-weight:700;display:inline-block;box-shadow:0 2px 8px rgba(72,189,80,.15)}.game-lobby .right-content .participants-wrapper{box-shadow:none;background:#f4f4f4;border-radius:4vh;margin-bottom:1.5vh;padding:0}.game-lobby .right-content .participants-wrapper .participants-title{margin:0;padding:2vh 2vh 0;font-size:2.3vh;font-weight:600}.game-lobby .right-content .participants-wrapper .participants .team-name{text-align:center;background:#e8e8e8;border:.4vh solid #e2e2e2;margin:10px 0 0;padding:1vh;font-size:2vh;font-weight:600;line-height:1}.game-lobby .right-content .participants-wrapper .participants .participants-list{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:1.5vh 1.5vh 1vh;display:flex;overflow-x:auto;overflow-y:hidden}.game-lobby .right-content .participants-wrapper .participants .participants-list::-webkit-scrollbar{height:0}.game-lobby .right-content .participants-wrapper .participants .participants-list::-webkit-scrollbar-track{background:var(--border-color)}.game-lobby .right-content .participants-wrapper .participants .participants-list::-webkit-scrollbar-thumb{background:var(--primary-color)}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item{flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-width:3.5vh;height:100%;min-height:3.5vh;display:flex}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container{position:relative}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .swap-icon{background-color:var(--primary-color);color:var(--white-color);cursor:pointer;border-radius:50%;padding:.2rem;transition:all .3s;position:absolute;top:0;right:-.3rem}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .swap-icon:hover{background-color:var(--secondary-color)}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .swap-icon svg{width:.7rem;height:.7rem;color:var(--white-color)}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item{gap:5px}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item.host-user span.profile-pic{border:.4vh solid var(--primary-color)}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item.host-user span.participant-name{color:var(--primary-color)}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item.host-user span.participant-name.small-username{font-size:1.5vh}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item span{text-align:center;word-break:break-all;margin:0;font-size:1.8vh;font-weight:600;line-height:1}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item span.profile-pic{border:2px solid #e2e2e2;border-radius:50%;place-items:center;width:100%;max-width:8vh;height:8vh;display:grid;overflow:hidden}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item span.profile-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item span.profile-pic svg{width:calc(100% - .5rem);height:100%;color:var(--secondary-500)}.game-lobby .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name.small-username{word-wrap:break-word;word-break:break-all;font-size:1.8vh}.game-lobby .right-content .button-group{justify-content:center;align-items:center;gap:1rem;padding:1vh 0 0;display:flex}.game-lobby .right-content .button-group button{width:50%;max-width:-moz-fit-content;max-width:fit-content;height:6.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;border:1px solid var(--primary-color);font-size:2.5vh;font-weight:700;line-height:1;font-family:var(--arabic-font);box-shadow:none;border-radius:5vh;padding:1.2vh 5vh;transition:all .3s ease-in-out}.game-lobby .right-content .button-group button:disabled{opacity:.6!important;cursor:not-allowed!important}.game-lobby .right-content .button-group button:hover{box-shadow:0 5px 5px rgba(76,175,83,.41)}.game-lobby .right-content .button-group .chat-button{background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);width:3rem;height:3rem;color:var(--white-color);border-radius:100%;justify-content:center;align-items:center;padding:0;display:flex}.game-lobby .right-content .button-group .chat-button svg{width:2rem;height:2rem;font-size:2rem}html[lang=ar] .game-lobby .right-content .teams-title,html[lang=ar] .game-lobby .right-content .team-name,html[lang=ar] .game-lobby .right-content .button-group button{font-size:2vw}html[lang=ar] .game-lobby .left-content .game-lobby-header .profile-card .host{font-size:1.6vw}.pop-up{z-index:100;background:var(--white-color);border-top-left-radius:30px;border-top-right-radius:30px;width:400px;height:65vh;position:absolute;bottom:0;right:3vh}.pop-up::-webkit-scrollbar{width:0}.pop-up.open{animation:.4s ease-out forwards pop-up}.pop-up.closing{animation:.4s ease-in forwards pop-down}.pop-up .pop-up-header{background:var(--light-primary-color);border-top-left-radius:2rem;border-top-right-radius:2rem;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.pop-up .pop-up-header h1{text-align:center;width:100%;color:var(--primary-color);margin:0;font-size:1.2rem;font-weight:600;line-height:1}.pop-up .close{text-align:end;padding:0;font-weight:600;position:relative;right:10px}.pop-up .close:active{border-color:transparent}.pop-up .close svg{width:2rem;height:2rem}.pop-up .close svg:hover{color:var(--primary-color)}.pop-up .close:focus{box-shadow:none}.pop-up h1{text-align:center;margin:0;font-size:1.2rem;font-weight:600}.pop-up .chat-messages-container{flex-direction:column;justify-content:space-between;gap:10px;width:100%;height:calc(100% - 6rem);max-height:-moz-fit-content;max-height:fit-content;padding:1rem 1.5rem;display:flex}.pop-up .chat-messages-container .chat-instruction{color:var(--secondary-400);text-align:center;font-size:1rem;font-weight:600}.pop-up .chat-messages-container .messages-content{height:100%}.pop-up .chat-messages-container .messages-content::-webkit-scrollbar{width:.15rem}.pop-up .chat-messages-container .messages-content::-webkit-scrollbar-track{background:var(--border-color);border-radius:30px}.pop-up .chat-messages-container .messages-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:30px}.pop-up .chat-messages-container .messages-content .message-item{gap:10px;width:100%;margin:.5rem 0;display:flex}.pop-up .chat-messages-container .messages-content .message-item.my-message{text-align:right;flex-direction:row-reverse;justify-content:end}.pop-up .chat-messages-container .messages-content .message-item.my-message .message-text{background-color:#c2ffab;border-radius:0 .8rem .8rem}.pop-up .chat-messages-container .messages-content .message-item.my-message .message-bubbles{align-items:flex-end}.pop-up .chat-messages-container .messages-content .message-item.other-message{text-align:left;justify-content:flex-start}.pop-up .chat-messages-container .messages-content .message-item.other-message .message-text{background-color:#d8dbff;border-radius:.8rem 0 .8rem .8rem}.pop-up .chat-messages-container .messages-content .message-item.other-message .message-bubbles{align-items:flex-start}.pop-up .chat-messages-container .messages-content .message-item .profile{flex-direction:column;justify-content:flex-start;align-items:center;gap:.2rem;width:100%;max-width:10vh;display:flex}.pop-up .chat-messages-container .messages-content .message-item .profile.no-profile .profile-pic,.pop-up .chat-messages-container .messages-content .message-item .profile.no-profile .message-username{visibility:hidden}.pop-up .chat-messages-container .messages-content .message-item .profile .profile-pic{border-radius:50%;width:100%;max-width:6.5vh;height:6.5vh;margin:0;overflow:hidden}.pop-up .chat-messages-container .messages-content .message-item .profile .profile-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pop-up .chat-messages-container .messages-content .message-item .profile .profile-pic svg{width:100%;height:100%;color:var(--white-color);transform:scale(.8)}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username{color:var(--secondary-400);margin:0;font-size:1.5vh;font-weight:600;line-height:1.3}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username.small-username{word-wrap:break-word;word-break:break-all;font-size:1.4vh}.pop-up .chat-messages-container .messages-content .message-item .message-text{background-color:var(--border-color);word-break:break-word;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:.5rem 1rem;font-size:2vh}.pop-up .chat-messages-container .messages-content .message-item .message-bubbles{flex-direction:column;gap:4px;display:flex}.pop-up .chat-messages-container .form-group,.pop-up .chat-messages-container .form-group .input-group{margin:0}.pop-up .chat-messages-container .form-group .input-group .chat-input:focus{border:none}@keyframes pop-up{0%{opacity:0;bottom:-100vh}to{opacity:1;bottom:0}}@keyframes pop-down{0%{opacity:1;bottom:0}to{opacity:0;bottom:-100vh}}@media (min-width:1200px) and (max-width:1399px){.game-lobby .inner-content{margin:13vh auto 0}.game-lobby .inner-content.open-room-layout{gap:2vh;width:80%;padding:3vh 3.5vh}.game-lobby .inner-content.open-room-layout .left-content{max-width:30%}.game-lobby .inner-content.open-room-layout .right-content{gap:3.5vh;max-width:65%}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2.2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column{padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header{padding-bottom:.5rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header .team-name{font-size:2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-players-list .team-name-badge{font-size:1.8vh}.game-lobby .inner-content .left-content .game-lobby-header .welcome-message{font-size:4vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card{width:25vh;height:100%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card img{max-width:65%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .host{font-size:2vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .profile-name{width:80%;font-size:1.6vh}.game-lobby .inner-content .left-content .room-code{padding:0 2vh}.game-lobby .inner-content .left-content .room-code button{font-size:2vh}.game-lobby .inner-content .left-content .room-code p{font-size:1.8vh}html[lang=ar] .game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2.5vw}html[lang=ar] .game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header .team-name{font-size:1.8vw}html[lang=ar] .game-lobby .inner-content .left-content .game-lobby-header .profile-card .host{font-size:1.6vw}html[lang=ar] .game-lobby .right-content .team-name{font-size:2vw}}@media (min-width:992px) and (max-width:1199px){.game-lobby{width:90%}.game-lobby .inner-content{margin:13vh auto 0;padding:2vh}.game-lobby .inner-content.open-room-layout{gap:2vh;width:80%;padding:3vh 3.5vh}.game-lobby .inner-content.open-room-layout .left-content{max-width:30%}.game-lobby .inner-content.open-room-layout .right-content{gap:3.5vh;max-width:65%}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2.2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column{padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header{padding-bottom:.5rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header .team-name{font-size:2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-players-list .team-name-badge{font-size:1.8vh}.game-lobby .inner-content .left-content .game-lobby-header .welcome-message{font-size:4vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card{border-radius:4vh;width:22vh;height:100%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card img{max-width:65%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .host{font-size:1.8vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .profile-name{width:80%;font-size:1.3vh}.game-lobby .inner-content .left-content .room-code{padding:0 2vh}.game-lobby .inner-content .left-content .room-code button{max-width:25vh;height:5.5vh;font-size:2vh}.game-lobby .inner-content .left-content .room-code p{padding:1.6vh;font-size:1.6vh}.game-lobby .inner-content .right-content .participants-wrapper .participants-title{font-size:2vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .team-name{border:.3vh solid #e2e2e2;padding:.8vh;font-size:1.8vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .profile-pic{max-width:7vh;height:7vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name{font-size:1.5vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name.small-username{font-size:1.3vh}.game-lobby .inner-content .right-content .button-group button{height:5.5vh;font-size:2vh}.game-lobby .inner-content .right-content .button-group button.chat-button{width:3rem;height:3rem}.game-lobby .inner-content .right-content .button-group button.chat-button span{font-size:3vh}.pop-up{border-top-left-radius:1.8rem;border-top-right-radius:1.8rem}.pop-up .pop-up-header{padding:1rem 1.5rem}.pop-up .chat-messages-container{height:calc(100% - 5rem)}.pop-up .chat-messages-container .chat-instruction{font-size:.8rem}.pop-up .chat-messages-container .messages-content .message-item .profile{max-width:8vh}.pop-up .chat-messages-container .messages-content .message-item .profile .profile-pic{max-width:5.5vh;height:5.5vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username{font-size:1.2vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username.small-username{font-size:1vh}.pop-up .chat-messages-container .messages-content .message-item .message-bubbles .message-text{border-radius:0 .65rem .65rem;padding:.3rem .8rem;font-size:1.6vh}}@media (min-width:768px) and (max-width:991px){.game-lobby{width:100%;max-width:100%;height:auto;padding:4vh 0}.game-lobby .inner-content{border-radius:4vh;flex-direction:column;width:100%;max-width:70%;margin:10vh auto 0;padding:3vh}.game-lobby .inner-content.open-room-layout{gap:0;width:100%;padding:3vh 3.5vh}.game-lobby .inner-content.open-room-layout .left-content{max-width:15rem}.game-lobby .inner-content.open-room-layout .left-content .game-lobby-header{padding-top:0}.game-lobby .inner-content.open-room-layout .right-content{gap:1vh;max-width:100%}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2.2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row{gap:.8rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column{max-width:100%;padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header{padding-bottom:.5rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header .team-name{font-size:2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-players-list .team-name-badge{font-size:1.8vh}.game-lobby .inner-content .left-content .game-lobby-header .welcome-message{font-size:3.5vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card{border-radius:3.5vh;width:20vh;height:100%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card img{max-width:60%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .host{font-size:1.6vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .profile-name{width:80%;font-size:1.2vh}.game-lobby .inner-content .left-content .room-code{padding:0 2vh}.game-lobby .inner-content .left-content .room-code button{max-width:25vh;height:5.5vh;font-size:2vh}.game-lobby .inner-content .left-content .room-code p{padding:1.6vh;font-size:1.6vh}.game-lobby .inner-content .right-content .teams-distribution-wrapper .teams-header-banner{padding:.9rem 1.2rem}.game-lobby .inner-content .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2.2vh}.game-lobby .inner-content .right-content .teams-distribution-wrapper .teams-distribution-row{gap:1.2rem;padding:1.2rem}.game-lobby .inner-content .right-content .teams-distribution-wrapper .team-column{min-width:120px;padding:1rem}.game-lobby .inner-content .right-content .teams-distribution-wrapper .team-column .team-name{font-size:2vh}.game-lobby .inner-content .right-content .teams-distribution-wrapper .team-column .team-name-badge{padding:.7rem 1.2rem;font-size:2.2vh}.game-lobby .inner-content .right-content .participants-wrapper .participants-title{font-size:2vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .team-name{border:.3vh solid #e2e2e2;padding:.8vh;font-size:1.8vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .profile-pic{max-width:7vh;height:7vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name{font-size:1.5vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name.small-username{font-size:1.3vh}.game-lobby .inner-content .right-content .button-group button{height:5.5vh;font-size:2vh}.game-lobby .inner-content .right-content .button-group button.chat-button{width:3rem;height:3rem}.game-lobby .inner-content .right-content .button-group button.chat-button span{font-size:3vh}.pop-up{border-top-left-radius:1.8rem;border-top-right-radius:1.8rem}.pop-up .pop-up-header{padding:1rem 1.5rem}.pop-up .chat-messages-container{height:calc(100% - 5rem)}.pop-up .chat-messages-container .chat-instruction{font-size:.8rem}.pop-up .chat-messages-container .messages-content .message-item .profile{max-width:8vh}.pop-up .chat-messages-container .messages-content .message-item .profile .profile-pic{max-width:5.5vh;height:5.5vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username{font-size:1.2vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username.small-username{font-size:1vh}.pop-up .chat-messages-container .messages-content .message-item .message-bubbles .message-text{border-radius:0 .65rem .65rem;padding:.3rem .8rem;font-size:1.6vh}}@media (min-width:576px) and (max-width:767px){.game-lobby{width:100%;max-width:100%;height:auto;padding:4vh 0}.game-lobby .inner-content{border-radius:4vh;flex-direction:column;width:100%;max-width:85%;margin:10vh auto 0;padding:3vh}.game-lobby .inner-content.open-room-layout{gap:0;width:100%;max-width:95%;padding:2vh}.game-lobby .inner-content.open-room-layout .left-content{max-width:14rem}.game-lobby .inner-content.open-room-layout .left-content .game-lobby-header{padding-top:0}.game-lobby .inner-content.open-room-layout .right-content{gap:1vh;max-width:100%}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row{gap:.8rem;padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column{max-width:100%;padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header{padding-bottom:.5rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header .team-name{font-size:1.8vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-players-list .team-name-badge{font-size:1.6vh}.game-lobby .inner-content .left-content .game-lobby-header .welcome-message{font-size:3.5vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card{border-radius:3.5vh;width:20vh;height:100%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card img{max-width:60%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .host{font-size:1.6vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .profile-name{width:80%;font-size:1.2vh}.game-lobby .inner-content .left-content .room-code{padding:0 2vh}.game-lobby .inner-content .left-content .room-code button{max-width:25vh;height:5.5vh;font-size:2vh}.game-lobby .inner-content .left-content .room-code p{padding:1.6vh;font-size:1.6vh}.game-lobby .inner-content .right-content .participants-wrapper .participants-title{font-size:2vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .team-name{border:.3vh solid #e2e2e2;padding:.8vh;font-size:1.8vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .profile-pic{max-width:7vh;height:7vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name{font-size:1.5vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name.small-username{font-size:1.3vh}.game-lobby .inner-content .right-content .button-group button{height:5.5vh;font-size:2vh}.game-lobby .inner-content .right-content .button-group button.chat-button{width:3rem;height:3rem}.game-lobby .inner-content .right-content .button-group button.chat-button span{font-size:3vh}.pop-up{border-top-left-radius:1.8rem;border-top-right-radius:1.8rem}.pop-up .pop-up-header{padding:1rem 1.5rem}.pop-up .chat-messages-container{height:calc(100% - 5rem)}.pop-up .chat-messages-container .chat-instruction{font-size:.8rem}.pop-up .chat-messages-container .messages-content .message-item .profile{max-width:8vh}.pop-up .chat-messages-container .messages-content .message-item .profile .profile-pic{max-width:5.5vh;height:5.5vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username{font-size:1.2vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username.small-username{font-size:1vh}.pop-up .chat-messages-container .messages-content .message-item .message-bubbles .message-text{border-radius:0 .65rem .65rem;padding:.3rem .8rem;font-size:1.6vh}}@media (min-width:320px) and (max-width:575px){.game-lobby{width:100%;max-width:100%;height:auto;padding:2vh 0}.game-lobby .inner-content{border-radius:3vh;flex-direction:column;width:100%;max-width:95%;margin:10vh auto 0;padding:2vh}.game-lobby .inner-content.open-room-layout{gap:0;width:100%;max-width:95%;padding:2vh}.game-lobby .inner-content.open-room-layout .left-content{max-width:14rem}.game-lobby .inner-content.open-room-layout .left-content .game-lobby-header{padding-top:0}.game-lobby .inner-content.open-room-layout .right-content{gap:1vh;max-width:100%}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row{gap:.8rem;padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column{max-width:100%;padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header{padding-bottom:.5rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header .team-name{font-size:1.8vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-players-list .team-name-badge{font-size:1.6vh}}@media screen and (min-width:320px) and (max-width:575px) and (max-width:450px){.game-lobby .inner-content.open-room-layout{gap:0;width:100%;max-width:95%;padding:2vh}.game-lobby .inner-content.open-room-layout .left-content{max-width:13.5rem}.game-lobby .inner-content.open-room-layout .left-content .game-lobby-header{padding-top:0}.game-lobby .inner-content.open-room-layout .right-content{gap:1vh;max-width:100%}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row{flex-direction:column;gap:.8rem;padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column{max-width:100%;padding:1rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header{padding-bottom:.5rem}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-header .team-name{font-size:1.8vh}.game-lobby .inner-content.open-room-layout .right-content .teams-distribution-wrapper .teams-distribution-row .team-column .team-players-list .team-name-badge{font-size:1.6vh}}@media (min-width:320px) and (max-width:575px){.game-lobby .inner-content .left-content{gap:1vh}.game-lobby .inner-content .left-content .game-lobby-header .welcome-message{font-size:3.5vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card{border-radius:3.5vh;width:20vh;height:100%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card img{max-width:60%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .host{font-size:1.6vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .profile-name{width:80%;font-size:1.2vh}.game-lobby .inner-content .left-content .room-code{padding:0}.game-lobby .inner-content .left-content .room-code button{max-width:25vh;height:5.5vh;font-size:2vh}.game-lobby .inner-content .left-content .room-code p{padding:1.6vh;font-size:1.6vh}.game-lobby .inner-content .right-content .participants-wrapper .participants-title{font-size:2vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .team-name{border:.3vh solid #e2e2e2;padding:.8vh;font-size:1.8vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item{min-width:4rem;min-height:3rem}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .profile-pic{max-width:7vh;height:7vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name{font-size:1.5vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name.small-username{font-size:1.3vh}.game-lobby .inner-content .right-content .button-group button{height:5.5vh;font-size:2vh}.game-lobby .inner-content .right-content .button-group .chat-button{width:2.5rem;height:2.5rem}.game-lobby .inner-content .right-content .button-group .chat-button svg{font-size:2vh;transform:scale(.8)}}@media screen and (min-width:320px) and (max-width:575px) and (max-width:415px){.game-lobby .inner-content{border-radius:2vh}.game-lobby .inner-content .left-content .game-lobby-header{padding:1vh}.game-lobby .inner-content .left-content .game-lobby-header .welcome-message{font-size:3vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card{border-radius:3vh;gap:.4rem;width:9rem;height:100%}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .host{font-size:1.5vh}.game-lobby .inner-content .left-content .game-lobby-header .profile-card .profile-name{width:100%;padding:.3vh}.game-lobby .inner-content .right-content .participants-wrapper{border-radius:2vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .team-name{margin:5px 0 0}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list{gap:0;padding:.5rem .8rem}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item{min-width:2rem;min-height:3rem}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item .profile-pic-container .profile-pic{max-width:6vh;height:6vh}.game-lobby .inner-content .right-content .participants-wrapper .participants .participants-list .participant-item span.participant-name{font-size:1.3vh}.game-lobby .inner-content .right-content .button-group{padding:0}.game-lobby .inner-content .right-content .button-group button{width:100%;height:5vh;font-size:1.8vh}}@media (min-width:320px) and (max-width:575px){.pop-up{border-top-left-radius:1.8rem;border-top-right-radius:1.8rem;width:100%;right:0}.pop-up .pop-up-header{padding:.5rem 1rem}.pop-up .pop-up-header h1{font-size:2vh}.pop-up .chat-messages-container{height:calc(100% - 5rem)}.pop-up .chat-messages-container .chat-instruction{font-size:.65rem}.pop-up .chat-messages-container .messages-content .message-item .profile{max-width:6vh}.pop-up .chat-messages-container .messages-content .message-item .profile .profile-pic{max-width:5.5vh;height:5.5vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username{font-size:1.2vh}.pop-up .chat-messages-container .messages-content .message-item .profile .message-username.small-username{font-size:1vh}.pop-up .chat-messages-container .messages-content .message-item .message-bubbles .message-text{border-radius:0 .65rem .65rem;padding:.3rem .8rem;font-size:1.6vh}}@media (max-width:375px){.game-lobby .right-content .teams-distribution-wrapper{border-radius:1rem}.game-lobby .right-content .teams-distribution-wrapper .teams-header-banner{padding:.8rem 1rem}.game-lobby .right-content .teams-distribution-wrapper .teams-header-banner .teams-title{font-size:2vh}.game-lobby .right-content .teams-distribution-wrapper .teams-distribution-row{flex-direction:column;gap:1rem;padding:1rem}.game-lobby .right-content .teams-distribution-wrapper .team-column{max-width:100%;padding:1rem}.game-lobby .right-content .teams-distribution-wrapper .team-column .team-name-badge{padding:.6rem 1rem;font-size:2vh}}.game-result-page{width:100%;height:100%}.game-result-page .inner-content{background:var(--white-color);border-radius:4vh;width:85%;margin:15vh auto 0;padding:3vh;position:relative}.game-result-page .result-title{text-align:center;margin-bottom:3vh;font-size:3vh;font-weight:600}.game-result-page .teams-wrapper{justify-content:center;align-items:center;gap:3vh;width:100%;height:100%;margin:0 auto;display:flex}.game-result-page .teams-wrapper .winning-team-wrapper,.game-result-page .teams-wrapper .losing-team-wrapper{width:100%;height:100%}.game-result-page .winning-team-wrapper{background:#fbfcd9;border-radius:2.5vh;overflow:hidden}.game-result-page .winning-team-wrapper .wrapper-header{color:var(--white-color);background:linear-gradient(90deg,rgba(247,215,73,.776) 0%,rgba(212,119,6,.91) 100%);padding:2.5vh 3vh}.game-result-page .winning-team-wrapper .wrapper-header .wrapper-header-title{text-align:center;justify-content:center;align-items:center;gap:1.5vh;margin:0;font-size:2.5vh;font-weight:600;display:flex}.game-result-page .winning-team-wrapper .wrapper-header .wrapper-header-title svg{color:#ffff64;transform:scale(1.65)}.game-result-page .winning-team-wrapper .wrapper-content{text-align:center;padding:2vh 2.5vh}.game-result-page .winning-team-wrapper .wrapper-content .team-subtitle{font-size:2.5vh;font-weight:600}.game-result-page .winning-team-wrapper .wrapper-content .participant-list{justify-content:space-between;align-items:center;gap:1.5vh;width:100%;margin-bottom:.5vh;padding:.2vh 1vh 1vh;display:flex;overflow-x:auto;overflow-y:hidden}.game-result-page .winning-team-wrapper .wrapper-content .participant-list::-webkit-scrollbar{height:0}.game-result-page .winning-team-wrapper .wrapper-content .participant-list::-webkit-scrollbar-track{background:var(--border-color)}.game-result-page .winning-team-wrapper .wrapper-content .participant-list::-webkit-scrollbar-thumb{background:var(--primary-color)}.game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item{flex-direction:column;justify-content:space-between;align-items:center;gap:5px;width:100%;min-width:6vh;height:100%;min-height:6vh;display:flex}.game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item.host-user span.profile-pic{border:2px solid var(--primary-color)}.game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item.host-user span.participant-name{color:var(--primary-color)}.game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item span{text-align:center;word-break:break-all;margin:0;font-size:1.5vh;font-weight:600;line-height:1}.game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic{border:.2vh solid #e8e8cb;border-radius:50%;place-items:center;width:100%;max-width:7.5vh;height:7.5vh;display:grid;overflow:hidden}.game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%}.game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic svg{width:calc(100% - 1.5vh);height:100%;color:var(--secondary-400)}.game-result-page .winning-team-wrapper .wrapper-content .score-board .score-board-title{background:#e8e8cb;border-radius:2vh;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:2vh 3vh;font-size:2vh;font-weight:500}.game-result-page .losing-team-wrapper{background:#f2f2f2;border-radius:2.5vh;overflow:hidden}.game-result-page .losing-team-wrapper .wrapper-header{background:#e6e6e6;padding:2.5vh 3vh}.game-result-page .losing-team-wrapper .wrapper-header .wrapper-header-title{text-align:center;margin:0;font-size:2.5vh;font-weight:600}.game-result-page .losing-team-wrapper .wrapper-content{text-align:center;padding:2vh 2.5vh}.game-result-page .losing-team-wrapper .wrapper-content .team-subtitle{font-size:2.5vh;font-weight:600}.game-result-page .losing-team-wrapper .wrapper-content .participant-list{justify-content:space-between;align-items:center;gap:1.5vh;width:100%;margin-bottom:.5vh;padding:.2vh 1vh 1vh;display:flex;overflow-x:auto;overflow-y:hidden}.game-result-page .losing-team-wrapper .wrapper-content .participant-list::-webkit-scrollbar{height:0}.game-result-page .losing-team-wrapper .wrapper-content .participant-list::-webkit-scrollbar-track{background:var(--border-color)}.game-result-page .losing-team-wrapper .wrapper-content .participant-list::-webkit-scrollbar-thumb{background:var(--primary-color)}.game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item{flex-direction:column;justify-content:space-between;align-items:center;gap:5px;width:100%;min-width:6vh;height:100%;min-height:6vh;display:flex}.game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item.host-user span.profile-pic{border:2px solid var(--primary-color)}.game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item.host-user span.participant-name{color:var(--primary-color)}.game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item span{text-align:center;word-break:break-all;margin:0;font-size:1.5vh;font-weight:600;line-height:1}.game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic{border:.2vh solid #e2e2e2;border-radius:50%;place-items:center;width:100%;max-width:7.5vh;height:7.5vh;display:grid;overflow:hidden}.game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%}.game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic svg{width:calc(100% - 1.5vh);height:100%;color:var(--secondary-400)}.game-result-page .losing-team-wrapper .wrapper-content .score-board .score-board-title{background:#e6e6e6;border-radius:2vh;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:2vh 3vh;font-size:2vh;font-weight:500}.game-result-page .action-buttons{justify-content:center;align-items:center;gap:2vh;width:100%;margin:3vh auto 0;display:flex}.game-result-page .action-buttons button{width:100%;max-width:28vh;height:6.5vh;color:var(--white-color);background:linear-gradient(to right,var(--primary-color)40%,#3b8940 100%);text-transform:none;font-size:2.5vh;font-weight:700;line-height:1;font-family:var(--arabic-font);border:none;border-radius:5vh;padding:1.2vh 2vh;transition:all .3s ease-in-out}.game-result-page .action-buttons button.exit-button{background:linear-gradient(90deg,#e47e6d 0%,#b31c02 100%)}.game-result-page .action-buttons button.exit-button:hover{box-shadow:0 5px 5px rgba(175,76,76,.41)}html[lang=ar] .game-result-page .inner-content .teams-wrapper .losing-team-wrapper .team-subtitle,html[lang=ar] .game-result-page .winning-team-wrapper .wrapper-content .team-subtitle,html[lang=ar] .game-result-page .losing-team-wrapper .wrapper-header .wrapper-header-title,html[lang=ar] .game-result-page .winning-team-wrapper .wrapper-header .wrapper-header-title,html[lang=ar] .game-result-page .action-buttons button{font-size:1.6vw}html[lang=ar] .game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item,html[lang=ar] .game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item{font-size:1.4vw}@media (min-width:1200px) and (max-width:1399px){.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header .wrapper-header-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header .wrapper-header-title{font-size:2.2vh}html[lang=ar] .game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item,html[lang=ar] .game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item{font-size:1.4vw}html[lang=ar] .game-result-page .inner-content .action-buttons button{font-size:1.8vw}}@media (min-width:992px) and (max-width:1199px){.game-result-page .inner-content{width:90%}.game-result-page .inner-content .result-title{margin-bottom:2vh;font-size:2.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header{padding:2vh 2.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header .wrapper-header-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header .wrapper-header-title{font-size:2.2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .team-subtitle,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .team-subtitle{font-size:2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .score-board .score-board-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .score-board .score-board-title{border-radius:1.5vh;padding:1.5vh 2vh;font-size:1.8vh}.game-result-page .inner-content .action-buttons button{max-width:22vh;height:5.5vh;padding:1vh 1.5vh;font-size:2vh}html[lang=ar] .game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item,html[lang=ar] .game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item{font-size:1.4vw}html[lang=ar] .game-result-page .inner-content .action-buttons button{font-size:2vw}}@media (min-width:768px) and (max-width:991px){.game-result-page .inner-content{width:100%;max-width:95%;padding:2vh 2.5vh}.game-result-page .inner-content .result-title{margin-bottom:2vh;font-size:2.2vh}.game-result-page .inner-content .teams-wrapper{gap:2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header{padding:2vh 2.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header .wrapper-header-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header .wrapper-header-title{font-size:2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .team-subtitle,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .team-subtitle{font-size:1.6vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .participant-item span,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .participant-item span{font-size:1.2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .participant-item span.profile-pic,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .participant-item span.profile-pic{max-width:6vh;height:6vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .score-board .score-board-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .score-board .score-board-title{border-radius:1vh;padding:1.5vh 2vh;font-size:1.6vh}.game-result-page .inner-content .action-buttons button{max-width:22vh;height:5.5vh;padding:1vh 1.5vh;font-size:1.8vh}html[lang=ar] .game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item,html[lang=ar] .game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item{font-size:1.8vw}html[lang=ar] .game-result-page .inner-content .action-buttons button{font-size:2.2vw}}@media (min-width:576px) and (max-width:767px){.game-result-page{padding:2vh 0}.game-result-page .inner-content{width:100%;max-width:35rem;margin:10vh auto 0;padding:2vh 2.5vh}.game-result-page .inner-content .result-title{margin-bottom:2vh;font-size:2.2vh}.game-result-page .inner-content .teams-wrapper{flex-direction:column;gap:2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header{padding:2vh 2.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header .wrapper-header-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header .wrapper-header-title{font-size:2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .team-subtitle,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .team-subtitle{font-size:1.6vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .participant-item span,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .participant-item span{font-size:1.2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .participant-item span.profile-pic,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .participant-item span.profile-pic{max-width:6vh;height:6vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .score-board .score-board-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .score-board .score-board-title{border-radius:1vh;padding:1.5vh 2vh;font-size:1.6vh}.game-result-page .inner-content .action-buttons button{max-width:22vh;height:5.5vh;padding:1vh 1.5vh;font-size:1.8vh}html[lang=ar] .game-result-page .inner-content .teams-wrapper .losing-team-wrapper .team-subtitle{font-size:2.2vw}html[lang=ar] .game-result-page .winning-team-wrapper .wrapper-content .participant-list .participant-item,html[lang=ar] .game-result-page .inner-content .teams-wrapper .winning-team-wrapper .team-subtitle,html[lang=ar] .game-result-page .losing-team-wrapper .wrapper-content .participant-list .participant-item{font-size:2.5vw}html[lang=ar] .game-result-page .inner-content .action-buttons button{font-size:3vw}}@media (min-width:320px) and (max-width:575px){.game-result-page{padding:2vh 0}.game-result-page .inner-content{width:100%;max-width:30rem;margin:10vh auto 0;padding:2vh 2.5vh}.game-result-page .inner-content .result-title{margin-bottom:2vh;font-size:2.2vh}.game-result-page .inner-content .teams-wrapper{flex-direction:column;gap:2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header{padding:2vh 2.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header .wrapper-header-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header .wrapper-header-title{font-size:2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .team-subtitle,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .team-subtitle{font-size:1.6vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .participant-item span,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .participant-item span{font-size:1.2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .participant-item span.profile-pic,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .participant-item span.profile-pic{max-width:6vh;height:6vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .score-board .score-board-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .score-board .score-board-title{border-radius:1vh;padding:1.5vh 2vh;font-size:1.6vh}.game-result-page .inner-content .action-buttons button{max-width:22vh;height:5.5vh;padding:1vh 1.5vh;font-size:1.8vh}}@media screen and (min-width:320px) and (max-width:575px) and (max-width:415px){.game-result-page{width:93%}.game-result-page .inner-content{border-radius:2vh;padding:2vh}.game-result-page .inner-content .result-title{margin-bottom:1vh;font-size:2vh}.game-result-page .inner-content .action-buttons{gap:1.5vh;margin:2vh auto 0}.game-result-page .inner-content .teams-wrapper{gap:1.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header{padding:1.8vh 2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-header .wrapper-header-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-header .wrapper-header-title{font-size:1.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-content,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-content{padding:1.5vh 2vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-content .team-subtitle,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-content .team-subtitle{margin-bottom:.3rem;font-size:1.5vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-content .score-board .score-board-title,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-content .score-board .score-board-title{border-radius:1vh;padding:1.2vh 2vh;font-size:1.3vh}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-content .participant-list,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-content .participant-list{gap:.5rem;padding:.5rem .8rem}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-content .participant-list .participant-item,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-content .participant-list .participant-item{min-width:2rem;min-height:3rem}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-content .participant-list .participant-item span.profile-pic{max-width:4rem;height:3.1rem}.game-result-page .inner-content .teams-wrapper .winning-team-wrapper .wrapper-content .participant-list .participant-item span.participant-name,.game-result-page .inner-content .teams-wrapper .losing-team-wrapper .wrapper-content .participant-list .participant-item span.participant-name{font-size:1.2vh}}.settings-page{width:calc(100% - 2vh);height:100%;margin:0 auto;padding:1.5rem 0}.settings-page::-webkit-scrollbar{width:0}.settings-page .form-group,.settings-page .form-group .custom-select{margin:0}.settings-page .setting-sound{background:#f2f2f2;border-radius:5vh;padding:.5vh 1vh}.settings-page .setting-sound label{padding:0 2vh}.notifications-page{width:100%;height:100%;padding:1rem 0}.notifications-page .inner-content{width:100%;max-height:calc(100% - 40vh);margin:15vh auto 0;overflow:hidden}.notifications-page .section-title{text-align:center;color:var(--secondary-color);text-transform:uppercase;margin-bottom:5vh;font-size:6vh;font-weight:600;line-height:1}.notifications-page .notifications-list{background:var(--white-color);border-radius:2vh;flex-direction:column;gap:0;width:65%;height:100%;max-height:55vh;margin:0 auto;padding:3vh;display:flex;overflow-y:auto}.notifications-page .notifications-list::-webkit-scrollbar{width:.5vh}.notifications-page .notifications-list::-webkit-scrollbar-track{background:var(--white-color)}.notifications-page .notifications-list::-webkit-scrollbar-thumb{background:var(--secondary-color)}.notifications-page .notifications-list .notification-item{border-bottom:1px solid var(--light-gray-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}.notifications-page .notifications-list .notification-item:last-child{border-bottom:none}.notifications-page .notifications-list .notification-item .notification-content{text-align:right;flex-direction:column;flex:1;gap:.3rem;display:flex}.notifications-page .notifications-list .notification-item .notification-content .notification-title{color:#000;margin:0;padding:0;font-size:2.1vh;font-weight:600}.notifications-page .notifications-list .notification-item .notification-content .notification-message{color:#000;margin:0;padding:0;font-size:1.8vh;font-weight:400;line-height:1.5}.notifications-page .notifications-list .notification-item .notification-actions{flex-direction:row;flex-shrink:0;align-items:center;gap:.5rem;margin-left:1rem;display:flex}.notifications-page .notifications-list .notification-item .notification-actions .notification-time{color:var(--gray-color);white-space:nowrap;font-size:1.8vh}.notifications-page .notifications-list .notification-item .notification-actions .notification-delete-btn{cursor:pointer;height:auto;color:var(--gray-color);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.notifications-page .notifications-list .notification-item .notification-actions .notification-delete-btn svg{font-size:2.2vh}.notifications-page .notifications-list .notification-item .notification-actions .notification-delete-btn:hover{color:var(--error-color);box-shadow:none}.notifications-page .notifications-list .notification-item .notification-actions .notification-delete-btn:focus{outline:none}.notifications-page .notifications-empty{text-align:center;width:100%;height:100%;color:var(--gray-color);place-items:center;padding:3rem 1rem;display:grid}.notifications-page .notifications-empty p{margin:0;font-size:2vh}[dir=rtl] .notifications-page .notification-item .notification-content{text-align:right}[dir=rtl] .notifications-page .notification-item .notification-actions{margin-left:0;margin-right:1rem}[dir=ltr] .notifications-page .notification-item .notification-content{text-align:left}[dir=ltr] .notifications-page .notification-item .notification-actions{margin-left:1rem;margin-right:0}.transactions-page{width:100%;min-height:100vh;padding-top:12.5vh;padding-bottom:11.5rem}.transactions-page .inner-content{border-radius:3vh;width:100%;max-width:600px;margin:0 auto;padding:2vh 5vh}.transactions-page .transactions-toolbar{flex-direction:column;gap:.75rem;width:100%;margin-bottom:1rem;display:flex}.transactions-page .transactions-toolbar .toolbar-row{flex-direction:column;gap:.75rem;display:flex}.transactions-page .transactions-toolbar .toolbar-item{background:var(--white-color);border:1.5px solid var(--secondary-200);cursor:pointer;border-radius:.75rem;align-items:center;gap:.75rem;min-height:3rem;padding:.75rem 1rem;transition:all .25s;display:flex}.transactions-page .transactions-toolbar .toolbar-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(76,175,80,.1)}.transactions-page .transactions-toolbar .toolbar-item .toolbar-tags{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.transactions-page .transactions-toolbar .toolbar-item .toolbar-tags::-webkit-scrollbar{display:none}.transactions-page .transactions-toolbar .toolbar-item .toolbar-placeholder{color:var(--secondary-400);white-space:nowrap;font-size:.875rem;font-style:italic}.transactions-page .transactions-toolbar .toolbar-item .tag-chip{background:var(--light-primary-color);color:var(--secondary-color);white-space:nowrap;border:1px solid rgba(76,175,80,.2);border-radius:99px;flex-shrink:0;align-items:center;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.transactions-page .transactions-toolbar .toolbar-item .sort-label{color:var(--secondary-color);white-space:nowrap;font-size:.875rem;font-weight:500}.transactions-page .transactions-toolbar .toolbar-item .toolbar-icon-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:flex}.transactions-page .transactions-toolbar .toolbar-item .toolbar-icon-btn svg{color:var(--secondary-400);font-size:1.25rem;transition:color .2s}.transactions-page .transactions-toolbar .toolbar-item .toolbar-icon-btn:hover svg{color:var(--primary-color)}.transactions-page .transactions-toolbar .toolbar-results-count{justify-content:flex-end;padding:0 .25rem;display:flex}.transactions-page .transactions-toolbar .toolbar-results-count span{color:var(--secondary-400);font-size:.8rem;font-weight:500}.transactions-page .transactions-list{flex-direction:column;gap:.75rem;width:100%;display:flex}.transactions-page .transaction-card{background:var(--white-color);border:1px solid transparent;border-radius:1rem;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:all .25s;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.06)}.transactions-page .transaction-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.transactions-page .transaction-card.credit{border-left:.2rem solid var(--primary-color)}[dir=rtl] .transactions-page .transaction-card.credit{border-left:none;border-right:.2rem solid var(--primary-color)}.transactions-page .transaction-card.pending{border-left:.2rem solid var(--warning-color)}[dir=rtl] .transactions-page .transaction-card.pending{border-left:none;border-right:.2rem solid var(--warning-color)}.transactions-page .transaction-card.debit{border-left:.2rem solid var(--error-color)}[dir=rtl] .transactions-page .transaction-card.debit{border-left:none;border-right:.2rem solid var(--error-color)}.transactions-page .transaction-card .card-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon{width:1.5rem;height:1.5rem}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon.credit{color:var(--primary-color)}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon.debit{color:var(--error-color)}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon.pending{color:var(--warning-color)}.transactions-page .transaction-card.credit .card-icon-wrapper{background:rgba(76,175,80,.1)}.transactions-page .transaction-card.debit .card-icon-wrapper{background:rgba(255,1,1,.08)}.transactions-page .transaction-card.pending .card-icon-wrapper{background:rgba(255,215,0,.08)}.transactions-page .transaction-card .card-details{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.transactions-page .transaction-card .card-details .card-title-row{align-items:center;gap:.5rem;display:flex}.transactions-page .transaction-card .card-details .card-type{margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.transactions-page .transaction-card .card-details .card-type.credit{color:var(--primary-color)}.transactions-page .transaction-card .card-details .card-type.debit{color:var(--error-color)}.transactions-page .transaction-card .card-details .card-type.pending{color:var(--warning-color)}.transactions-page .transaction-card .card-details .card-type .card-mode{color:var(--secondary-400);margin-left:.25rem;font-size:.75rem;font-weight:500}.transactions-page .transaction-card .card-details .card-type .card-mode.credit{color:var(--primary-color)}.transactions-page .transaction-card .card-details .card-type .card-mode.debit{color:var(--error-color)}.transactions-page .transaction-card .card-details .card-type .card-mode.pending{color:var(--warning-color)}.transactions-page .transaction-card .card-details .card-id{color:var(--secondary-400);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.transactions-page .transaction-card .card-details .card-date{color:var(--sub-title-color);margin:0;font-size:.75rem;font-weight:500}.transactions-page .transaction-card .card-amount{text-align:right;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;display:flex}[dir=rtl] .transactions-page .transaction-card .card-amount{text-align:left}.transactions-page .transaction-card .card-amount .amount-value{white-space:nowrap;font-size:1rem;font-weight:700}.transactions-page .transaction-card .card-amount .amount-value.positive{color:var(--primary-color)}.transactions-page .transaction-card .card-amount .amount-value.negative{color:var(--error-color)}.transactions-page .transaction-card .card-amount .amount-value.pending{color:var(--warning-color)}.transactions-page .transaction-card .card-amount .bundle-amount{margin:0;font-size:.65rem;font-weight:500;color:var(--secondary-400)!important}.transactions-page .transaction-card-skeleton{background:var(--white-color);border-radius:1rem;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.06)}.transactions-page .transaction-card-skeleton .skeleton-icon{flex-shrink:0}.transactions-page .transaction-card-skeleton .skeleton-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.transactions-page .transaction-card-skeleton .skeleton-amount{flex-shrink:0}.transactions-page .transactions-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:4rem 2rem;display:flex}.transactions-page .transactions-empty .empty-icon{background:var(--light-primary-color);border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin-bottom:1.5rem;display:flex}.transactions-page .transactions-empty .empty-icon svg{width:2.5rem;height:2.5rem;color:var(--primary-color)}.transactions-page .transactions-empty .empty-title{color:var(--secondary-color);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.transactions-page .transactions-empty .empty-subtitle{color:var(--secondary-400);margin:0;font-size:.875rem}.transactions-page .infinite-scroll-sentinel{padding:.5rem 0}.transactions-page .infinite-scroll-sentinel .loading-more{flex-direction:column;gap:.75rem;display:flex}#transactions-filters-drawer .MuiDrawer-paper{will-change:transform;border-radius:1.25rem 0 0 1.25rem;overflow:hidden}[dir=rtl] #transactions-filters-drawer .MuiDrawer-paper{border-radius:0 1.25rem 1.25rem 0}#transactions-filters-drawer .MuiBackdrop-root{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.35)!important;transition:opacity .4s cubic-bezier(.4,0,.2,1)!important}#transactions-filters-drawer .drawer-header{background:linear-gradient(135deg,var(--primary-color)0%,#3b8940 100%);justify-content:space-between;align-items:center;width:100%;padding:1.75rem 1.5rem;display:flex;position:relative}#transactions-filters-drawer .drawer-header .drawer-header-title{color:var(--white-color);letter-spacing:.3px;font-size:1.35rem;font-weight:700}#transactions-filters-drawer .drawer-header button{text-align:end;min-width:-moz-fit-content;min-width:fit-content;padding:0;font-weight:600;position:relative;right:0}#transactions-filters-drawer .drawer-header button:active{border-color:transparent}#transactions-filters-drawer .drawer-header button svg{width:1.35rem;height:1.35rem;color:var(--white-color);transition:transform .2s}#transactions-filters-drawer .drawer-header button:hover svg{transform:rotate(90deg)}#transactions-filters-drawer .drawer-header button:focus{box-shadow:none}#transactions-filters-drawer .drawer-content{background:var(--secondary-50,#fafafa);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1rem;width:100%;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}#transactions-filters-drawer .drawer-content::-webkit-scrollbar{display:none}#transactions-filters-drawer .drawer-content .wrapper-content{gap:.25rem;display:flex}#transactions-filters-drawer .drawer-content .wrapper-container{background:var(--white-color);border:1px solid var(--secondary-200,#e0e0e0);border-radius:.875rem;padding:1.25rem;transition:box-shadow .25s,border-color .25s}#transactions-filters-drawer .drawer-content .wrapper-container:hover{border-color:rgba(76,175,80,.25);box-shadow:0 2px 8px rgba(0,0,0,.06)}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header{border-bottom:1px solid var(--secondary-200,#e0e0e0);margin-bottom:.875rem;padding-bottom:.625rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title{color:var(--secondary-color,#333);letter-spacing:.2px;font-size:.95rem;font-weight:700}#transactions-filters-drawer .drawer-content .wrapper-container .MuiFormControlLabel-root{background:0 0;border-radius:.5rem}#transactions-filters-drawer .drawer-content .wrapper-container .MuiFormControlLabel-label,#transactions-filters-drawer .drawer-content .wrapper-container .filter-option-label{color:#333;font-weight:500;font-size:.835rem!important}#transactions-filters-drawer .drawer-content .wrapper-container .MuiRadio-root .MuiSvgIcon-root{width:16px;height:16px}#transactions-filters-drawer .drawer-content .wrapper-container .date-field-group{flex-direction:column;gap:.4rem;display:flex}#transactions-filters-drawer .drawer-content .wrapper-container .date-field-group .date-field-label{color:var(--secondary-color,#444);font-size:.85rem;font-weight:600}#transactions-filters-drawer .filter-button{background:var(--white-color);border-top:1px solid var(--secondary-200,#e0e0e0);justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem 1.5rem;display:flex;box-shadow:0 -4px 16px rgba(0,0,0,.06)}#transactions-filters-drawer .filter-button button{width:50%;height:auto;color:var(--white-color);text-transform:none;font-size:.95rem;font-weight:600;line-height:1.2;font-family:var(--arabic-font);border-radius:.75rem;padding:.8rem 1.25rem;transition:all .3s}#transactions-filters-drawer .filter-button button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}#transactions-filters-drawer .filter-button button:active{transform:translateY(0)}#transactions-filters-drawer .filter-button button:disabled{color:var(--white-color);opacity:.6;cursor:not-allowed;transform:none}#transactions-filters-drawer .filter-button button.full-width{max-width:none}#transactions-filters-drawer .filter-button button.btn-custom-discard{background:var(--white-color);border:1.5px solid var(--secondary-300,#ccc);color:var(--secondary-color,#555)!important}#transactions-filters-drawer .filter-button button.btn-custom-discard:hover{background:var(--secondary-50,#fafafa);border-color:var(--secondary-400,#999)}#transactions-filters-drawer .filter-button button.btn-custom-discard:disabled{opacity:.5;cursor:not-allowed}#transactions-filters-drawer .filter-button button.btn-custom-confirm{background:linear-gradient(135deg,var(--primary-color)0%,#3b8940 100%);border:none;box-shadow:0 2px 8px rgba(76,175,80,.3);color:var(--white-color)!important}#transactions-filters-drawer .filter-button button.btn-custom-confirm svg{color:#fff!important}#transactions-filters-drawer .filter-button button.btn-custom-confirm:hover{box-shadow:0 4px 14px rgba(76,175,80,.4)}#transactions-filters-drawer .filter-button button.btn-custom-confirm:disabled{opacity:.5;cursor:not-allowed}#transactions-filters-drawer .custom-checkbox-root{margin:8px;padding:0}#transactions-filters-drawer .custom-checkbox-root:hover{background-color:transparent}#transactions-filters-drawer .custom-checkbox-root.Mui-focusVisible .custom-checkbox-icon{outline:2px auto var(--primary-color);outline-offset:2px}#transactions-filters-drawer .custom-checkbox-root input:disabled~.custom-checkbox-icon{box-shadow:none;background:var(--primary-color)}#transactions-filters-drawer .custom-checkbox-root input:hover~.custom-checkbox-icon.checked{background-color:var(--primary-color)}#transactions-filters-drawer .custom-checkbox-root input:disabled~.custom-checkbox-icon.checked{background:var(--primary-color)}#transactions-filters-drawer .custom-checkbox-icon{background-color:#fff;border-radius:4px;width:18px;height:18px;transition:background-color .2s,box-shadow .2s;display:inline-block;box-shadow:inset 0 0 0 1.5px rgba(16,22,26,.15)}#transactions-filters-drawer .custom-checkbox-icon.checked{background-color:var(--primary-color);box-shadow:none}#transactions-filters-drawer .custom-checkbox-icon.checked:before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:18px;height:18px;display:block}#transactions-sort-drawer .MuiDrawer-paper{will-change:transform;border-radius:1.25rem 0 0 1.25rem;overflow:hidden}[dir=rtl] #transactions-sort-drawer .MuiDrawer-paper{border-radius:0 1.25rem 1.25rem 0}#transactions-sort-drawer .MuiBackdrop-root{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.35)!important;transition:opacity .4s cubic-bezier(.4,0,.2,1)!important}#transactions-sort-drawer .drawer-header{background:linear-gradient(135deg,var(--primary-color)0%,#3b8940 100%);justify-content:space-between;align-items:center;width:100%;padding:1.75rem 1.5rem;display:flex;position:relative}#transactions-sort-drawer .drawer-header .drawer-header-title{color:var(--white-color);letter-spacing:.3px;font-size:1.35rem;font-weight:700}#transactions-sort-drawer .drawer-header button{text-align:end;min-width:-moz-fit-content;min-width:fit-content;padding:0;font-weight:600;position:relative;right:0}#transactions-sort-drawer .drawer-header button:active{border-color:transparent}#transactions-sort-drawer .drawer-header button svg{width:1.35rem;height:1.35rem;color:var(--white-color);transition:transform .2s}#transactions-sort-drawer .drawer-header button:hover svg{transform:rotate(90deg)}#transactions-sort-drawer .drawer-header button:focus{box-shadow:none}#transactions-sort-drawer .drawer-content{background:var(--secondary-50,#fafafa);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1rem;width:100%;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}#transactions-sort-drawer .drawer-content::-webkit-scrollbar{display:none}#transactions-sort-drawer .drawer-content .wrapper-content{gap:.25rem;display:flex}#transactions-sort-drawer .drawer-content .wrapper-container{background:var(--white-color);border:1px solid var(--secondary-200,#e0e0e0);border-radius:.875rem;padding:1.25rem;transition:box-shadow .25s,border-color .25s}#transactions-sort-drawer .drawer-content .wrapper-container:hover{border-color:rgba(76,175,80,.25);box-shadow:0 2px 8px rgba(0,0,0,.06)}#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header{border-bottom:1px solid var(--secondary-200,#e0e0e0);margin-bottom:.875rem;padding-bottom:.625rem}#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title{color:var(--secondary-color,#333);letter-spacing:.2px;font-size:.95rem;font-weight:700}#transactions-sort-drawer .drawer-content .wrapper-container .MuiFormControlLabel-root{background:0 0;border-radius:.5rem}#transactions-sort-drawer .drawer-content .wrapper-container .MuiFormControlLabel-label,#transactions-sort-drawer .drawer-content .wrapper-container .filter-option-label{color:#333;font-weight:500;font-size:.835rem!important}#transactions-sort-drawer .drawer-content .wrapper-container .MuiRadio-root .MuiSvgIcon-root{width:16px;height:16px}#transactions-sort-drawer .drawer-content .wrapper-container .date-field-group{flex-direction:column;gap:.4rem;display:flex}#transactions-sort-drawer .drawer-content .wrapper-container .date-field-group .date-field-label{color:var(--secondary-color,#444);font-size:.85rem;font-weight:600}#transactions-sort-drawer .filter-button{background:var(--white-color);border-top:1px solid var(--secondary-200,#e0e0e0);justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem 1.5rem;display:flex;box-shadow:0 -4px 16px rgba(0,0,0,.06)}#transactions-sort-drawer .filter-button button{width:50%;height:auto;color:var(--white-color);text-transform:none;font-size:.95rem;font-weight:600;line-height:1.2;font-family:var(--arabic-font);border-radius:.75rem;padding:.8rem 1.25rem;transition:all .3s}#transactions-sort-drawer .filter-button button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}#transactions-sort-drawer .filter-button button:active{transform:translateY(0)}#transactions-sort-drawer .filter-button button:disabled{color:var(--white-color);opacity:.6;cursor:not-allowed;transform:none}#transactions-sort-drawer .filter-button button.full-width{max-width:none}#transactions-sort-drawer .filter-button button.btn-custom-discard{background:var(--white-color);border:1.5px solid var(--secondary-300,#ccc);color:var(--secondary-color,#555)!important}#transactions-sort-drawer .filter-button button.btn-custom-discard:hover{background:var(--secondary-50,#fafafa);border-color:var(--secondary-400,#999)}#transactions-sort-drawer .filter-button button.btn-custom-discard:disabled{opacity:.5;cursor:not-allowed}#transactions-sort-drawer .filter-button button.btn-custom-confirm{background:linear-gradient(135deg,var(--primary-color)0%,#3b8940 100%);border:none;box-shadow:0 2px 8px rgba(76,175,80,.3);color:var(--white-color)!important}#transactions-sort-drawer .filter-button button.btn-custom-confirm svg{color:#fff!important}#transactions-sort-drawer .filter-button button.btn-custom-confirm:hover{box-shadow:0 4px 14px rgba(76,175,80,.4)}#transactions-sort-drawer .filter-button button.btn-custom-confirm:disabled{opacity:.5;cursor:not-allowed}#transactions-sort-drawer .custom-checkbox-root{margin:8px;padding:0}#transactions-sort-drawer .custom-checkbox-root:hover{background-color:transparent}#transactions-sort-drawer .custom-checkbox-root.Mui-focusVisible .custom-checkbox-icon{outline:2px auto var(--primary-color);outline-offset:2px}#transactions-sort-drawer .custom-checkbox-root input:disabled~.custom-checkbox-icon{box-shadow:none;background:var(--primary-color)}#transactions-sort-drawer .custom-checkbox-root input:hover~.custom-checkbox-icon.checked{background-color:var(--primary-color)}#transactions-sort-drawer .custom-checkbox-root input:disabled~.custom-checkbox-icon.checked{background:var(--primary-color)}#transactions-sort-drawer .custom-checkbox-icon{background-color:#fff;border-radius:4px;width:18px;height:18px;transition:background-color .2s,box-shadow .2s;display:inline-block;box-shadow:inset 0 0 0 1.5px rgba(16,22,26,.15)}#transactions-sort-drawer .custom-checkbox-icon.checked{background-color:var(--primary-color);box-shadow:none}#transactions-sort-drawer .custom-checkbox-icon.checked:before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z' fill='%23fff'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:18px;height:18px;display:block}@media (min-width:1400px) and (max-width:1599px){.transactions-page .inner-content{max-width:580px;padding:2vh 4vh}.transactions-page .transaction-card{padding:.95rem 1.2rem}.transactions-page .transaction-card .card-details .card-type{font-size:.93rem}.transactions-page .transaction-card .card-amount .amount-value{font-size:.95rem}#transactions-filters-drawer .drawer-header,#transactions-sort-drawer .drawer-header{padding:1.6rem 1.4rem}#transactions-filters-drawer .drawer-header .drawer-header-title,#transactions-sort-drawer .drawer-header .drawer-header-title{font-size:1.3rem}#transactions-filters-drawer .drawer-content,#transactions-sort-drawer .drawer-content{padding:1.15rem 1.4rem}#transactions-filters-drawer .drawer-content .wrapper-container,#transactions-sort-drawer .drawer-content .wrapper-container{padding:1.15rem}#transactions-filters-drawer .drawer-content .MuiFormControlLabel-label,#transactions-filters-drawer .drawer-content .filter-option-label,#transactions-sort-drawer .drawer-content .MuiFormControlLabel-label,#transactions-sort-drawer .drawer-content .filter-option-label{font-size:.82rem!important}#transactions-filters-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root,#transactions-sort-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root{width:15px;height:15px}#transactions-filters-drawer .drawer-content .date-field-label,#transactions-sort-drawer .drawer-content .date-field-label{font-size:.82rem!important}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root{font-size:.9rem}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:10px 12px;font-size:.9rem}#transactions-filters-drawer .filter-button,#transactions-sort-drawer .filter-button{padding:1.15rem 1.4rem}#transactions-filters-drawer .filter-button button,#transactions-sort-drawer .filter-button button{padding:.75rem 1.15rem;font-size:.93rem}}@media (min-width:1200px) and (max-width:1399px){.transactions-page .inner-content{max-width:560px;padding:2vh 3.5vh}.transactions-page .transactions-toolbar .toolbar-item{padding:.7rem .9rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-placeholder{font-size:.85rem}.transactions-page .transactions-toolbar .toolbar-item .tag-chip{padding:.25rem .65rem;font-size:.72rem}.transactions-page .transaction-card{gap:.9rem;padding:.9rem 1.15rem}.transactions-page .transaction-card .card-icon-wrapper{width:2.6rem;height:2.6rem}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon{width:1.4rem;height:1.4rem}.transactions-page .transaction-card .card-details .card-type{font-size:.9rem}.transactions-page .transaction-card .card-details .card-id{font-size:.78rem}.transactions-page .transaction-card .card-details .card-date{font-size:.72rem}.transactions-page .transaction-card .card-amount .amount-value{font-size:.95rem}.transactions-page .transactions-empty{padding:3.5rem 1.75rem}.transactions-page .transactions-empty .empty-icon{width:4.5rem;height:4.5rem}.transactions-page .transactions-empty .empty-icon svg{width:2.25rem;height:2.25rem}#transactions-filters-drawer .drawer-header,#transactions-sort-drawer .drawer-header{padding:1.5rem 1.35rem}#transactions-filters-drawer .drawer-header .drawer-header-title,#transactions-sort-drawer .drawer-header .drawer-header-title{font-size:1.25rem}#transactions-filters-drawer .drawer-content,#transactions-sort-drawer .drawer-content{gap:.9rem;padding:1.1rem 1.35rem}#transactions-filters-drawer .drawer-content .wrapper-container,#transactions-sort-drawer .drawer-content .wrapper-container{padding:1.1rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title{font-size:.92rem}#transactions-filters-drawer .drawer-content .MuiFormControlLabel-label,#transactions-filters-drawer .drawer-content .filter-option-label,#transactions-sort-drawer .drawer-content .MuiFormControlLabel-label,#transactions-sort-drawer .drawer-content .filter-option-label{font-size:.78rem!important}#transactions-filters-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root,#transactions-sort-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root{width:15px;height:15px}#transactions-filters-drawer .drawer-content .date-field-label,#transactions-sort-drawer .drawer-content .date-field-label{font-size:.8rem!important}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root{font-size:.88rem}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:9px 11px;font-size:.88rem}#transactions-filters-drawer .filter-button,#transactions-sort-drawer .filter-button{padding:1.1rem 1.35rem}#transactions-filters-drawer .filter-button button,#transactions-sort-drawer .filter-button button{padding:.7rem 1.1rem;font-size:.9rem}}@media (min-width:992px) and (max-width:1199px){.transactions-page{padding-bottom:11rem}.transactions-page .inner-content{max-width:520px;padding:2vh 3vh}.transactions-page .transactions-toolbar{gap:.65rem}.transactions-page .transactions-toolbar .toolbar-item{min-height:2.75rem;padding:.65rem .85rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-placeholder{font-size:.82rem}.transactions-page .transactions-toolbar .toolbar-item .tag-chip{padding:.22rem .6rem;font-size:.7rem}.transactions-page .transactions-toolbar .toolbar-item .sort-label{font-size:.82rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-icon-btn svg{font-size:1.15rem}.transactions-page .transactions-toolbar .toolbar-results-count span{font-size:.75rem}.transactions-page .transaction-card{border-radius:.875rem;gap:.85rem;padding:.85rem 1rem}.transactions-page .transaction-card .card-icon-wrapper{width:2.5rem;height:2.5rem}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon{width:1.3rem;height:1.3rem}.transactions-page .transaction-card .card-details .card-type{font-size:.875rem}.transactions-page .transaction-card .card-details .card-type .card-mode{font-size:.7rem}.transactions-page .transaction-card .card-details .card-id{font-size:.75rem}.transactions-page .transaction-card .card-details .card-date{font-size:.7rem}.transactions-page .transaction-card .card-amount .amount-value{font-size:.9rem}.transactions-page .transaction-card .card-amount .bundle-amount{font-size:.6rem}.transactions-page .transaction-card-skeleton{gap:.85rem;padding:.85rem 1rem}.transactions-page .transactions-empty{padding:3rem 1.5rem}.transactions-page .transactions-empty .empty-icon{width:4rem;height:4rem;margin-bottom:1.25rem}.transactions-page .transactions-empty .empty-icon svg{width:2rem;height:2rem}.transactions-page .transactions-empty .empty-title{font-size:1rem}.transactions-page .transactions-empty .empty-subtitle{font-size:.82rem}#transactions-filters-drawer .drawer-header,#transactions-sort-drawer .drawer-header{padding:1.4rem 1.25rem}#transactions-filters-drawer .drawer-header .drawer-header-title,#transactions-sort-drawer .drawer-header .drawer-header-title{font-size:1.2rem}#transactions-filters-drawer .drawer-content,#transactions-sort-drawer .drawer-content{gap:.85rem;padding:1rem 1.25rem}#transactions-filters-drawer .drawer-content .wrapper-container,#transactions-sort-drawer .drawer-content .wrapper-container{border-radius:.75rem;padding:1rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header{margin-bottom:.75rem;padding-bottom:.5rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title{font-size:.9rem}#transactions-filters-drawer .drawer-content .MuiFormControlLabel-label,#transactions-filters-drawer .drawer-content .filter-option-label,#transactions-sort-drawer .drawer-content .MuiFormControlLabel-label,#transactions-sort-drawer .drawer-content .filter-option-label{font-size:.75rem!important}#transactions-filters-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root,#transactions-sort-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root{width:14px;height:14px}#transactions-filters-drawer .drawer-content .custom-checkbox-icon,#transactions-filters-drawer .drawer-content .custom-checkbox-icon.checked:before,#transactions-sort-drawer .drawer-content .custom-checkbox-icon,#transactions-sort-drawer .drawer-content .custom-checkbox-icon.checked:before{width:16px;height:16px}#transactions-filters-drawer .drawer-content .date-field-label,#transactions-sort-drawer .drawer-content .date-field-label{font-size:.78rem!important}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root{font-size:.85rem}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:9px 10px;font-size:.85rem}#transactions-filters-drawer .filter-button,#transactions-sort-drawer .filter-button{padding:1rem 1.25rem}#transactions-filters-drawer .filter-button button,#transactions-sort-drawer .filter-button button{border-radius:.65rem;padding:.7rem 1rem;font-size:.88rem}}@media (min-width:768px) and (max-width:991px){.transactions-page{padding-bottom:11rem}.transactions-page .inner-content{max-width:480px;padding:1.75vh 2.5vh}.transactions-page .transactions-toolbar{gap:.6rem;margin-bottom:.85rem}.transactions-page .transactions-toolbar .toolbar-row{gap:.6rem}.transactions-page .transactions-toolbar .toolbar-item{border-radius:.625rem;min-height:2.5rem;padding:.6rem .8rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-placeholder{font-size:.8rem}.transactions-page .transactions-toolbar .toolbar-item .tag-chip{padding:.2rem .55rem;font-size:.68rem}.transactions-page .transactions-toolbar .toolbar-item .sort-label{font-size:.8rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-icon-btn svg{font-size:1.1rem}.transactions-page .transactions-toolbar .toolbar-results-count span{font-size:.72rem}.transactions-page .transactions-list{gap:.6rem}.transactions-page .transaction-card{border-radius:.8rem;gap:.75rem;padding:.8rem .95rem}.transactions-page .transaction-card .card-icon-wrapper{width:2.35rem;height:2.35rem}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon{width:1.2rem;height:1.2rem}.transactions-page .transaction-card .card-details{gap:.15rem}.transactions-page .transaction-card .card-details .card-type{font-size:.85rem}.transactions-page .transaction-card .card-details .card-type .card-mode{font-size:.68rem}.transactions-page .transaction-card .card-details .card-id{font-size:.72rem}.transactions-page .transaction-card .card-details .card-date{font-size:.68rem}.transactions-page .transaction-card .card-amount .amount-value{font-size:.88rem}.transactions-page .transaction-card .card-amount .bundle-amount{font-size:.58rem}.transactions-page .transaction-card-skeleton{border-radius:.8rem;gap:.75rem;padding:.8rem .95rem}.transactions-page .transactions-empty{padding:2.5rem 1.25rem}.transactions-page .transactions-empty .empty-icon{width:3.75rem;height:3.75rem;margin-bottom:1rem}.transactions-page .transactions-empty .empty-icon svg{width:1.85rem;height:1.85rem}.transactions-page .transactions-empty .empty-title{font-size:.95rem}.transactions-page .transactions-empty .empty-subtitle{font-size:.8rem}#transactions-filters-drawer .MuiDrawer-paper,#transactions-sort-drawer .MuiDrawer-paper{border-radius:1rem 0 0 1rem}[dir=rtl] #transactions-filters-drawer .MuiDrawer-paper,[dir=rtl] #transactions-sort-drawer .MuiDrawer-paper{border-radius:0 1rem 1rem 0}#transactions-filters-drawer .drawer-header,#transactions-sort-drawer .drawer-header{padding:1.25rem 1.15rem}#transactions-filters-drawer .drawer-header .drawer-header-title,#transactions-sort-drawer .drawer-header .drawer-header-title{font-size:1.15rem}#transactions-filters-drawer .drawer-header button svg,#transactions-sort-drawer .drawer-header button svg{width:1.2rem;height:1.2rem}#transactions-filters-drawer .drawer-content,#transactions-sort-drawer .drawer-content{gap:.8rem;padding:.9rem 1.15rem}#transactions-filters-drawer .drawer-content .wrapper-container,#transactions-sort-drawer .drawer-content .wrapper-container{border-radius:.7rem;padding:.9rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header{margin-bottom:.65rem;padding-bottom:.45rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title{font-size:.88rem}#transactions-filters-drawer .drawer-content .MuiFormControlLabel-label,#transactions-filters-drawer .drawer-content .filter-option-label,#transactions-sort-drawer .drawer-content .MuiFormControlLabel-label,#transactions-sort-drawer .drawer-content .filter-option-label{font-size:.72rem!important}#transactions-filters-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root,#transactions-sort-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root{width:14px;height:14px}#transactions-filters-drawer .drawer-content .date-field-label,#transactions-sort-drawer .drawer-content .date-field-label{font-size:.75rem!important}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root{border-radius:7px;font-size:.82rem}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:8px 10px;font-size:.82rem}#transactions-filters-drawer .filter-button,#transactions-sort-drawer .filter-button{gap:.65rem;padding:.9rem 1.15rem}#transactions-filters-drawer .filter-button button,#transactions-sort-drawer .filter-button button{border-radius:.6rem;padding:.65rem .9rem;font-size:.85rem}#transactions-filters-drawer .custom-checkbox-icon,#transactions-filters-drawer .custom-checkbox-icon.checked:before,#transactions-sort-drawer .custom-checkbox-icon,#transactions-sort-drawer .custom-checkbox-icon.checked:before{width:15px;height:15px}}@media (min-width:576px) and (max-width:767px){.transactions-page{padding-bottom:11rem}.transactions-page .inner-content{border-radius:2vh;max-width:100%;padding:1.5vh 2vh}.transactions-page .transactions-toolbar{gap:.5rem;margin-bottom:.75rem}.transactions-page .transactions-toolbar .toolbar-row{gap:.5rem}.transactions-page .transactions-toolbar .toolbar-item{border-radius:.6rem;gap:.6rem;min-height:2.4rem;padding:.55rem .75rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-placeholder{font-size:.78rem}.transactions-page .transactions-toolbar .toolbar-item .tag-chip{padding:.18rem .5rem;font-size:.65rem}.transactions-page .transactions-toolbar .toolbar-item .sort-label{font-size:.78rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-icon-btn svg{font-size:1.05rem}.transactions-page .transactions-toolbar .toolbar-results-count span{font-size:.7rem}.transactions-page .transactions-list{gap:.55rem}.transactions-page .transaction-card{border-radius:.75rem;gap:.7rem;padding:.75rem .85rem}.transactions-page .transaction-card .card-icon-wrapper{width:2.2rem;height:2.2rem}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon{width:1.15rem;height:1.15rem}.transactions-page .transaction-card .card-details{gap:.12rem}.transactions-page .transaction-card .card-details .card-type{font-size:.82rem}.transactions-page .transaction-card .card-details .card-type .card-mode{font-size:.65rem}.transactions-page .transaction-card .card-details .card-id{font-size:.7rem}.transactions-page .transaction-card .card-details .card-date{font-size:.65rem}.transactions-page .transaction-card .card-amount .amount-value{font-size:.85rem}.transactions-page .transaction-card .card-amount .bundle-amount{font-size:.55rem}.transactions-page .transaction-card-skeleton{border-radius:.75rem;gap:.7rem;padding:.75rem .85rem}.transactions-page .transactions-empty{padding:2rem 1rem}.transactions-page .transactions-empty .empty-icon{width:3.5rem;height:3.5rem;margin-bottom:1rem}.transactions-page .transactions-empty .empty-icon svg{width:1.75rem;height:1.75rem}.transactions-page .transactions-empty .empty-title{font-size:.92rem}.transactions-page .transactions-empty .empty-subtitle{font-size:.78rem}#transactions-filters-drawer .MuiDrawer-paper,#transactions-sort-drawer .MuiDrawer-paper{border-radius:.875rem 0 0 .875rem}[dir=rtl] #transactions-filters-drawer .MuiDrawer-paper,[dir=rtl] #transactions-sort-drawer .MuiDrawer-paper{border-radius:0 .875rem .875rem 0}#transactions-filters-drawer .drawer-header,#transactions-sort-drawer .drawer-header{padding:1.15rem 1.1rem}#transactions-filters-drawer .drawer-header .drawer-header-title,#transactions-sort-drawer .drawer-header .drawer-header-title{font-size:1.1rem}#transactions-filters-drawer .drawer-header button svg,#transactions-sort-drawer .drawer-header button svg{width:1.15rem;height:1.15rem}#transactions-filters-drawer .drawer-content,#transactions-sort-drawer .drawer-content{gap:.75rem;padding:.85rem 1.1rem}#transactions-filters-drawer .drawer-content .wrapper-container,#transactions-sort-drawer .drawer-content .wrapper-container{border-radius:.65rem;padding:.85rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header{margin-bottom:.6rem;padding-bottom:.4rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title{font-size:.85rem}#transactions-filters-drawer .drawer-content .MuiFormControlLabel-label,#transactions-filters-drawer .drawer-content .filter-option-label,#transactions-sort-drawer .drawer-content .MuiFormControlLabel-label,#transactions-sort-drawer .drawer-content .filter-option-label{font-size:.68rem!important}#transactions-filters-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root,#transactions-sort-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root{width:13px;height:13px}#transactions-filters-drawer .drawer-content .date-field-label,#transactions-sort-drawer .drawer-content .date-field-label{font-size:.72rem!important}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root{border-radius:6px;font-size:.78rem}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:8px 9px;font-size:.78rem}#transactions-filters-drawer .filter-button,#transactions-sort-drawer .filter-button{gap:.6rem;padding:.85rem 1.1rem}#transactions-filters-drawer .filter-button button,#transactions-sort-drawer .filter-button button{border-radius:.55rem;padding:.6rem .85rem;font-size:.82rem}#transactions-filters-drawer .custom-checkbox-icon,#transactions-filters-drawer .custom-checkbox-icon.checked:before,#transactions-sort-drawer .custom-checkbox-icon,#transactions-sort-drawer .custom-checkbox-icon.checked:before{width:15px;height:15px}}@media (min-width:320px) and (max-width:575px){.transactions-page{padding-bottom:9rem}}@media screen and (min-width:320px) and (max-width:575px) and (max-width:350px){.transactions-page{padding-bottom:10.5rem}}@media (min-width:320px) and (max-width:575px){.transactions-page .inner-content{border-radius:1.5vh;max-width:100%;padding:1.25vh 1.5vh}.transactions-page .transactions-toolbar{gap:.4rem;margin-bottom:.6rem}.transactions-page .transactions-toolbar .toolbar-row{gap:.4rem}.transactions-page .transactions-toolbar .toolbar-item{border-radius:.5rem;gap:.5rem;min-height:2.25rem;padding:.5rem .65rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-tags{gap:.35rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-placeholder{font-size:.75rem}.transactions-page .transactions-toolbar .toolbar-item .tag-chip{padding:.15rem .45rem;font-size:.62rem}.transactions-page .transactions-toolbar .toolbar-item .sort-label{font-size:.75rem}.transactions-page .transactions-toolbar .toolbar-item .toolbar-icon-btn svg{font-size:1rem}.transactions-page .transactions-toolbar .toolbar-results-count span{font-size:.68rem}.transactions-page .transactions-list{gap:.5rem}.transactions-page .transaction-card{border-radius:.65rem;gap:.6rem;padding:.65rem .75rem}.transactions-page .transaction-card:hover{transform:none}.transactions-page .transaction-card .card-icon-wrapper{width:2rem;height:2rem}.transactions-page .transaction-card .card-icon-wrapper .transaction-icon{width:1.05rem;height:1.05rem}.transactions-page .transaction-card .card-details{gap:.1rem}.transactions-page .transaction-card .card-details .card-title-row{gap:.35rem}.transactions-page .transaction-card .card-details .card-type{font-size:.78rem;line-height:1.25}.transactions-page .transaction-card .card-details .card-type .card-mode{margin-left:.15rem;font-size:.6rem}.transactions-page .transaction-card .card-details .card-id{font-size:.65rem}.transactions-page .transaction-card .card-details .card-date{font-size:.6rem}.transactions-page .transaction-card .card-amount .amount-value{font-size:.8rem}.transactions-page .transaction-card .card-amount .bundle-amount{font-size:.52rem}.transactions-page .transaction-card-skeleton{border-radius:.65rem;gap:.6rem;padding:.65rem .75rem}.transactions-page .transactions-empty{padding:1.75rem .75rem}.transactions-page .transactions-empty .empty-icon{width:3rem;height:3rem;margin-bottom:.85rem}.transactions-page .transactions-empty .empty-icon svg{width:1.5rem;height:1.5rem}.transactions-page .transactions-empty .empty-title{margin-bottom:.35rem;font-size:.88rem}.transactions-page .transactions-empty .empty-subtitle{font-size:.75rem}.transactions-page .infinite-scroll-sentinel{padding:.35rem 0}.transactions-page .infinite-scroll-sentinel .loading-more{gap:.5rem}#transactions-filters-drawer .MuiDrawer-paper,#transactions-sort-drawer .MuiDrawer-paper{border-radius:.75rem 0 0 .75rem}[dir=rtl] #transactions-filters-drawer .MuiDrawer-paper,[dir=rtl] #transactions-sort-drawer .MuiDrawer-paper{border-radius:0 .75rem .75rem 0}#transactions-filters-drawer .drawer-header,#transactions-sort-drawer .drawer-header{padding:1rem}#transactions-filters-drawer .drawer-header .drawer-header-title,#transactions-sort-drawer .drawer-header .drawer-header-title{letter-spacing:.15px;font-size:1.05rem}#transactions-filters-drawer .drawer-header button svg,#transactions-sort-drawer .drawer-header button svg{width:1.1rem;height:1.1rem}#transactions-filters-drawer .drawer-content,#transactions-sort-drawer .drawer-content{gap:.65rem;padding:.75rem .85rem}#transactions-filters-drawer .drawer-content .wrapper-container,#transactions-sort-drawer .drawer-content .wrapper-container{border-radius:.6rem;padding:.75rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header{margin-bottom:.5rem;padding-bottom:.35rem}#transactions-filters-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title,#transactions-sort-drawer .drawer-content .wrapper-container .wrapper-header .wrapper-header-title{font-size:.82rem}#transactions-filters-drawer .drawer-content .MuiFormControlLabel-label,#transactions-filters-drawer .drawer-content .filter-option-label,#transactions-sort-drawer .drawer-content .MuiFormControlLabel-label,#transactions-sort-drawer .drawer-content .filter-option-label{font-size:.65rem!important}#transactions-filters-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root,#transactions-sort-drawer .drawer-content .MuiRadio-root .MuiSvgIcon-root{width:13px;height:13px}#transactions-filters-drawer .drawer-content .date-field-label,#transactions-sort-drawer .drawer-content .date-field-label{font-size:.68rem!important}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root{border-radius:6px;font-size:.72rem}#transactions-filters-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input,#transactions-sort-drawer .drawer-content .MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-input{padding:7px 8px;font-size:.72rem}#transactions-filters-drawer .filter-button,#transactions-sort-drawer .filter-button{gap:.5rem;padding:.75rem .85rem}#transactions-filters-drawer .filter-button button,#transactions-sort-drawer .filter-button button{border-radius:.5rem;width:50%;padding:.55rem .75rem;font-size:.8rem}#transactions-filters-drawer .custom-checkbox-icon,#transactions-filters-drawer .custom-checkbox-icon.checked:before,#transactions-sort-drawer .custom-checkbox-icon,#transactions-sort-drawer .custom-checkbox-icon.checked:before{width:14px;height:14px}#transactions-filters-drawer .custom-checkbox-root,#transactions-sort-drawer .custom-checkbox-root{margin:5px}}.terms-and-conditions-page{flex-grow:1;width:100%;padding:3rem 2rem}.terms-and-conditions-page .section-title{text-align:center;color:var(--secondary-color);text-transform:uppercase;margin-bottom:3rem;font-size:3rem;font-weight:600;line-height:1}.terms-and-conditions-page .inner-content{background:var(--white-color);border:1px solid var(--border-color);border-radius:2rem;width:100%;height:100%;min-height:calc(100% - 10vh);max-height:-moz-fit-content;max-height:fit-content;margin:6rem auto 0;padding:3rem;box-shadow:0 0 20px rgba(0,0,0,.173)}.terms-and-conditions-page .inner-content h2{word-break:break-all;word-wrap:break-word;margin:0 auto 1vh;font-size:1.5rem}.terms-and-conditions-page .inner-content h3{word-break:break-all;word-wrap:break-word;margin:0 auto 1vh;font-size:1.4rem}.terms-and-conditions-page .inner-content p{color:var(--secondary-color);word-break:break-all;word-wrap:break-word;margin:0 auto;font-size:1.3rem;font-weight:600}.terms-and-conditions-page .inner-content ol{list-style:circle}.terms-and-conditions-page .inner-content ol li,.terms-and-conditions-page .inner-content ul li{color:#000}.terms-and-conditions-page .inner-content .loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;min-height:calc(100% - 40vh);max-height:-moz-fit-content;max-height:fit-content;display:flex}.terms-and-conditions-page .inner-content .loading-container svg{width:2rem;height:2rem;color:var(--secondary-color);font-size:2rem}html[lang=ar] .terms-and-conditions-page .inner-content h2{font-size:1.8rem}html[lang=ar] .terms-and-conditions-page .inner-content h3{font-size:1.7rem}html[lang=ar] .terms-and-conditions-page .inner-content p{font-size:1.6rem}html[lang=ar] .terms-and-conditions-page .inner-content ol,html[lang=ar] .terms-and-conditions-page .inner-content ul{padding-right:2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol>li,html[lang=ar] .terms-and-conditions-page .inner-content ul>li{font-size:1.4rem}@media (min-width:1200px) and (max-width:1399px){.terms-and-conditions-page .inner-content{margin:10vh auto 0;box-shadow:0 0 30px rgba(0,0,0,.173)}.terms-and-conditions-page .inner-content .section-title{margin-bottom:4vh;font-size:5.5vh}.terms-and-conditions-page .inner-content p{font-size:1.8vh}html[lang=ar] .terms-and-conditions-page .inner-content h2{font-size:1.8rem}html[lang=ar] .terms-and-conditions-page .inner-content h3{font-size:1.7rem}html[lang=ar] .terms-and-conditions-page .inner-content p{font-size:1.6rem}html[lang=ar] .terms-and-conditions-page .inner-content ol,html[lang=ar] .terms-and-conditions-page .inner-content ul{padding-right:2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol>li,html[lang=ar] .terms-and-conditions-page .inner-content ul>li{font-size:1.4rem}}@media (min-width:992px) and (max-width:1199px){.terms-and-conditions-page .inner-content{border-radius:2.5vh;width:90%;margin:10vh auto 0;box-shadow:0 0 20px rgba(0,0,0,.173)}.terms-and-conditions-page .inner-content .section-title{margin-bottom:3vh;font-size:5vh}.terms-and-conditions-page .inner-content p{font-size:1.6vh}html[lang=ar] .terms-and-conditions-page .inner-content h2{font-size:1.5rem}html[lang=ar] .terms-and-conditions-page .inner-content h3{font-size:1.4rem}html[lang=ar] .terms-and-conditions-page .inner-content p{font-size:1.3rem}html[lang=ar] .terms-and-conditions-page .inner-content ol,html[lang=ar] .terms-and-conditions-page .inner-content ul{padding-right:2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol>li,html[lang=ar] .terms-and-conditions-page .inner-content ul>li{font-size:1.2rem}}@media (min-width:768px) and (max-width:991px){.terms-and-conditions-page{padding:4vh 2vh}.terms-and-conditions-page .inner-content{border-radius:2.5vh;width:100%;margin:10vh auto 0;box-shadow:0 0 20px rgba(0,0,0,.173)}.terms-and-conditions-page .inner-content .section-title{margin-bottom:3vh;font-size:4.5vh}.terms-and-conditions-page .inner-content p{font-size:1.6vh}html[lang=ar] .terms-and-conditions-page .inner-content h2{font-size:1.4rem}html[lang=ar] .terms-and-conditions-page .inner-content h3{font-size:1.3rem}html[lang=ar] .terms-and-conditions-page .inner-content p{font-size:1.2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol,html[lang=ar] .terms-and-conditions-page .inner-content ul{padding-right:2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol>li,html[lang=ar] .terms-and-conditions-page .inner-content ul>li{font-size:1.1rem}}@media (min-width:576px) and (max-width:767px){.terms-and-conditions-page{padding:4vh 2vh}.terms-and-conditions-page .inner-content{border-radius:2.5vh;width:100%;max-width:100%;margin:10vh auto 0;box-shadow:0 0 15px rgba(0,0,0,.173)}.terms-and-conditions-page .inner-content .section-title{margin-bottom:3vh;font-size:4.5vh}.terms-and-conditions-page .inner-content p{font-size:1.6vh}html[lang=ar] .terms-and-conditions-page .inner-content h2{font-size:1.4rem}html[lang=ar] .terms-and-conditions-page .inner-content h3{font-size:1.3rem}html[lang=ar] .terms-and-conditions-page .inner-content p{font-size:1.2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol,html[lang=ar] .terms-and-conditions-page .inner-content ul{padding-right:2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol>li,html[lang=ar] .terms-and-conditions-page .inner-content ul>li{font-size:1.1rem}}@media (min-width:320px) and (max-width:575px){.terms-and-conditions-page{padding:3vh 2vh}.terms-and-conditions-page .inner-content{border-radius:2.5vh;width:100%;min-height:calc(100% - 8vh);margin:8vh auto 0;padding:3vh;font-size:1.5vh;box-shadow:0 0 10px rgba(0,0,0,.173)}.terms-and-conditions-page .inner-content .section-title{margin-bottom:3vh;font-size:4vh}.terms-and-conditions-page .inner-content h1{font-size:16px}.terms-and-conditions-page .inner-content h2{font-size:15px}.terms-and-conditions-page .inner-content h3{font-size:14px}.terms-and-conditions-page .inner-content p{font-size:1.5vh}html[lang=ar] .terms-and-conditions-page .inner-content h2{font-size:1.3rem}html[lang=ar] .terms-and-conditions-page .inner-content h3{font-size:1.2rem}html[lang=ar] .terms-and-conditions-page .inner-content p{font-size:1.1rem}html[lang=ar] .terms-and-conditions-page .inner-content ol,html[lang=ar] .terms-and-conditions-page .inner-content ul{padding-right:2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol>li,html[lang=ar] .terms-and-conditions-page .inner-content ul>li{font-size:1rem}}@media screen and (min-width:320px) and (max-width:575px) and (max-width:415px){.terms-and-conditions-page{padding:3vh 1.5vh}.terms-and-conditions-page .inner-content{width:100%;box-shadow:none;border-radius:2vh;padding:2vh}.terms-and-conditions-page .inner-content .section-title{margin-bottom:2vh;font-size:3vh}.terms-and-conditions-page .inner-content h1{font-size:14px}.terms-and-conditions-page .inner-content h2{font-size:13px}.terms-and-conditions-page .inner-content h3{font-size:12px}.terms-and-conditions-page .inner-content p{font-size:11px}.terms-and-conditions-page .inner-content ol{list-style:circle}.terms-and-conditions-page .inner-content ol li{font-size:11px}.terms-and-conditions-page .inner-content ul{list-style:circle}.terms-and-conditions-page .inner-content ul li{font-size:11px}html[lang=ar] .terms-and-conditions-page .inner-content h2{font-size:1.3rem}html[lang=ar] .terms-and-conditions-page .inner-content h3{font-size:1.2rem}html[lang=ar] .terms-and-conditions-page .inner-content p{font-size:1.1rem}html[lang=ar] .terms-and-conditions-page .inner-content ol,html[lang=ar] .terms-and-conditions-page .inner-content ul{padding-right:2rem}html[lang=ar] .terms-and-conditions-page .inner-content ol>li,html[lang=ar] .terms-and-conditions-page .inner-content ul>li{font-size:1rem}}