@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:scale(1)}@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-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-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}}@layer utilities;