@layer theme,base,components,utilities;@layer forge{.ff-image-gallery-fullscreen{--ff-sw-slider-cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;block-size:100%;inline-size:100%;display:flex;position:relative;container-type:inline-size}.ff-image-gallery-fullscreen__zoom-controls{z-index:20;position:absolute;inset-block-start:var(--ff-spacing-4,1rem);inset-inline-start:var(--ff-spacing-4,1rem)}.ff-image-gallery-fullscreen__counter{background:color-mix(in srgb,var(--ff-color-neutral-900,#0f172a) 70%,transparent);border-radius:var(--ff-radius-md,.5rem);color:var(--ff-color-neutral-0,#fff);font-size:var(--ff-font-size-sm,.875rem);font-weight:var(--ff-font-weight-medium,500);padding:var(--ff-spacing-1,.25rem) var(--ff-spacing-3,.75rem);z-index:20;position:absolute;inset-block-start:var(--ff-spacing-4,1rem);inset-inline-end:var(--ff-spacing-16,4rem)}.ff-image-gallery-fullscreen__main{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@container (width<=640px){.ff-image-gallery-fullscreen__main{padding-block:var(--ff-spacing-14,3.5rem)}.ff-image-gallery-fullscreen__counter,.ff-image-gallery-fullscreen__zoom-controls{inset-block-start:var(--ff-spacing-2,.5rem)}}.ff-image-gallery-fullscreen__nav-btn{touch-action:manipulation;z-index:10;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.ff-image-gallery-fullscreen__nav-btn:hover{transform:translateY(-50%)}.ff-image-gallery-fullscreen__nav-btn--prev{inset-inline-start:0}.ff-image-gallery-fullscreen__nav-btn--next{inset-inline-end:0}.ff-image-gallery-fullscreen__zoom-container,.ff-image-gallery-fullscreen__zoom-wrapper{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:flex}.ff-image-gallery-fullscreen__zoom-wrapper{transition:transform .2s ease-out}.ff-image-gallery-fullscreen__slide{aspect-ratio:16/9;background:var(--ff-color-neutral-50,#f8fafc);justify-content:center;align-items:center;inline-size:100%;display:flex;position:relative}.ff-image-gallery-fullscreen__image{-o-object-fit:contain;object-fit:contain;block-size:auto;max-block-size:100%;inline-size:auto;max-inline-size:100%}.ff-image-gallery-fullscreen__image.is-error,.ff-image-gallery-fullscreen__image.is-loading{opacity:0}.ff-image-gallery-fullscreen__spatial-wrapper{position:relative}.ff-image-gallery-fullscreen__spatial-badge{background:var(--ff-color-neutral-600,#475569);border-radius:var(--ff-radius-sm,.25rem);color:var(--ff-color-neutral-0,#fff);font-size:var(--ff-font-size-sm,.875rem);padding:var(--ff-spacing-1,.25rem) var(--ff-spacing-2,.5rem);position:absolute;inset-block-start:var(--ff-spacing-2,.5rem);inset-inline-end:var(--ff-spacing-2,.5rem)}.ff-image-gallery-fullscreen__loader{z-index:5;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.ff-image-gallery-fullscreen__init-loader{border:3px solid var(--ff-color-neutral-200,#e2e8f0);border-top-color:var(--ff-color-primary,#0042a0);border-radius:50%;block-size:3rem;inline-size:3rem;animation:1s linear infinite ff-spin}@keyframes ff-spin{to{transform:rotate(1turn)}}.ff-image-gallery-fullscreen__error{background:var(--ff-color-neutral-50,#f8fafc);color:var(--ff-color-neutral-500,#64748b);align-items:center;gap:var(--ff-spacing-3,.75rem);padding:var(--ff-spacing-8,2rem);z-index:5;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.ff-image-gallery-fullscreen__error-icon{block-size:3rem;color:var(--ff-color-neutral-400,#94a3b8);inline-size:3rem}.ff-image-gallery-fullscreen__error-text{font-size:var(--ff-font-size-sm,.875rem)}.ff-image-gallery-fullscreen__thumbnails{background:color-mix(in srgb,var(--ff-color-neutral-0,#fff) 95%,transparent);inline-size:100%;padding:var(--ff-spacing-4,1rem)}.ff-image-gallery-fullscreen__sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ff-image-gallery-fullscreen__empty{color:var(--ff-color-neutral-500,#64748b);align-items:center;gap:var(--ff-spacing-4,1rem);flex-direction:column;flex:1;justify-content:center;display:flex}.ff-image-gallery-fullscreen__empty-icon{block-size:4rem;color:var(--ff-color-neutral-400,#94a3b8);inline-size:4rem}.ff-image-gallery-fullscreen__empty-text{font-size:var(--ff-font-size-lg,1.125rem)}@container (width<=640px){.ff-image-gallery-fullscreen__counter{font-size:var(--ff-font-size-xs,.75rem);inset-block-start:var(--ff-spacing-3,.75rem);inset-inline-end:var(--ff-spacing-12,3rem)}.ff-image-gallery-fullscreen__thumbnails{padding:var(--ff-spacing-2,.5rem)}}}