pacing-200); position: relative; } .lightbox-dialog__main > :first-child { margin-top: 0; } .lightbox-dialog__main > :last-child { margin-bottom: 0; } .lightbox-dialog__footer { border-top: 1px solid var(--dialog-lightbox-separator-color, var(--color-border-subtle)); display: flex; flex-direction: column; justify-content: center; padding: var(--spacing-200); position: relative; } .lightbox-dialog__footer > :not(:first-child) { margin-top: var(--spacing-200); } .lightbox-dialog__image { background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: var(--border-radius-100) var(--border-radius-100) 0 0; height: 218px; position: absolute; width: 100%; } .lightbox-dialog--expressive .lightbox-dialog__window { padding-bottom: var(--spacing-100); } .lightbox-dialog--expressive .lightbox-dialog__header > * { margin-top: 218px; } .lightbox-dialog--expressive .lightbox-dialog__header { margin: var(--spacing-300) var(--spacing-300) 0; } .lightbox-dialog--expressive .lightbox-dialog__footer, .lightbox-dialog--expressive .lightbox-dialog__main { padding: var(--spacing-200) var(--spacing-300); } button.icon-btn.lightbox-dialog__close, button.icon-btn.lightbox-dialog__prev { align-self: flex-start; border: 0; height: 32px; min-width: 32px; position: relative; width: 32px; z-index: 1; } button.icon-btn.lightbox-dialog__prev { margin-inline-end: var(--spacing-200); } .lightbox-dialog--expressive button.icon-btn.lightbox-dialog__close, .lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev { align-self: self-start; margin: 0; } .lightbox-dialog--expressive button.icon-btn.lightbox-dialog__prev + * { margin-left: -32px; } .lightbox-dialog__title:not(:first-child) { margin-left: var(--spacing-200); } .lightbox-dialog__title--center { text-align: center; } .lightbox-dialog--hide.lightbox-dialog--mask-fade, .lightbox-dialog--hide.lightbox-dialog--mask-fade-slow { transition: background-color var(--motion-duration-short-3) var(--motion-easing-continuous); } .lightbox-dial