:where(.XioniAlbum){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;row-gap:1rem}:where(.XioniAlbum__image){transition:transform .2s ease;object-fit:cover}@media (max-width: 640px){:where(.XioniAlbum){justify-items:center;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}:where(.XioniAlbum__image:hover){transform:scale(1.1)}}:where(.Lightbox){display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}:where(.Lightbox__textbox){position:absolute;left:0;right:0;bottom:0;background-color:#000a;padding:1rem;color:#fff;text-align:center}:where(.Lightbox__navigate){position:absolute;top:50%;transform:translateY(-50%);background-color:#000a;color:#fff;opacity:.333;transition:opacity 333ms,padding .5s;padding:1rem}:where(.Lightbox__navigate:hover){cursor:pointer;opacity:1;padding-left:2rem;padding-right:2rem}:where(.Lightbox__navigate--prev){left:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}:where(.Lightbox__navigate--next){right:0;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}:where(.Lightbox__active-image){display:block;-webkit-user-select:none;user-select:none;pointer-events:none;max-height:85vh}.Lightbox__modal{height:fit-content;max-width:1280px;min-width:auto}.Lightbox__modal .Modal__body{padding:0;overflow:hidden}@media (min-width: 641px){:where(.Lightbox img[data-lightbox]){cursor:pointer;transition:opacity .5s}:where(.Lightbox img[data-lightbox]):hover{opacity:.25;cursor:pointer}}@media (max-width: 640px){:where(.Lightbox){justify-items:center;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}
