.media-viewer[data-v-2f5ff860]{display:flex;flex-direction:column;height:100%;width:100%}.media-viewer[data-v-2f5ff860]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.active-image[data-v-2f5ff860]{background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;position:relative;width:100%}@media(min-width:768px){.active-image[data-v-2f5ff860]{background-size:cover}}.active-image[data-v-2f5ff860]{height:400px}.active-image-fullscreen[data-v-2f5ff860]{background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end;margin-top:2rem;position:relative;width:100%}@media(min-width:1024px){.active-image-fullscreen[data-v-2f5ff860]{margin-top:0}}@media(min-width:768px){.active-image[data-v-2f5ff860]{height:460px}}.thumbnail-nav[data-v-2f5ff860]{align-items:center;display:flex}.thumbnail-nav[data-v-2f5ff860]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.thumbnail-nav[data-v-2f5ff860]{height:60px}.thumbnail-nav button[data-v-2f5ff860]{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:2rem;--tw-bg-opacity:1;background-color:rgb(77 95 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.thumbnail-nav button[data-v-2f5ff860]:hover{--tw-bg-opacity:1;background-color:rgb(60 75 216/var(--tw-bg-opacity,1))}.thumbnails[data-v-2f5ff860]{display:flex;flex-grow:1;height:100%;width:100%}.thumbnails[data-v-2f5ff860]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.thumbnails[data-v-2f5ff860]{overflow-x:auto}.thumbnail[data-v-2f5ff860]{align-items:center;cursor:pointer;display:flex;height:100%;max-width:-moz-max-content;max-width:max-content;overflow:hidden;width:20%}.thumbnail[data-v-2f5ff860]:hover{border-width:1px;--tw-border-opacity:1;border-color:rgb(77 95 254/var(--tw-border-opacity,1))}.thumbnail.active[data-v-2f5ff860]{border-width:1px;--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.project-details[data-v-3ef3eabd]{margin-bottom:1rem;padding-bottom:.25rem;padding-top:.25rem;width:100%}.portfolio-item-fullscreen[data-v-3ef3eabd]{height:100vh;left:0;margin:0;position:fixed;top:0;width:100vw;--tw-bg-opacity:1;background-color:rgb(29 34 49/var(--tw-bg-opacity,1));z-index:100}@media(min-width:768px){.project-details[data-v-3ef3eabd]{width:800px}}