.media-preview{position:relative;display:flex;cursor:pointer;overflow:hidden;justify-content:center}.icon-wrapper{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:var(--z-raised);box-sizing:border-box;display:grid;place-items:center;width:var(--size-icon-box-lg);height:var(--size-icon-box-lg);border:var(--border-width) solid var(--glass-border-dark);border-radius:var(--radius-pill);background:var(--glass-bg-dark);color:var(--text-on-dark);box-shadow:var(--shadow-popover);backdrop-filter:blur(8px);pointer-events:none;transition:scale var(--duration-base) var(--easing-spring),background-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}@media(hover:hover){.ari-fancybox:is(:hover,:focus-visible) .icon-wrapper{scale:1.08;background:color-mix(in srgb,var(--bg-dark) 78%,transparent);box-shadow:var(--shadow-xl)}}.animate-bounce{animation:bounce-scale var(--duration-slow) var(--easing-standard)}@keyframes bounce-scale{0%{transform:scale(1)}45%{transform:scale(.6);animation-timing-function:var(--easing-spring)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.icon-wrapper{transition-duration:0s}.animate-bounce{animation:none}}.lightbox{--lightbox-edge: var(--size-2);--lightbox-caption-space: calc(var(--size-7) + var(--gap-2));position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--padding-2);background-color:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;opacity:0%;transition:opacity var(--duration-fast) var(--easing-standard)}.lightbox[hidden]{display:none}.lightbox.is-open{opacity:100%}.lightbox__figure{display:flex;flex-direction:column;align-items:center;gap:var(--gap-2);max-width:100%;max-height:100%;margin:0}.lightbox__image{max-width:calc(100vw - 2 * var(--size-2));max-height:calc(100vh - 2 * var(--size-2));max-height:calc(100dvh - 2 * var(--size-2));cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-drag:none;transform:scale(.96);transition:transform var(--duration-fast) var(--easing-standard)}.lightbox.is-open .lightbox__image{transform:none}.lightbox__figure:has(.lightbox__caption:not([hidden])) .lightbox__image{max-height:calc(100vh - 2 * var(--size-2) - var(--lightbox-caption-space));max-height:calc(100dvh - 2 * var(--size-2) - var(--lightbox-caption-space))}.lightbox__image.is-zoomed{cursor:grab}.lightbox__image.is-grabbing{cursor:grabbing;transition:none}.lightbox__caption{max-width:80vw;padding:var(--padding-2) var(--padding-3);color:var(--text-on-dark);text-align:center;background-color:color-mix(in srgb,var(--bg-dark) 80%,transparent);border-radius:var(--radius-lg)}.lightbox__caption[hidden]{display:none}.lightbox__close,.lightbox__prev,.lightbox__next{position:fixed;width:var(--size-btn-circle-md);height:var(--size-btn-circle-md);padding:0}.lightbox__close{top:calc(var(--lightbox-edge) + env(safe-area-inset-top,0px));right:calc(var(--lightbox-edge) + env(safe-area-inset-right,0px))}.lightbox__prev{left:calc(var(--lightbox-edge) + env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%)}.lightbox__next{right:calc(var(--lightbox-edge) + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%)}.lightbox__close[hidden],.lightbox__prev[hidden],.lightbox__next[hidden]{display:none}.lightbox__counter{position:fixed;top:calc(var(--lightbox-edge) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:inline-flex;align-items:center;min-height:var(--size-btn-circle-md);padding:0 var(--padding-3);font-size:var(--font-size-4);font-variant-numeric:tabular-nums;color:var(--text-on-dark);background-color:var(--glass-bg-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-width) solid var(--glass-border-dark);border-radius:var(--radius-pill);pointer-events:none}.lightbox__counter[hidden]{display:none}@media(prefers-reduced-motion:reduce){.lightbox,.lightbox__image{transition:none}.lightbox__image{transform:none}}@media(width>=550px){.lightbox{--lightbox-edge: var(--size-4);padding:var(--padding-5)}.lightbox__image{display:block;max-width:calc(100vw - 2 * var(--size-5));max-height:calc(100vh - 2 * var(--size-5));max-height:calc(100dvh - 2 * var(--size-5));object-fit:contain;background-color:var(--bg);box-shadow:var(--shadow-xl);border-radius:var(--radius-lg)}.lightbox__figure:has(.lightbox__caption:not([hidden])) .lightbox__image{max-height:calc(100vh - 2 * var(--size-5) - var(--lightbox-caption-space));max-height:calc(100dvh - 2 * var(--size-5) - var(--lightbox-caption-space))}}@media(width>=769px){.lightbox__close,.lightbox__prev,.lightbox__next{width:var(--size-btn-circle-lg);height:var(--size-btn-circle-lg)}.lightbox__counter{position:fixed;top:calc(var(--lightbox-edge) + env(safe-area-inset-top,0px) + (var(--size-btn-circle-lg) - var(--size-btn-circle-md)) / 2)}}