header.svelte-1wjnr1h.svelte-1wjnr1h{display:flex;justify-content:space-between;align-items:center;color:var(--color-gray-3);margin-bottom:1rem}header.svelte-1wjnr1h .logo.svelte-1wjnr1h{width:7rem}header.svelte-1wjnr1h .link.svelte-1wjnr1h{border-bottom:2px solid transparent;display:flex}header.svelte-1wjnr1h .link svg.svelte-1wjnr1h{width:.5rem}header.svelte-1wjnr1h .link.svelte-1wjnr1h:hover{border-color:var(--primo-color-primogreen)}header.svelte-1wjnr1h .link.with-icon.svelte-1wjnr1h{display:grid;grid-template-columns:auto auto;gap:.5rem;place-items:center}header.svelte-1wjnr1h nav.svelte-1wjnr1h{display:flex;align-items:center;gap:1rem}header.svelte-1wjnr1h nav .link.svelte-1wjnr1h{margin-right:1rem}header.svelte-1wjnr1h nav .link.svelte-1wjnr1h:last-child{margin-right:0}footer.svelte-19pkavz.svelte-19pkavz{font-size:var(--font-size-1);color:var(--color-gray-3);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;margin-top:auto}a.svelte-19pkavz.svelte-19pkavz{color:var(--color-gray-3);transition:color .2s}a.svelte-19pkavz.svelte-19pkavz:hover{color:var(--color-white)}.footer-links.svelte-19pkavz.svelte-19pkavz{display:flex;flex-direction:row;justify-content:space-between}.footer-links.svelte-19pkavz a.svelte-19pkavz{margin:0 .5rem}.footer-links.svelte-19pkavz a.svelte-19pkavz:first-child{margin-left:0}.disclaimer.svelte-19pkavz.svelte-19pkavz{display:block}.primo.svelte-19pkavz.svelte-19pkavz{font-weight:800;color:var(--color-primored)}main.svelte-165g0jp.svelte-165g0jp{background-color:var(--primo-color-black);min-height:100vh;position:relative;z-index:0;padding-top:1rem}main.svelte-165g0jp .container.svelte-165g0jp{display:flex;flex-direction:column;border-radius:var(--primo-border-radius);margin:0 auto;padding:2rem;min-height:100vh}main.svelte-165g0jp .sites-container.svelte-165g0jp{display:grid;gap:1rem}main.svelte-165g0jp .sites-container header a.svelte-165g0jp{text-decoration:underline;color:var(--color-gray-4)}main.svelte-165g0jp .sites-container ul.sites.svelte-165g0jp{display:grid;gap:1rem}main.svelte-165g0jp .sites-container ul.sites li.svelte-165g0jp{background:var(--color-gray-9);border-radius:var(--primo-border-radius);overflow:hidden;font-size:var(--font-size-4);box-shadow:var(--box-shadow-md);display:flex;flex-direction:column;justify-content:flex-start;transition:opacity .1s,filter .1s}main.svelte-165g0jp .sites-container ul.sites li.active.svelte-165g0jp{filter:brightness(1.1)}main.svelte-165g0jp .sites-container ul.sites li.inactive.svelte-165g0jp{opacity:.5}main.svelte-165g0jp .sites-container ul.sites li .site-link.svelte-165g0jp{flex:1;background:var(--color-gray-8);transition:opacity .1s}main.svelte-165g0jp .sites-container ul.sites li .site-info.svelte-165g0jp{color:var(--color-gray-1);display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name a.svelte-165g0jp{display:grid;grid-template-columns:auto auto;place-items:center flex-start}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name a.svelte-165g0jp:hover{color:var(--primo-color-primogreen)}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name a svg.svelte-165g0jp{width:1.5rem;margin-top:3px;justify-self:flex-end}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name a.svelte-165g0jp,main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name input.svelte-165g0jp{text-align:left;font-size:var(--font-size-4);font-weight:600}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name button.svelte-165g0jp{border-radius:var(--primo-border-radius);padding:0 .5rem}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name button.svelte-165g0jp:hover{color:var(--primo-color-primogreen)}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-name button svg.svelte-165g0jp{width:1rem;height:1rem}main.svelte-165g0jp .sites-container ul.sites li .site-info .site-url.svelte-165g0jp{grid-column:1;margin-bottom:.5rem;font-size:var(--font-size-1);color:var(--color-gray-4)}main.svelte-165g0jp .sites-container ul.sites li .site-info .buttons.svelte-165g0jp{grid-column:1;display:flex;align-items:center;color:var(--color-gray-3);margin-top:.5rem}main.svelte-165g0jp .sites-container ul.sites li .site-info .buttons button.svelte-165g0jp{margin-right:.75rem}main.svelte-165g0jp .sites-container ul.sites button.create-site.svelte-165g0jp{padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--primo-color-black);font-weight:600;color:var(--color-gray-2);border-radius:var(--primo-border-radius);border:2px solid var(--primo-color-primogreen)}main.svelte-165g0jp .sites-container ul.sites button.create-site svg.svelte-165g0jp{border-radius:50%;transition:background .1s;height:2rem;width:2rem}main.svelte-165g0jp .sites-container ul.sites button.create-site:hover svg.svelte-165g0jp{color:var(--primo-color-primogreen)}.site-button.svelte-165g0jp.svelte-165g0jp{display:flex;align-items:center;font-size:.75rem;color:var(--color-gray-2);text-decoration:underline}.site-button.svelte-165g0jp svg.svelte-165g0jp{padding-right:.25rem;width:1.25rem;height:1.25rem}.site-button.svelte-165g0jp.svelte-165g0jp:hover{color:var(--primo-color-primogreen)}button.svelte-165g0jp.svelte-165g0jp{transition:color .1s,background-color .1s}button.svelte-165g0jp.svelte-165g0jp:focus{outline:2px solid var(--primo-color-primogreen)}button.svelte-165g0jp.svelte-165g0jp:disabled{opacity:.5;pointer-events:none}.reset-input.svelte-165g0jp.svelte-165g0jp{border:none;background-image:none;background-color:transparent;box-shadow:none;background:transparent;border:0;padding:0;margin:0}.reset-input.svelte-165g0jp.svelte-165g0jp:focus{outline:0}@media (min-width: 600px){main.svelte-165g0jp .sites-container ul.sites.svelte-165g0jp{grid-template-columns:1fr 1fr}}@media (min-width: 900px){main.svelte-165g0jp .sites-container ul.sites.svelte-165g0jp{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 1200px){main.svelte-165g0jp .sites-container ul.sites.svelte-165g0jp{grid-template-columns:1fr 1fr 1fr 1fr}}