.ourLiveGame__filter-right{justify-content:flex-end;align-items:center;gap:1.25rem;width:100%;max-width:70%;display:flex}@media (max-width:1024px){.ourLiveGame__filter-right{max-width:unset;flex-direction:column;gap:1rem}}
.filter__wrapper{z-index:5;width:100%;max-width:15.75rem;position:relative}@media (max-width:500px){.filter__wrapper{max-width:unset}}.filter__btn{cursor:pointer;-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);color:#ff0;background:linear-gradient(#fff0 -66.67%,#ffff0014 90.62%);border:1px solid #ffffff3f;border-radius:2rem;justify-content:space-between;align-items:center;gap:2.625rem;width:100%;padding:.625rem .875rem;font-size:1rem;display:flex}.filter__btn .is-rotated{transition:transform .3s;transform:rotate(-180deg)}.filter__dropDown{-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);color:#fff9;transform-origin:top;opacity:0;z-index:-1;background:linear-gradient(#fff0 -66.67%,#ffff0014 90.62%);border:1px solid #ffffff3f;border-radius:0 0 .5rem .5rem;flex-direction:column;gap:.5rem;margin-top:1rem;padding:2.5rem 0 .875rem;list-style:none;transition:transform .3s,opacity .3s;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:scaleY(0)}.filter__dropDown.open{opacity:1;transform:scaleY(1)}.filter__dropDown-item{cursor:pointer;text-align:start;background:0 0;flex-direction:column;gap:.25rem;width:100%;transition:all .3s;display:flex}.filter__dropDown-btn{text-align:start;width:100%;color:var(--vp-primary-text);cursor:pointer;background-color:#0000;padding:.5rem .625rem;transition:all .3s ease-in-out}.filter__dropDown-btn:hover{color:var(--vp-primary-active);background-color:#ffd70026;font-weight:600}