.dropdown{width:100%;position:relative}.dropdown .dropdown-btn{min-height:3rem;background-color:var(--chineseBlack-1000);border:2px solid rgba(0,0,0,0)!important;border-radius:.5rem;text-transform:capitalize;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease-in-out}.dropdown .dropdown-btn,.dropdown .dropdown-btn .btn-text{width:100%;color:var(--white-1000);font-size:1rem;font-weight:500;line-height:1.25}.dropdown .dropdown-btn .btn-text{text-align:left;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dropdown .dropdown-btn .arrow-icon{width:.75rem;min-width:.75rem;height:.75rem;fill:var(--white-1000)}.dropdown .dropdown-btn .clear-all-icon{width:.625rem;min-width:.625rem;height:.625rem;fill:var(--white-1000)}.dropdown .dropdown-btn .multi-select-chips-box{display:flex;flex-wrap:nowrap;gap:.25rem;overflow-x:auto;touch-action:auto}.dropdown .dropdown-btn .multi-select-chips-box .multi-select-chip{width:-moz-fit-content;width:fit-content;background-color:var(--secondaryMain-300);border-radius:.25rem;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.25rem .5rem}.dropdown .dropdown-btn .multi-select-chips-box .multi-select-chip .chip-label{color:var(--white-1000);font-size:.75rem;font-weight:400;line-height:1.25;white-space:nowrap}.dropdown .dropdown-btn .multi-select-chips-box .multi-select-chip .clear-icon{width:.625rem;min-width:.625rem;height:.625rem;fill:var(--white-1000)}.dropdown .dropdown-btn .game-counter-badge{width:-moz-fit-content;width:fit-content;height:1.25rem;background-color:var(--white-1000);border-radius:.625rem;color:var(--chineseBlack-1000);font-size:.75rem;font-weight:600;line-height:1;text-align:center;display:flex;justify-content:center;align-items:center;padding:.125rem .5rem;margin-right:auto}.dropdown .dropdown-btn:active,.dropdown .dropdown-btn:focus,.dropdown .dropdown-btn:focus-within{background-color:var(--secondaryMain-300);border:2px solid var(--secondaryMain-1000)!important;box-shadow:0 0 10px var(--secondaryMain-1000) inset;color:var(--white-1000)}.dropdown .dropdown-menu{width:100%!important;min-width:12rem!important;height:auto!important;z-index:2!important;position:absolute!important;top:auto!important;left:0!important}.dropdown .list-item-box{max-height:24.75rem;background-color:var(--darkGunmetal-1000);border:2px solid var(--white-50);border-radius:.75rem;box-shadow:0 5px 10px var(--chineseBlack-1000);overflow-y:auto;padding:.5rem .25rem}.dropdown .list-item-box .list-item{width:100%;border-radius:.5rem;color:var(--white-1000);font-size:.875rem;font-weight:400;line-height:1.4;text-transform:capitalize;text-align:left;z-index:0;cursor:pointer;padding:.5rem .875rem;position:relative}.dropdown .list-item-box .list-item:before{border:2px solid rgba(0,0,0,0)}.dropdown .list-item-box .list-item:after,.dropdown .list-item-box .list-item:before{content:"";width:100%;height:100%;border-radius:inherit;pointer-events:none;position:absolute;inset:0;transition:all .2s ease-in-out}.dropdown .list-item-box .list-item:after{opacity:0;z-index:-1}.dropdown .list-item-box .list-item .list-item-inner{display:flex;gap:.5rem}.dropdown .list-item-box .list-item .list-item-inner .item-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;min-width:1.25rem;height:1.25rem;background-color:var(--chineseBlack-1000);border:2px solid var(--white-200);border-radius:.25rem;cursor:pointer}.dropdown .list-item-box .list-item .list-item-inner .item-checkbox-input:checked{background-color:var(--secondaryMain-300);background-image:url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' fill='%2315f5ba' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cpath d='M2,9.2c0.6,0,1.1,0.2,1.5,0.6c1.2,1.1,2.4,2.1,3.5,3.2c0.4,0.3,0.6,0.3,0.9,0c3.7-4.1,7.3-8.2,11-12.4 c0.2-0.2,0.4-0.3,0.7-0.2C19.8,0.4,20,0.6,20,0.8c0,0.1-0.1,0.3-0.1,0.4c-1.8,3-3.7,5.9-5.5,8.9c-1.8,2.9-3.6,5.7-5.3,8.6 c-0.3,0.6-0.8,0.9-1.5,1c-0.7,0.1-1.3-0.1-1.7-0.6c-1.8-2.2-3.6-4.4-5.3-6.5c-0.5-0.7-0.6-1.4-0.2-2.2C0.6,9.6,1.3,9.2,2,9.2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:.625rem .625rem;background-position:50%;border:2px solid var(--secondaryMain-1000)}.dropdown .list-item-box .list-item .list-item-inner .item-label-text{color:var(--white-1000);font-size:.875rem;font-weight:400;line-height:1.4;text-transform:capitalize;text-align:left;display:inline-block}.dropdown .list-item-box .list-item .list-item-inner .game-counter-badge{width:-moz-fit-content;width:fit-content;height:1.25rem;background-color:var(--white-1000);border-radius:.625rem;color:var(--chineseBlack-1000);font-size:.75rem;font-weight:600;line-height:1;text-align:center;display:flex;justify-content:center;align-items:center;padding:.125rem .5rem}.dropdown .list-item-box .list-item:hover:before{border-color:var(--white-200)}.dropdown .list-item-box .list-item:hover:after{background:linear-gradient(var(--primaryMain-1000),var(--primaryDark-1000));opacity:1}.dropdown .list-item-box .list-item.active{color:var(--primaryMain-1000)}.dropdown .list-item-box .list-item.active:before{border-color:rgba(0,0,0,0)}.dropdown .list-item-box .list-item.active:after{background:var(--primaryMain-150);opacity:1}.dropdown .hello-text{width:100%;background-color:var(--secondaryMain-250);border:2px solid var(--secondaryMain-1000);border-radius:.5rem;color:var(--secondaryMain-1000);font-size:.875rem;font-weight:700;line-height:1.4;text-transform:capitalize;text-align:left;padding:.5rem .875rem;margin-bottom:.5rem}@media screen and (max-width:767.98px){.dropdown .dropdown-btn{min-height:2.5rem;font-size:.875rem}.dropdown .dropdown-btn .btn-text{font-size:.875rem}.dropdown .dropdown-btn .arrow-icon,.dropdown .dropdown-btn .clear-all-icon{width:.625rem;min-width:.625rem;height:.625rem}.dropdown .dropdown-menu{min-width:8rem}.dropdown .hello-text,.dropdown .list-item-box .list-item{font-size:.75rem;padding:.313rem .75rem}}.multiselect-label-wrap{width:100%;background-color:var(--darkGunmetal-1000);border-radius:.5rem;padding:.5rem;margin:.5rem 0}.multiselect-label-wrap .multiselect-label-box{width:100%;border-radius:inherit;display:flex;gap:.5rem;overflow-x:auto}.multiselect-label-wrap .multiselect-label-box .multiselect-label-chip{width:-moz-fit-content;width:fit-content;background-color:var(--secondaryMain-300);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .625rem}.multiselect-label-wrap .multiselect-label-box .multiselect-label-chip .text{color:var(--white-1000);font-size:.875rem;font-weight:400;line-height:1;white-space:nowrap}.multiselect-label-wrap .multiselect-label-box .multiselect-label-chip .label-clear-icon{width:.625rem;min-width:.625rem;height:.625rem;fill:var(--white-1000);cursor:pointer;transition:all .2s ease-in-out}.multiselect-label-wrap .multiselect-label-box .multiselect-label-chip .label-clear-icon:hover{fill:var(--secondaryMain-1000)}