h1.svelte-f9gqf4{display:flex;align-items:center;gap:12px;height:64px;padding:0 64px;background-color:#1f1a23}@media screen and (max-width: 768px){h1.svelte-f9gqf4{padding:0 32px}}@media screen and (max-width: 576px){h1.svelte-f9gqf4{padding:0 16px}}form.svelte-f9gqf4{max-width:400px;margin:24px auto;display:grid;gap:20px;grid-template-columns:minmax(0px,auto)}form.svelte-f9gqf4>div>label{display:block;margin-bottom:12px;-webkit-user-select:none;user-select:none}form.svelte-f9gqf4>div>input[type=text]{display:block;width:100%;height:42px;padding:0 12px;border-radius:8px;border:none;outline:none;background-color:#ffffff1a;color:inherit}form.svelte-f9gqf4>button>div{--lighten-color: hsl(0deg 0% 70% / 38%);display:grid;place-items:center;border-radius:8px;padding:0 10px;height:42px;cursor:pointer}form.svelte-f9gqf4>button:not(:disabled):hover>div{background-color:#e7e8e9;color:#212121}form.svelte-f9gqf4>button:not(:disabled):active>div{background-image:linear-gradient(to right,var(--lighten-color),var(--lighten-color))}section.svelte-f9gqf4{width:100%;max-width:56rem;margin:3rem auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}section.svelte-f9gqf4>a{text-decoration:none}section.svelte-f9gqf4>a>article{width:100%;height:170px;border-radius:20px;border:1px solid rgba(96,122,227,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background-color:#1f1a23}section.svelte-f9gqf4>a>article>img{aspect-ratio:1 / 1;width:70px}section.svelte-f9gqf4>a:hover>article>span,section.svelte-f9gqf4>a:hover>article>img{transform:translateY(-6px)}