.modecard{text-transform:uppercase;cursor:pointer}.modecard .modecard-card{display:flex;flex-direction:column;width:310px;height:345px;border-radius:45px;background-color:#fff;align-items:center;justify-content:space-evenly;box-shadow:rgba(51,51,51,.25) 0 3px 6px 0}.modecard .mode-icon{height:160px;width:160px;border-radius:50%;margin-top:15px;background-size:cover;background-position:center}.modecard .mode-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-family:"Metropolis Bold";font-size:24px;line-height:32px;letter-spacing:.36px;text-align:center;color:#333;max-height:80px;padding-top:4px;width:80%;word-break:break-word;margin:0 auto}@media only screen and (max-width:900px){.modecard .modecard-card{width:300px;margin-inline:auto}}.dark .modecard .modecard-card{background-color:#05364b}.dark .modecard .mode-name{color:#fff}.searchinput{position:relative;width:100%}.searchinput .search-icon{background-image:url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/search_blue_lm.svg);background-size:contain;background-repeat:no-repeat;width:32px;height:32px;position:absolute;border:none;top:calc(50% - 16px);left:12px}.searchinput input{font-family:"Metropolis Regular";font-size:20px;line-height:18px;letter-spacing:.2px;outline-width:0;width:100%;height:54px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;padding:6px 55px;object-fit:contain;background-color:#fff;border-radius:12px;border:2px solid #1471db}.searchinput .filterIcon{background-image:url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/filter_icon_blue_BO_v1.svg);background-size:contain;background-repeat:no-repeat;height:24px;width:28px;margin-right:5px;cursor:pointer;position:absolute;border:none;top:9px;right:0}@media only screen and (max-width:900px){.searchinput{width:100%}}.dark .searchinput .search-icon{background-image:url(https://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/navigation/search_blue.svg)}.dark .searchinput input{color:#fff;background-color:#1f2120;border-color:#fff}.dark .searchinput input::placeholder{color:#fff}.dark .searchinput .filterIcon{background-image:url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/filter_icon_white_BO_v1.svg)}.cardskeleton,.cardskeleton.long{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#e6e6e6}100%{background-color:#f5f5f5}}.cardskeleton{min-width:310px;height:345px;border-radius:45px;background-color:#fff;box-shadow:rgba(51,51,51,.25) 0 3px 6px 0}.cardskeleton.long{min-width:635px;height:167px;border-radius:8px;background-color:#fff;box-shadow:rgba(51,51,51,.25) 0 3px 6px 0}.dark .cardskeleton,.dark .cardskeleton.long{animation:skeleton-loading-dark 1s linear infinite alternate}@keyframes skeleton-loading-dark{0%{background-color:rgba(255,255,255,.1)}100%{background-color:rgba(255,255,255,.2)}}.gamemodesview{display:flex;flex-direction:column}.gamemodesview .headerContainer{width:100%;align-items:center;padding:15px 15px 0;display:flex;justify-content:space-between}.gamemodesview .headerContainer .headerTitle{font-family:"Metropolis Bold";font-size:28px;line-height:normal;letter-spacing:.28px;color:#333;min-width:fit-content}.gamemodesview .cardSkeletonContainer,.gamemodesview .modesContainer{display:flex;width:100%;padding:20px 20px 20px 0;gap:20px;flex-wrap:wrap}.gamemodesview .messageContainer{display:flex;justify-content:center;align-items:center;width:100%;padding:200px;font-family:"Metropolis Bold";font-size:28px;line-height:normal;letter-spacing:.28px;color:#333}.gamemodesview .cardSkeletonContainer.hide,.gamemodesview .messageContainer.hide,.gamemodesview .modesContainer.hide{display:none}@media (max-width:419px){.gamemodesview .headerContainer .headerTitle{font-family:"Metropolis Bold";font-size:36px;line-height:1.21;letter-spacing:3.84px;color:#333;padding-bottom:0}}.dark .gamemodesview .headerContainer .headerTitle,.dark .gamemodesview .messageContainer{color:rgba(255,255,255,.87)}@media only screen and (max-width:900px){.admin .main-container{padding:15px 20px}}