.projects-page[data-v-2be70baa]{animation:expand-once-2be70baa 1s cubic-bezier(.2,.8,.2,1) forwards;border:1px solid hsla(0,0%,100%,.1);display:flex;height:auto;overflow:hidden;position:relative}.projects-page .project-counter[data-v-2be70baa]{background:#ffffff1a;display:block;font-size:10px;left:0;padding:2px 16px;position:absolute;top:0;z-index:100}.projects-page .projects-list[data-v-2be70baa]{background:transparent;border-right:1px solid hsla(0,0%,100%,.1);max-height:var(--projects-list-max-height,600px);overflow-y:auto;overflow-y:scroll;padding:1rem;width:250px;z-index:80}.projects-page .projects-list ul[data-v-2be70baa]{list-style:none;padding:0}.projects-page .projects-list ul li[data-v-2be70baa]{--clickable:1;color:#eee;cursor:pointer;cursor:none;padding:.5rem .75rem;transition:.2s}.projects-page .projects-list ul li[data-v-2be70baa]:hover,.projects-page .projects-list ul li:hover>span[data-v-2be70baa]{color:#c51829}.projects-page .projects-list ul li.active>span[data-v-2be70baa]{color:#ff5566bf;font-weight:600}.projects-page .projects-list ul li.active[data-v-2be70baa]{background:#00000040;margin-left:8px}.projects-page .projects-list ul li span[data-v-2be70baa]{vertical-align:middle}.projects-page .projects-list ul li img.preview-image[data-v-2be70baa]{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;height:32px;vertical-align:middle;width:32px}.projects-page .project-details[data-v-2be70baa]{flex:1;overflow-y:auto;padding:2rem}.projects-page .project-details img[data-v-2be70baa]{border-radius:12px;margin:1rem 0;max-width:200px}.projects-page .project-details .langs[data-v-2be70baa],.projects-page .project-details .links[data-v-2be70baa]{margin-top:1.5rem}.projects-page .project-details .langs ul[data-v-2be70baa],.projects-page .project-details .links ul[data-v-2be70baa]{list-style:none;padding:0}.projects-page .project-details .langs ul li[data-v-2be70baa],.projects-page .project-details .links ul li[data-v-2be70baa]{margin-bottom:.35rem}ul.inline-links>li[data-v-2be70baa]{display:inline-block;margin-right:8px}ul.inline-links>li a[data-v-2be70baa]{padding:2px 8px;text-decoration:none}ul.inline-links>li a[data-v-2be70baa]:hover,ul.language-chips>li[data-v-2be70baa]{background:rgba(var(--background),.2)}ul.language-chips>li[data-v-2be70baa]{display:inline-block;margin-right:8px;padding:2px 8px}@keyframes expand-once-2be70baa{0%{max-height:0}to{max-height:800px}}