@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";body,html{margin:0;padding:0;height:100%;font-family:Rubik,sans-serif;color:#333;background-color:#f4f4f4}#app{display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}.navbar[data-v-7d8cf9c7]{width:100%;height:70px;background:linear-gradient(0deg,#2c75b9,#3ca1ff);display:flex;justify-content:space-between;align-items:center;padding:0 20px}.navbar .logo img[data-v-7d8cf9c7]{height:50px}.navbar .buttons[data-v-7d8cf9c7]{display:flex;align-items:center}.navbar .buttons input[data-v-7d8cf9c7]{all:unset;border-radius:5px;background:#fff;padding:10px;font-size:16px;font-family:Rubik,sans-serif;width:300px;margin-right:10px;box-shadow:0 2px 5px #00000081;transition:box-shadow .3s ease;outline:2px solid #3ca1ff;background:linear-gradient(0deg,#d1d1d1,#fff)}.navbar .buttons input[data-v-7d8cf9c7]:focus{background:linear-gradient(0deg,#63edff,#fff)}.navbar .buttons button[data-v-7d8cf9c7]{border-radius:5px;border:none;background:linear-gradient(0deg,#1e4d79,#3ca1ff);color:#fff;padding:10px 15px;margin-left:10px;font-size:20px;font-family:Rubik,sans-serif;min-width:100px;text-transform:uppercase;font-style:italic;font-weight:700}.navbar .buttons button[data-v-7d8cf9c7]:hover{background-color:#f0f0f0;cursor:pointer}.navbar .buttons button[data-v-7d8cf9c7]:active{background:linear-gradient(0deg,#122e47,#3ca1ff)}.flexrow[data-v-778e2095]{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;height:calc(100vh - 70px)}.flexrow .content[data-v-778e2095]{width:100%;height:calc(100vh - 70px);background:linear-gradient(0deg,#fff,#d1d1d1);padding:20px;box-sizing:border-box;max-width:1300px;overflow-y:auto}.flexrow .space[data-v-778e2095]{height:100%;width:100%;max-width:200px}@media (max-width: 1300px){.flexrow .space[data-v-778e2095]{display:none}}.footer[data-v-778e2095]{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/example-BzLsNW7q.jpg),linear-gradient(0deg,#23ffe2,#d1d1d1);color:#333;font-size:.9rem}.hero[data-v-2d1db944]{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .logo[data-v-2d1db944]{width:350px;height:auto;margin:0}.hero p[data-v-2d1db944]{font-size:1.2rem;color:#666;margin:0;font-weight:500}.header[data-v-2d1db944]{border-left:6px solid #dbdbdb;padding-left:15px}.section[data-v-2d1db944]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:20px;padding:20px;height:fit-content}.section.low[data-v-2d1db944]{align-items:flex-start}.section .text[data-v-2d1db944]{flex:1;margin-right:20px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.section .text img[data-v-2d1db944]{width:200px;margin-bottom:10px}.section .img[data-v-2d1db944]{flex:1}.section .img img[data-v-2d1db944]{width:100%;height:auto;border-radius:10px;box-shadow:0 2px 10px #0007}.section h1[data-v-2d1db944]{font-size:2rem;color:#333;margin-bottom:10px}.section p[data-v-2d1db944]{font-size:1.3rem;color:#555;max-width:600px}.section .row[data-v-2d1db944]{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:20px}.section .row button[data-v-2d1db944]{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;font-family:Rubik,sans-serif;font-weight:500;font-size:1rem;display:flex;align-items:center}.section .row button.purple[data-v-2d1db944]{background-color:#424ac1}.section .row button.purple[data-v-2d1db944]:hover{background-color:#2f358b}.section .row button img[data-v-2d1db944]{width:20px;height:20px;margin-right:8px;margin-bottom:0!important}.section .row button[data-v-2d1db944]:hover{background-color:#0056b3}.server-list[data-v-2d1db944]{display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:20px}.server-list .list-item[data-v-2d1db944]{display:flex;flex-direction:row;align-items:center;background:linear-gradient(0deg,#cfcfcf,#fff);padding:15px;border-radius:10px;transition:transform .3s}.server-list .list-item .image[data-v-2d1db944]{width:100px;height:100px;margin-right:20px}.server-list .list-item .image img[data-v-2d1db944]{width:100%;height:100%;border-radius:10px;object-fit:cover}.server-list .list-item .info[data-v-2d1db944]{flex-grow:1}.server-list .list-item .info h2[data-v-2d1db944]{font-size:1.5rem;color:#333;margin-bottom:5px}.server-list .list-item .info p[data-v-2d1db944]{color:#666;margin-bottom:5px}.server-list .list-item .info button[data-v-2d1db944]{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}.server-list .list-item .info button[data-v-2d1db944]:hover{background-color:#218838}.server-list .list-item .controls[data-v-2d1db944]{display:flex;flex-direction:column}.server-list .list-item .controls button[data-v-2d1db944]{margin-top:10px;padding:6px 12px;background-color:#007bff;color:#fff;border-radius:5px}.server-list .list-item .controls button[data-v-2d1db944]:hover{background-color:#0056b3}.header[data-v-cdeac3fa]{text-align:left;margin:0 0 20px}.container[data-v-cdeac3fa]{display:flex;flex-direction:row;gap:1rem}.sidebar[data-v-cdeac3fa]{display:flex;flex-direction:column;width:200px;border-right:1px solid #dbdbdb;gap:10px}.sidebar span[data-v-cdeac3fa]{font-weight:600;font-size:1.6rem}.sidebar button[data-v-cdeac3fa]{background:none;border:none;padding:10px;text-align:left;font-size:1.2rem;color:#333;cursor:pointer;background:linear-gradient(to top,#cacaca,#fff);border-radius:5px}.sidebar button[data-v-cdeac3fa]:hover{box-shadow:0 2px 5px #0000001a}.sidebar button[data-v-cdeac3fa]:active{background:linear-gradient(to top,#aaa,#fff)}.results[data-v-cdeac3fa]{flex:1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px}.listing[data-v-cdeac3fa]{display:flex;flex-direction:column;padding:10px;border-radius:10px;width:300px;height:400px}.listing .image[data-v-cdeac3fa]{height:200px;width:100%;display:flex;justify-content:center;align-items:center}.listing .image img[data-v-cdeac3fa]{width:100%;height:100%;object-fit:cover;border-radius:5px;box-shadow:0 2px 10px #0000000a}.listing .info[data-v-cdeac3fa]{display:flex;flex-direction:column;padding-top:10px}.listing .info h2[data-v-cdeac3fa]{font-size:1.5rem;margin-bottom:5px;cursor:pointer}.listing .info h2[data-v-cdeac3fa]:hover{text-decoration:underline;color:#007bff}.listing .info span[data-v-cdeac3fa]{font-size:1.2rem;color:#666}.listing .info span.creator[data-v-cdeac3fa]{cursor:pointer}.listing .info span.creator[data-v-cdeac3fa]:hover{text-decoration:underline;color:#007bff}.listing .info .stats[data-v-cdeac3fa]{display:flex;justify-content:space-between;margin-top:10px}.listing .info .stats .player-count[data-v-cdeac3fa],.listing .info .stats .updated[data-v-cdeac3fa]{font-size:1rem;color:#3b3b3b;display:flex;align-items:center}.listing .info .stats .player-count img[data-v-cdeac3fa],.listing .info .stats .updated img[data-v-cdeac3fa]{width:26px;height:26px;margin-right:5px}h1[data-v-f34fd9ac]{font-size:2em}p[data-v-f34fd9ac]{font-size:1.5em;color:#666;margin-bottom:40px}.server-form[data-v-f34fd9ac]{display:flex;flex-direction:row;gap:20px;font-family:Rubik}.server-form .inputs[data-v-f34fd9ac]{flex:1;display:flex;flex-direction:column;font-family:Rubik}.server-form .inputs .image-dropper[data-v-f34fd9ac]{width:100%;height:200px;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer}.server-form .inputs .image-dropper span[data-v-f34fd9ac]{color:#999;font-size:1.2em}.server-form .inputs input[data-v-f34fd9ac],.server-form .inputs textarea[data-v-f34fd9ac]{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc;font-family:Rubik;font-size:1em;margin-bottom:20px}.server-form .inputs textarea[data-v-f34fd9ac]{height:100px}.server-form .inputs span[data-v-f34fd9ac]{font-size:1.2em;margin-bottom:5px;margin-top:15px;color:#333}.server-form .preview[data-v-f34fd9ac]{width:500px;height:500px;background-color:#f0f0f0;border-radius:5px;box-shadow:0 2px 5px #0000001a}