@layer theme,base;@layer components{.lightbox-modal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:1rem;padding-bottom:calc(1rem + var(--safe-area-bottom));color:inherit;cursor:pointer;opacity:1;transition:opacity var(--duration-fast) ease-out, display var(--duration-fast) ease-out allow-discrete, overlay var(--duration-fast) ease-out allow-discrete;background:0 0;border:none;justify-content:center;align-items:center;margin:0;display:flex}.lightbox-modal::backdrop{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));opacity:1;transition:opacity var(--duration-fast) ease-out, display var(--duration-fast) ease-out allow-discrete, overlay var(--duration-fast) ease-out allow-discrete;background:#000000d9;background:lab(0% 0 0/.85)}@starting-style{.lightbox-modal{opacity:0}.lightbox-modal::backdrop{opacity:0}}.lightbox-modal.is-closing{opacity:0;transition-duration:.1s;transition-timing-function:ease-in}.lightbox-modal.is-closing::backdrop{opacity:0;transition-duration:.1s;transition-timing-function:ease-in}.lightbox-content{opacity:1;max-width:95vw;max-height:95vh;transition:opacity var(--duration-base) cubic-bezier(.16, 1, .3, 1), transform var(--duration-base) cubic-bezier(.16, 1, .3, 1);flex-direction:column;align-items:center;display:flex;position:relative;transform:none}@starting-style{.lightbox-content{opacity:0;transform:scale(.3)}}.lightbox-content.is-closing{opacity:0;transition-duration:.12s;transition-timing-function:ease-in;transform:scale(.5)}.lightbox-content img,.lightbox-content video{object-fit:contain;border-radius:.25rem;width:auto;max-width:90vw;height:auto;max-height:90vh}.lightbox-buttons{z-index:10;pointer-events:none;gap:.75rem;display:flex;position:absolute;top:-.75rem;right:-.75rem}.lightbox-buttons.is-start{left:-.75rem;right:auto}.lightbox-close{pointer-events:auto;border:1px solid oklch(from var(--color-gray-600) l c h / .5);background:oklch(from var(--color-gray-700) l c h / .8);color:var(--color-white);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:transform var(--duration-base) ease-in-out, background-color var(--duration-base) ease-in-out, border-color var(--duration-base) ease-in-out;border-radius:9999px;flex-shrink:0;padding:.625rem}.lightbox-close:hover{background:var(--color-brand-primary);border-color:oklch(from var(--color-brand-primary-400) l c h / .5);transform:scale(1.25)}.lightbox-modal.is-gallery{touch-action:pan-y pinch-zoom}.lightbox-stage{justify-content:center;align-items:center;display:flex}.lightbox-chrome{z-index:10;pointer-events:none;position:absolute;inset:0}.lightbox-stage,.lightbox-chrome{transition:transform var(--duration-base) cubic-bezier(.16, 1, .3, 1), opacity var(--duration-base) ease}:is(.lightbox-stage,.lightbox-chrome).is-dragging{transition:none}:is(.lightbox-stage,.lightbox-chrome).is-leaving{opacity:0;transition:transform var(--duration-fast) ease-in, opacity var(--duration-fast) ease-in}:is(.lightbox-stage,.lightbox-chrome).is-enter-next{animation:lightbox-enter-next var(--duration-slow) cubic-bezier(.16, 1, .3, 1)}:is(.lightbox-stage,.lightbox-chrome).is-enter-prev{animation:lightbox-enter-prev var(--duration-slow) cubic-bezier(.16, 1, .3, 1)}.lightbox-counter{left:50%;bottom:calc(.75rem + var(--safe-area-bottom));z-index:10;font-variant-numeric:tabular-nums;color:var(--color-white);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));pointer-events:none;background:#0000008c;background:lab(0% 0 0/.55);border:1px solid #ffffff26;border:1px solid lab(100% 0 0/.15);border-radius:9999px;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;position:fixed;transform:translate(-50%)}@keyframes lightbox-enter-next{0%{opacity:0;transform:translate(3rem)scale(.97)}}@keyframes lightbox-enter-prev{0%{opacity:0;transform:translate(-3rem)scale(.97)}}.lightbox-nav{z-index:5;width:clamp(3.5rem,12vw,10rem);color:var(--color-white);cursor:pointer;transition:background-color var(--duration-base) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0}.lightbox-nav.is-prev{left:0}.lightbox-nav.is-next{right:0}.lightbox-nav:hover{background:#ffffff0a;background:lab(100% 0 0/.04)}.lightbox-nav:focus-visible{outline:none}.lightbox-nav:focus-visible .lightbox-nav-icon{outline:2px solid var(--color-brand-primary-400);outline-offset:3px}.lightbox-nav-icon{width:3rem;height:3rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:background-color var(--duration-base) ease, border-color var(--duration-base) ease, transform var(--duration-base) ease;background:#0000008c;background:lab(0% 0 0/.55);border:1px solid #ffffff40;border:1px solid lab(100% 0 0/.25);border-radius:9999px;justify-content:center;align-items:center;display:flex}.lightbox-nav:hover .lightbox-nav-icon{background:var(--color-brand-primary);border-color:oklch(from var(--color-brand-primary-400) l c h / .6);transform:scale(1.08)}@media (max-width:639px){.lightbox-nav-icon{width:2.5rem;height:2.5rem}}.lightbox-featured-btn{pointer-events:auto;border:1px solid oklch(from var(--color-gray-600) l c h / .5);background:oklch(from var(--color-gray-700) l c h / .8);color:var(--color-white);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:background-color var(--duration-base) ease, border-color var(--duration-base) ease, color var(--duration-base) ease, transform var(--duration-base) ease;border-radius:9999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.lightbox-featured-btn:hover:not(.is-pending){background:oklch(from var(--color-brand-primary) l c h / .4);border-color:oklch(from var(--color-brand-primary-400) l c h / .5)}.lightbox-featured-btn.is-active{background:var(--gradient-brand-lr);border-color:oklch(from var(--color-brand-primary-400) l c h / .6);color:var(--color-white)}.lightbox-featured-btn.is-pending{opacity:.6;cursor:progress}.lightbox-featured-btn-label{white-space:nowrap}.lightbox-delete-btn{pointer-events:auto;border:1px solid oklch(from var(--color-gray-600) l c h / .5);background:oklch(from var(--color-gray-700) l c h / .8);color:var(--color-gray-300);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:background-color var(--duration-base) ease-in-out, border-color var(--duration-base) ease-in-out, color var(--duration-base) ease-in-out;border-radius:9999px;flex-shrink:0;padding:.625rem}.lightbox-delete-btn:hover:not(.is-pending){background:oklch(from var(--color-danger-500) l c h / .85);border-color:oklch(from var(--color-danger-400) l c h / .6);color:var(--color-white)}.lightbox-delete-btn.is-pending{opacity:.6;cursor:progress}}@layer utilities;