.dropdown-button{align-items:center;cursor:pointer;display:flex;justify-content:space-between;max-width:20rem;min-width:50%;padding:0 .5rem;text-align:left;width:-moz-fit-content;width:fit-content}@media (orientation:landscape){.dropdown-button{min-width:35%}}.dropdown-button__text{display:flex;flex-direction:column;gap:.25rem;width:85%}.dropdown-button__label{color:#ffffff80;font-family:DM Sans,serif;font-size:1rem;letter-spacing:.02em;line-height:1.5rem;line-height:1}.dropdown-button__selected{font-size:1.5rem;font-style:italic;font-weight:500;letter-spacing:.02em;line-height:2rem;line-height:1;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dropdown-button__arrow{margin:0 .6rem}.search-modal{padding:1.33rem}.search-modal__form{align-items:center;display:flex;gap:.75rem;justify-content:space-between;width:100%}.lobby-filter-group{display:flex;flex-grow:1;gap:.5rem;height:100%}@media (orientation:landscape){.lobby-filter-group{align-items:end;justify-content:end}}@media (orientation:portrait){.lobby-filter-group{align-items:center;margin-bottom:.75rem}}.lobby-filter-group__item{align-items:center;background:linear-gradient(180deg,#cae1f840 50%,#cae1f825 80%);border:.15rem solid rgba(202,225,248,.565);display:flex;justify-content:center;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.lobby-filter-group__item.button--sm{border-radius:.5rem;height:2.5rem;width:2.5rem}.lobby-filter-group__item.button--md{border-radius:.65rem;height:3.8rem;width:3.8rem}.lobby-filter-group__item.button--lg{border-radius:.8rem;height:4.5rem;width:4.5rem}