.loading-block{opacity:0;transition:opacity .3s ease}.loading-block.loaded{opacity:1}.main-part-2{opacity:0;transition:opacity .3s ease}.main-part-2.loaded{opacity:1}.list-modes{opacity:0;transition:opacity .3s ease}.list-modes.loaded{opacity:1}.main-recommendations{display:flex;flex-direction:column;gap:12px}.main-recommendations-title{font-size:12px;font-weight:600;line-height:14px;letter-spacing:.05em;text-transform:uppercase;color:#7f7f7f}.main-recommendations-grid{width:100%;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.main-recommendations-grid .server{min-width:0}.main-recommended-state{position:absolute;top:8px;right:8px;z-index:3;background:#2a2a2a;border-radius:999px;padding:3px 8px}.main-recommended-state p{font-size:11px;font-weight:600;color:#9f9f9f;text-transform:uppercase}@media (max-width: 1024px){.main-recommendations-grid{grid-template-columns:1fr}}.list-modes{width:100%;display:grid;gap:8px;align-content:flex-start;grid-template-columns:repeat(auto-fill,minmax(163px,1fr))}.list-wrapper{position:relative;border:0;box-sizing:border-box;color:#fff;margin:0;padding:0;display:flex;flex-direction:column;gap:23px}@media (max-width: 768px){.list-modes{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.list-modes::-webkit-scrollbar{display:none}.list-modes .mode{flex:0 0 163px;scroll-snap-align:start}}