.modpack-list-wrapper{margin-bottom:1.875rem}.modpack-list-container{z-index:1;position:relative}.modpack-list-container .modpack-ad-top{margin-top:2.5rem;position:relative;left:-20px}.modpack-list-container .modpack-search{margin-bottom:.625rem}.modpack-list-container .modpack-search .search-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;display:flex}.modpack-list-container .modpack-search .search-controls>*{flex:1}@media (width>=1200px){.modpack-list-container .modpack-search .search-controls>*{flex:none}}.modpack-list-container .modpack-search .search-controls .search-input{flex-grow:1;flex-basis:100%}@media (width>=1200px){.modpack-list-container .modpack-search .search-controls .search-input{flex-basis:0;padding:0 .625rem}}.modpack-list-container .modpack-search .search-controls input{color:#d0dce4;background:#191e22ab;border:1px solid #364550;border-radius:1.875rem;width:100%;padding:.5rem 1.25rem}.modpack-list-container .modpack-search .search-controls .modpack-search-type{margin-right:.625rem}.modpack-list-container .modpack-search .search-controls .modpack-search-type button:hover{color:#d0dce4;background-color:#465866}.modpack-list-container .modpack-search .search-controls .modpack-search-type .btn-secondary.active,.modpack-list-container .modpack-search .search-controls .modpack-search-type .btn-secondary:active{color:#d0dce4;background-color:#465866;border-color:#465866}.modpack-list-container .modpack-search .search-controls .modpack-search-type .dropdown-menu{background:#191e22;border-radius:0}.modpack-list-container .modpack-search .search-controls .modpack-search-type .dropdown-menu a{color:#d0dce4;font-weight:700}.modpack-list-container .modpack-search .search-controls .modpack-search-type .dropdown-menu a:hover{color:#d0dce4;background:#232c33}.modpack-list-container .modpack-paginator{text-align:center;position:relative}.modpack-list-container .modpack-paginator .current-page{margin:0 .9375rem;font-size:1.667rem;display:inline-block;position:relative;top:5px}.modpack-list-container .modpack-list h2{margin-bottom:1.25rem}.modpack-list-container .modpack-list .modpack-items-empty{text-align:center;min-height:316px;padding-top:7.3125rem;font-size:2.167rem;transition:opacity .2s ease-in}.modpack-list-container .modpack-list .modpack-items{flex-wrap:wrap;margin-top:1.25rem;transition:opacity .5s ease-in;display:flex}.modpack-list-container .modpack-list .modpack-items .grid-item{width:100%;margin-bottom:.625rem}@media (width>=1200px){.modpack-list-container .modpack-list .modpack-items .grid-item{width:calc(50% - .625rem);margin-right:.625rem}}.modpack-list-container .modpack-list .modpack-items .modpack-item{aspect-ratio:16/9;border-radius:.3125rem;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #111215cc}.modpack-list-container .modpack-list .modpack-items .modpack-item.modpack-card{background-color:#232c33;background-position:50%;background-size:cover;padding:.5rem;box-shadow:0 1px 2px #00000026,inset 0 1px #363b49}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-image{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-image a{justify-content:center;align-items:center;max-height:100%;display:flex}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-image img{object-fit:contain;max-width:70%;max-height:100%}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-overlay{opacity:0;z-index:1;color:#fff;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;text-decoration:none;transition:opacity .25s;display:flex;position:absolute;inset:0}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-overlay:hover,.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-overlay:focus{color:#fff}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-overlay--visible{opacity:1;background:0 0;flex:1;gap:1rem;width:100%;min-height:0;position:static}.modpack-list-container .modpack-list .modpack-items .modpack-item:hover .modpack-overlay{opacity:1}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-title{text-align:center;font-size:1.25rem;font-weight:700}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-title a,.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-title a:hover,.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-title a:focus{color:#fff}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-desc{text-align:center;font-size:smaller}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-bottom{justify-content:space-between;align-items:center;gap:.25rem;width:100%;margin-top:auto;display:flex}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-controls a{padding:.1875rem}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-stats{flex-wrap:wrap;justify-content:flex-end;gap:.1875rem;display:flex}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-stats .stat{color:#d0dce4;white-space:nowrap;background:#00000080;border-radius:.3125rem;padding:.1875rem .3125rem;font-size:smaller}.modpack-list-container .modpack-list .modpack-items .modpack-item .modpack-official{text-transform:uppercase;color:#fff;background:#428bca;border-radius:.3125rem;padding:.1875rem .3125rem;font-size:smaller}