:where(.c-base-image-lightbox__lightbox){position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-auto-flow:dense;grid-template-columns:max-content 1fr max-content;grid-template-rows:max-content 1fr max-content;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;--un-bg-opacity:1;background-color:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity));--bgCurrent:rgb(var(--theme-colors-background-canvas) / var(--un-bg-opacity)) ;--theme-colors-strong-on-X:var(--theme-colors-onCanvasStrong);--theme-colors-medium-on-X:var(--theme-colors-onCanvasMedium);--theme-colors-subtle-on-X:var(--theme-colors-onCanvasSubtle);--theme-colors-disabled-on-X:var(--theme-colors-onCanvasDisabled);--theme-colors-danger-on-X:var(--theme-colors-onCanvasDanger);--theme-colors-placeholder-on-X:var(--theme-colors-onCanvasPlaceholder);--theme-colors-interactive-on-X:var(--theme-colors-onCanvasInteractive);--theme-colors-interactiveHover-on-X:var(--theme-colors-onCanvasInteractiveHover);--theme-colors-interactiveActive-on-X:var(--theme-colors-onCanvasInteractiveActive);--theme-colors-onIndent-on-X:var(--theme-colors-onCanvasOnIndent);--theme-colors-onIndentHover-on-X:var(--theme-colors-onCanvasOnIndentHover);--theme-colors-onIndentActive-on-X:var(--theme-colors-onCanvasOnIndentActive);--theme-colors-indent-on-X:var(--theme-colors-onCanvasIndent);--theme-colors-indentActive-on-X:var(--theme-colors-onCanvasIndentActive);--theme-colors-text-strong-on-X:var(--theme-colors-text-onCanvasStrong);--theme-colors-text-medium-on-X:var(--theme-colors-text-onCanvasMedium);--theme-colors-text-subtle-on-X:var(--theme-colors-text-onCanvasSubtle);--theme-colors-text-disabled-on-X:var(--theme-colors-text-onCanvasDisabled);--theme-colors-text-danger-on-X:var(--theme-colors-text-onCanvasDanger);--theme-colors-text-placeholder-on-X:var(--theme-colors-text-onCanvasPlaceholder);--theme-colors-text-interactive-on-X:var(--theme-colors-text-onCanvasInteractive);--theme-colors-text-interactiveHover-on-X:var(--theme-colors-text-onCanvasInteractiveHover);--theme-colors-text-interactiveActive-on-X:var(--theme-colors-text-onCanvasInteractiveActive);--theme-colors-text-onIndent-on-X:var(--theme-colors-text-onCanvasOnIndent);--theme-colors-text-onIndentHover-on-X:var(--theme-colors-text-onCanvasOnIndentHover);--theme-colors-text-onIndentActive-on-X:var(--theme-colors-text-onCanvasOnIndentActive);--theme-colors-border-extraStrong-on-X:var(--theme-colors-border-onCanvasExtraStrong);--theme-colors-border-strong-on-X:var(--theme-colors-border-onCanvasStrong);--theme-colors-border-medium-on-X:var(--theme-colors-border-onCanvasMedium);--theme-colors-border-subtle-on-X:var(--theme-colors-border-onCanvasSubtle);--theme-colors-border-danger-on-X:var(--theme-colors-border-onCanvasDanger);--theme-colors-border-interactive-on-X:var(--theme-colors-border-onCanvasInteractive);padding:var(--theme-spacing-2xs, var(--theme-spacing-2xs--sm))}@media (min-width: 60em){:where(.c-base-image-lightbox__lightbox){grid-template-rows:0 1fr max-content;padding-top:var(--theme-spacing-xl, var(--theme-spacing-xl--sm));padding-inline:var(--theme-spacing-md, var(--theme-spacing-md--sm));padding-bottom:var(--theme-spacing-md, var(--theme-spacing-md--sm))}}:where(.c-base-image-lightbox__lightbox) a[href]{text-decoration-line:underline}:where(.c-base-image-lightbox__lightbox) a[href]:hover{--un-text-opacity:1;color:rgb(var(--theme-colors-text-interactiveHover-on-X) / var(--un-text-opacity))}:where(.c-base-image-lightbox__lightbox) a[href]:active{--un-text-opacity:1;color:rgb(var(--theme-colors-text-interactiveActive-on-X) / var(--un-text-opacity))}.t-base-image-lightbox-enter-active,.t-base-image-lightbox-leave-active{clip-path:circle(var(--clip-size, 72vmax) at var(--clip-x, 50%) var(--clip-y, 50%));transition:opacity .3s ease-in-out,clip-path .3s ease-in-out}.t-base-image-lightbox-enter-from,.t-base-image-lightbox-leave-to{clip-path:circle(0 at var(--clip-x, 50%) var(--clip-y, 50%));opacity:0}.t-base-image-lightbox__lightbox-image-enter-active,.t-base-image-lightbox__lightbox-image-leave-active{transition:all .3s ease-out}.t-base-image-lightbox__lightbox-image-enter-from,.t-base-image-lightbox__lightbox-image-leave-to{opacity:0}.t-base-image-lightbox__description-enter-active,.t-base-image-lightbox__description-leave-active{transition:all .3s ease}.t-base-image-lightbox__description-enter-from,.t-base-image-lightbox__description-leave-to{opacity:0}.c-base-image-lightbox__count{min-width:4ch;text-align:right;transition:all .3s ease}.t-base-image-lightbox__counter-enter-active,.t-base-image-lightbox__counter-leave-active{transition:all .3s ease}:is(.c-base-image-lightbox__counter--forwards .t-base-image-lightbox__counter-enter-from) .c-base-image-lightbox__count{opacity:0;transform:translateY(-10px)}:is(.c-base-image-lightbox__counter--forwards .t-base-image-lightbox__counter-leave-to) .c-base-image-lightbox__count{opacity:0;transform:translateY(10px)}:is(.c-base-image-lightbox__counter--backwards .t-base-image-lightbox__counter-enter-from) .c-base-image-lightbox__count{opacity:0;transform:translateY(10px)}:is(.c-base-image-lightbox__counter--backwards .t-base-image-lightbox__counter-leave-to) .c-base-image-lightbox__count{opacity:0;transform:translateY(-10px)}
