.thumbnail[data-v-c544a487]{cursor:pointer;display:flex}.thumbnail img[data-v-c544a487]{width:100%}@media screen and (min-width:768px){.category[data-v-c544a487]{overflow:hidden;position:relative}.category img[data-v-c544a487]{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;opacity:1;position:relative;transition:opacity .2s}.category .cover[data-v-c544a487]{background:var(--black);height:100%;left:0;top:0;transition:opacity .2s}.category .cover[data-v-c544a487],.category figcaption[data-v-c544a487]{opacity:0;position:absolute;width:100%}.category figcaption[data-v-c544a487]{background:linear-gradient(transparent,#00000080);bottom:0;color:var(--white);padding:var(--s-size);transform:translateY(100%);transition:all .2s;z-index:1}.category:hover .cover[data-v-c544a487]{opacity:.3}.category:hover figcaption[data-v-c544a487]{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.category[data-v-c544a487]{display:flex;flex-direction:column;gap:var(--s-size);margin-bottom:var(--m-size)}.category figcaption[data-v-c544a487]{font-weight:500;text-align:center}.category .cover[data-v-c544a487]{display:none}}.image-viewer[data-v-3a6c6999]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.image-viewer .image-container[data-v-3a6c6999]{align-items:center;display:flex;flex-direction:column;gap:var(--s-size)}.image-viewer .image-container img[data-v-3a6c6999]{max-height:90vh;max-width:90vw}.image-viewer .image-container figcaption[data-v-3a6c6999]{text-align:center}button[data-v-3a6c6999]{color:var(--white);position:absolute}button svg>path[data-v-3a6c6999]{color:var(--gray)}.close[data-v-3a6c6999]{right:var(--s-size);top:var(--s-size)}.previous[data-v-3a6c6999]{left:var(--s-size)}.next[data-v-3a6c6999],.previous[data-v-3a6c6999]{top:50%;transform:translateY(-50%)}.next[data-v-3a6c6999]{right:var(--s-size)}.loading{color:var(--gray);display:flex;justify-content:center}.loading svg{animation:spin 1s linear infinite;height:var(--xl-size);width:auto}.loading svg path{stroke:var(--gray)}@keyframes spin{to{transform:rotate(1turn)}}