.dio-mode-lightbox{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(1.2rem,env(safe-area-inset-top)) max(1.2rem,env(safe-area-inset-right)) max(1.2rem,env(safe-area-inset-bottom)) max(1.2rem,env(safe-area-inset-left));color:var(--dio-lightbox-text)}.dio-mode-lightbox[hidden],.dio-mode-lightbox [hidden]{display:none}.dio-mode-lightbox__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dio-lightbox-overlay);opacity:0;cursor:pointer;transition:opacity .18s ease}.dio-mode-lightbox__dialog{position:relative;z-index:1;width:min(100%,var(--dio-lightbox-max-width));max-height:calc(100dvh - 2.4rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--dio-lightbox-text) 18%,transparent);border-radius:.8rem;background:var(--dio-lightbox-background);opacity:0;transition:opacity .18s ease}.dio-mode-lightbox[data-state=open] .dio-mode-lightbox__overlay{opacity:var(--dio-lightbox-overlay-opacity)}.dio-mode-lightbox[data-state=open] .dio-mode-lightbox__dialog{opacity:1}.dio-mode-lightbox__header{position:sticky;z-index:3;top:0;min-height:6rem;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 1.2rem 1.2rem 2rem;border-bottom:1px solid color-mix(in srgb,var(--dio-lightbox-text) 12%,transparent);background:var(--dio-lightbox-background)}.dio-mode-lightbox__title{margin:0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(2.2rem,4vw,3.4rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:0;line-height:1;overflow-wrap:anywhere}.dio-mode-lightbox__stage{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:var(--dio-lightbox-stage);isolation:isolate}.dio-mode-lightbox__slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;transform:scale(1.012);transition:opacity var(--dio-lightbox-transition-duration) ease,transform var(--dio-lightbox-transition-duration) ease,visibility 0s linear var(--dio-lightbox-transition-duration)}.dio-mode-lightbox__slide.is-active{z-index:1;visibility:visible;opacity:1;transform:none;transition-delay:0s}.dio-mode-lightbox__image{width:100%;height:100%;display:block;object-fit:cover}.dio-mode-lightbox__details{block-size:10.4rem;overflow-y:auto;padding:1.8rem 2rem;border-top:1px solid color-mix(in srgb,var(--dio-lightbox-text) 12%,transparent)}.dio-mode-lightbox__details.is-empty{display:none}.dio-mode-lightbox__caption{min-width:0}.dio-mode-lightbox__label,.dio-mode-lightbox__caption-text,.dio-mode-lightbox__counter{margin:0}.dio-mode-lightbox__label{color:var(--dio-lightbox-accent);font-size:1.2rem;font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.dio-mode-lightbox__caption-text{margin-top:.6rem;color:color-mix(in srgb,var(--dio-lightbox-text) 72%,transparent);font-size:1.5rem;line-height:1.5;overflow-wrap:anywhere}.dio-mode-lightbox__footer{min-height:6.8rem;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 2rem;border-top:1px solid color-mix(in srgb,var(--dio-lightbox-text) 12%,transparent)}.dio-mode-lightbox__counter{color:color-mix(in srgb,var(--dio-lightbox-text) 62%,transparent);font-size:1.2rem;font-variant-numeric:tabular-nums;line-height:1.4}.dio-mode-lightbox__controls{display:flex;align-items:center;gap:.8rem}.dio-mode-lightbox__control{width:4.4rem;height:4.4rem;flex:0 0 4.4rem;display:inline-flex;align-items:center;justify-content:center;padding:1.1rem;border:1px solid color-mix(in srgb,var(--dio-lightbox-text) 22%,transparent);border-radius:.4rem;color:var(--dio-lightbox-text);background:transparent;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.dio-mode-lightbox__control:hover{border-color:var(--dio-lightbox-accent);color:var(--dio-lightbox-accent);background:color-mix(in srgb,var(--dio-lightbox-accent) 8%,transparent)}.dio-mode-lightbox__control:focus-visible{outline:.3rem solid var(--dio-lightbox-accent);outline-offset:.3rem}.dio-mode-lightbox__control:disabled{cursor:not-allowed;opacity:.35}.dio-mode-lightbox__control svg{width:100%;height:100%}.dio-mode-lightbox__previous svg{transform:rotate(180deg)}.dio-mode-lightbox__close{border-color:transparent}@media screen and (min-width:750px){.dio-mode-lightbox{padding:max(2.4rem,env(safe-area-inset-top)) max(2.4rem,env(safe-area-inset-right)) max(2.4rem,env(safe-area-inset-bottom)) max(2.4rem,env(safe-area-inset-left))}.dio-mode-lightbox__dialog{max-height:calc(100dvh - 4.8rem)}.dio-mode-lightbox__stage{aspect-ratio:16 / 10}}@media screen and (max-width:479px){.dio-mode-lightbox__header,.dio-mode-lightbox__details,.dio-mode-lightbox__footer{padding-inline:1.4rem}.dio-mode-lightbox__details{block-size:11.2rem}}@media(prefers-reduced-motion:reduce){.dio-mode-lightbox__overlay,.dio-mode-lightbox__dialog,.dio-mode-lightbox__slide,.dio-mode-lightbox__control{transition:none}.dio-mode-lightbox__slide{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/3dio-mode-lightbox.css.map */