@charset "UTF-8";#project[data-v-d3cd8dcd]{display:grid;gap:1rem;margin-left:auto;margin-right:auto;padding:1.5rem 1rem}@media (min-width: 640px){#project[data-v-d3cd8dcd]{max-width:640px}}@media (min-width: 768px){#project[data-v-d3cd8dcd]{max-width:768px}}@media (min-width: 1024px){#project[data-v-d3cd8dcd]{max-width:1024px}}@media (min-width: 1280px){#project[data-v-d3cd8dcd]{max-width:1280px}}@media (min-width: 1536px){#project[data-v-d3cd8dcd]{max-width:1536px}}@media (max-width: 767.9px){#project[data-v-d3cd8dcd]{padding-bottom:3rem}}#project header[data-v-d3cd8dcd]{display:flex;align-items:center;top:1rem;z-index:40;background-color:#ffffffa6;--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);border-width:1px;border-top-width:0px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.5rem;padding:1rem;gap:1rem}@media (max-width: 767.9px){#project header[data-v-d3cd8dcd]{flex-direction:column}}@media (min-width: 768px){#project header[data-v-d3cd8dcd]{position:sticky;padding:2rem}}.dark #project header[data-v-d3cd8dcd]{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));background-color:#262626d9}#project header .btn-secondary[data-v-d3cd8dcd]{flex-shrink:1}#project .back-btn[data-v-d3cd8dcd]{display:flex;align-items:center;gap:.5rem;background-color:transparent;font-weight:700;line-height:1;text-decoration:none}#project .back-btn[data-v-d3cd8dcd]:hover{color:var(--color-secondary)}#project .tech-stack[data-v-d3cd8dcd]{margin-top:1rem;flex-direction:column;margin-left:auto;margin-right:auto;max-width:64rem}#project .tech-stack .tech-stack-grid[data-v-d3cd8dcd]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}#project .tech-stack .tech-tag[data-v-d3cd8dcd]{border-width:1px;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500}#project .preview-toggle[data-v-d3cd8dcd]{width:100%}#project .preview-toggle.active[data-v-d3cd8dcd]{transition-duration:.5s}.dark #project .preview-toggle.active[data-v-d3cd8dcd]{background-color:#991b1bb3}#project .main-content[data-v-d3cd8dcd]{display:grid;gap:1.5rem;margin-left:auto;margin-right:auto;max-width:64rem}@media (min-width: 768px){#project .main-content[data-v-d3cd8dcd]{grid-template-columns:1.5fr 1fr 1.5fr}}#project .main-content img[data-v-d3cd8dcd]{width:100%;height:100%;max-width:max-content;object-fit:cover;border-width:1px;border-color:var(--color-primary);border-radius:.25rem;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}#project .main-content .description[data-v-d3cd8dcd]{font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.dark #project .main-content .description[data-v-d3cd8dcd]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}@media (min-width: 768px){#project .main-content .description[data-v-d3cd8dcd]{grid-column:span 3/span 3}}@media (min-width: 768px){#project .main-content .preview-section[data-v-d3cd8dcd]{grid-row:span 3/span 3;grid-column-start:1}}#project .main-content .preview-section .preview-container[data-v-d3cd8dcd]{width:100%;height:100%;overflow:hidden;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity))}.dark #project .main-content .preview-section .preview-container[data-v-d3cd8dcd]{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity))}@media (min-width: 768px){#project .main-content .preview-section .preview-container[data-v-d3cd8dcd]{display:block}}#project .main-content .preview-section .preview-container.show[data-v-d3cd8dcd]{display:block}@media (min-width: 768px){#project .main-content .content-image-1[data-v-d3cd8dcd]{grid-column-start:3}}@media (min-width: 768px){#project .main-content .content-image-1[data-v-d3cd8dcd]{grid-row:span 3/span 3}}@media (min-width: 768px){#project .main-content .section[data-v-d3cd8dcd]{grid-column:span 2/span 2;grid-column-start:2}}@media (min-width: 768px){#project .main-content .section[data-v-d3cd8dcd]:nth-of-type(n+5){grid-column-start:1}}@media (min-width: 768px){#project .main-content .section[data-v-d3cd8dcd]:nth-of-type(n+7),#project .main-content .section[data-v-d3cd8dcd]:nth-of-type(4){grid-column:span 3/span 3}}#project .main-content .section .content-wrapper[data-v-d3cd8dcd]{background-color:#ffffffd9;border-width:2px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.5rem;padding:1rem}.dark #project .main-content .section .content-wrapper[data-v-d3cd8dcd]{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));background-color:#171717d9}#project .main-content .section .content-wrapper .list[data-v-d3cd8dcd]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}#project .main-content .section .content-wrapper .list li[data-v-d3cd8dcd]{display:flex;align-items:flex-start;list-image:✔️}#project .main-content .section .content-wrapper .list li[data-v-d3cd8dcd]:before{margin-right:.5rem;--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));font-weight:700}#project .main-content .section:nth-child(2n+2) .content-wrapper[data-v-d3cd8dcd]{background-color:#e5e5e5d9}.dark #project .main-content .section:nth-child(2n+2) .content-wrapper[data-v-d3cd8dcd]{background-color:#525252d9}#project .main-content .section p[data-v-d3cd8dcd]{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));line-height:1.625}.dark #project .main-content .section p[data-v-d3cd8dcd]{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity))}