.projects-card-component[data-v-9a308143]{display:grid;gap:5px;transition-delay:.1s;transition-duration:1s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}@media(min-width:1024px){.projects-card-component[data-v-9a308143]{aspect-ratio:1/1;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}}.projects-card-component[data-v-9a308143]{grid-template-columns:repeat(2,1fr);opacity:calc(var(--v18dad418)*var(--v0d8a6570))}@media(min-width:1024px){.projects-card-component[data-v-9a308143]{grid-template-columns:.55fr 1fr .55fr}.projects-card-component:hover .code[data-v-9a308143],.projects-card-component:hover .header[data-v-9a308143],.projects-card-component:hover .hover-thumbnail[data-v-9a308143]{opacity:1}}.pic[data-v-9a308143]{grid-column:1/-1;grid-row-start:1;overflow:hidden}@media(max-width:1023px){.pic[data-v-9a308143]{aspect-ratio:373/301}}.pic[data-v-9a308143] img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.code[data-v-9a308143],.header[data-v-9a308143],.hover-thumbnail[data-v-9a308143]{pointer-events:none}@media(min-width:1024px){.code[data-v-9a308143],.header[data-v-9a308143],.hover-thumbnail[data-v-9a308143]{opacity:0;transition-duration:.5s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}}.code[data-v-9a308143],.header[data-v-9a308143]{display:inline-block}@media(min-width:1024px){.code[data-v-9a308143],.header[data-v-9a308143]{align-self:center;justify-self:center;padding:1px 2px;text-align:center}}.code[data-v-9a308143],.title[data-v-9a308143]{line-height:1.375}@media(min-width:1024px){.code[data-v-9a308143],.title[data-v-9a308143]{display:inline;--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}}.code[data-v-9a308143],.title[data-v-9a308143]{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.15em .2em}.header[data-v-9a308143]{grid-column-start:1;grid-row-start:2;text-align:left}@media(min-width:1024px){.header[data-v-9a308143]{grid-row-start:1;--tw-translate-x:6px;justify-self:start;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.code[data-v-9a308143]{grid-column-start:2;grid-row-start:2;text-align:right}@media(min-width:1024px){.code[data-v-9a308143]{grid-column-start:3;grid-row-start:1;--tw-translate-x:-6px;justify-self:end;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.hover-thumbnail[data-v-9a308143]{align-self:center;grid-column-start:2;grid-row-start:1;margin-left:1rem;margin-right:1rem;overflow:hidden}@media(max-width:1023px){.hover-thumbnail[data-v-9a308143]{display:none}}.hover-thumbnail[data-v-9a308143]{aspect-ratio:262/242}.hover-thumbnail[data-v-9a308143] img,.hover-thumbnail[data-v-9a308143] video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.projects-list-component[data-v-a0fc0162]{display:grid;gap:1.25rem}@media(min-width:1024px){.projects-list-component[data-v-a0fc0162]{gap:5px}}.projects-list-component[data-v-a0fc0162]{grid-template-columns:1fr}@media(min-width:1024px){.projects-list-component[data-v-a0fc0162]{grid-template-columns:repeat(2,1fr)}}