article.svelte-rqn88j{display:flex;flex-direction:column;gap:24px}.carrousel.svelte-rqn88j{display:flex;position:relative;flex-direction:column;padding:4px;max-width:1000px}.carrousel.svelte-rqn88j img:where(.svelte-rqn88j){width:100%}.carrousel.svelte-rqn88j div:where(.svelte-rqn88j){background:linear-gradient(180deg,#0b151e 5%,#1a2737 90%);padding:4px}.carrousel.svelte-rqn88j div:where(.svelte-rqn88j) h3:where(.svelte-rqn88j),.carrousel.svelte-rqn88j div:where(.svelte-rqn88j) p:where(.svelte-rqn88j){margin:0}header.svelte-rqn88j{width:100%;padding:0 8px}header.svelte-rqn88j button:where(.svelte-rqn88j){color:#4f94bc;padding:4px 8px;border-bottom-left-radius:0;border-bottom-right-radius:0}header.svelte-rqn88j button.active:where(.svelte-rqn88j){background-color:#2a475e;color:#fff}.content.svelte-rqn88j{display:flex;gap:8px;align-items:flex-start}.projects.svelte-rqn88j{display:flex;flex-direction:column;padding:4px;gap:4px;flex:1;background:linear-gradient(90deg,#2a475e,#2a475e00 65%)}.selected.svelte-rqn88j{position:relative}.selected.svelte-rqn88j article{background:radial-gradient(69% 62% at 0% 84%,#b4cfe1,#95bbd4);color:#05131d}.selected.svelte-rqn88j article h2{color:#05131d}.selected.svelte-rqn88j article p{color:#0e2433}.selected.svelte-rqn88j article i{color:#0e2433}.selected.svelte-rqn88j:after{content:"";position:absolute;right:-17px;top:0;width:17px;height:100%;background:#95bbd4}.preview.svelte-rqn88j{display:none}.carrousel.svelte-rqn88j article.desktop:where(.svelte-rqn88j){display:none;flex-direction:column;gap:8px;padding:8px;max-width:380px}.carrousel.svelte-rqn88j article.desktop:where(.svelte-rqn88j) div:where(.svelte-rqn88j){display:grid;grid-template-columns:1fr 1fr;gap:4px;background:none}.carrousel.svelte-rqn88j article.desktop:where(.svelte-rqn88j) div:where(.svelte-rqn88j) img:where(.svelte-rqn88j){width:100%;aspect-ratio:16/9;object-fit:cover}.carrousel.svelte-rqn88j article.desktop:where(.svelte-rqn88j) p:where(.svelte-rqn88j){font-size:1.4rem;margin:0;color:#9b9b9b;width:100%}.carrousel.svelte-rqn88j article.desktop:where(.svelte-rqn88j) .tags:where(.svelte-rqn88j){position:absolute;bottom:0;right:0;display:flex;flex-direction:row;gap:4px;padding:4px}.carrousel.svelte-rqn88j article.desktop:where(.svelte-rqn88j) .tags:where(.svelte-rqn88j) i:where(.svelte-rqn88j){width:24px;height:24px}.carrousel.svelte-rqn88j img:where(.svelte-rqn88j){width:100%;max-height:360px;object-fit:cover}@media (min-width: 900px){.mobile.svelte-rqn88j{display:none}.carrousel.svelte-rqn88j{display:flex;flex-direction:row;background:#00000080}.carrousel.svelte-rqn88j h3:where(.svelte-rqn88j){margin:0;font-size:2.5rem;font-weight:500}.carrousel.svelte-rqn88j>article.desktop:where(.svelte-rqn88j){display:flex}.preview.svelte-rqn88j{display:flex;flex-direction:column;gap:0;flex:0 0 300px;position:sticky;top:8px;margin-top:4px;background:radial-gradient(69% 62% at 100% 16%,#b4cfe1,#95bbd4);border-radius:4px;overflow:hidden;border:1px solid #95bbd4}.preview.svelte-rqn88j .screenshots:where(.svelte-rqn88j){display:flex;flex-direction:column;gap:3px;padding:8px}.preview.svelte-rqn88j .screenshots:where(.svelte-rqn88j) img:where(.svelte-rqn88j){width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;opacity:.8}.preview.svelte-rqn88j .preview-info:where(.svelte-rqn88j){display:flex;flex-direction:column;gap:8px;padding:12px}.preview.svelte-rqn88j .preview-info:where(.svelte-rqn88j) h3:where(.svelte-rqn88j){font-size:1.4rem;margin:0;color:#05131d}.preview.svelte-rqn88j .preview-info:where(.svelte-rqn88j) .skills:where(.svelte-rqn88j){display:flex;flex-wrap:wrap;gap:4px}.preview.svelte-rqn88j .preview-info:where(.svelte-rqn88j) .skills:where(.svelte-rqn88j) .skill:where(.svelte-rqn88j){font-size:.8rem;color:#b4cfe1;background:#152b3b99;border:1px solid oklch(35% .05 240deg / .7);border-radius:2px;padding:0 4px}.preview.svelte-rqn88j .tags:where(.svelte-rqn88j){display:flex;flex-wrap:wrap;gap:4px}.preview.svelte-rqn88j .tags:where(.svelte-rqn88j) .tag:where(.svelte-rqn88j){display:flex;align-items:center;gap:4px;background:#152b3b99;border:1px solid oklch(35% .05 240deg / .7);border-radius:3px;padding:2px 6px 2px 4px;font-size:1rem;color:#b4cfe1}.preview.svelte-rqn88j .tags:where(.svelte-rqn88j) .tag:where(.svelte-rqn88j) svg{width:13px;height:13px}}