.dio-mode-gallery{display:block;min-width:0}.dio-mode-gallery__panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;visibility:hidden;opacity:0;transform:scale(1.015);transition:opacity .36s ease,transform .36s ease,visibility 0s linear .36s}.dio-mode-gallery__panel.is-active{visibility:visible;opacity:1;transform:scale(1);transition-delay:0s}.dio-mode-gallery__image{width:100%;height:100%;display:block;object-fit:cover}.dio-mode-gallery__controls{display:flex;gap:.8rem;margin-top:1.2rem;overflow-x:auto;padding:.2rem .2rem .8rem;scrollbar-width:thin;scroll-snap-type:x proximity}.dio-mode-tab{--dio-tab-accent: var(--dio-active-accent, var(--dio-accent));min-width:11.2rem;min-height:5.2rem;display:flex;flex:1 0 11.2rem;align-items:center;gap:1rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--dio-text) 14%,transparent);border-radius:.4rem;color:color-mix(in srgb,var(--dio-text) 62%,transparent);background:transparent;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start}.dio-mode-tab.is-active{color:var(--dio-text);border-color:var(--dio-tab-accent);background:color-mix(in srgb,var(--dio-tab-accent) 10%,transparent)}.dio-mode-tab__signal{width:1rem;height:1rem;flex:0 0 auto;border:1px solid currentColor;border-radius:50%}.dio-mode-tab.is-active .dio-mode-tab__signal{border-color:var(--dio-tab-accent);background:var(--dio-tab-accent);box-shadow:0 0 1.4rem var(--dio-tab-accent)}.dio-mode-tab__text{display:grid;gap:.1rem}.dio-mode-tab__text strong{font-size:1.2rem;line-height:1.2}.dio-mode-tab__text small{font-size:1rem;line-height:1.2;opacity:.75}@media(prefers-reduced-motion:reduce){.dio-mode-gallery__panel{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/3dio-mode-gallery.css.map */