.alumatic-mode-viewer__stage{position:relative;aspect-ratio:4 / 5;background:var(--stage);border-radius:var(--r-card);overflow:hidden}.alumatic-mode-viewer__render{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-reveal) var(--ease-calm)}.alumatic-mode-viewer__render.is-active{opacity:1;z-index:1}.alumatic-mode-viewer__render img{width:100%;height:100%;object-fit:contain}.alumatic-mode-viewer__colour-image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-reveal) var(--ease-calm)}.alumatic-mode-viewer__colour-image.is-active{opacity:1;z-index:1}.alumatic-mode-viewer__placeholder{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-3);border:.5px dashed var(--line-2);border-radius:var(--r-card);width:calc(100% - 32px);height:calc(100% - 32px);display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.alumatic-mode-viewer__caption{font-family:var(--font-serif);font-style:italic;font-size:13.5px;line-height:1.4;color:var(--ink-2);margin:var(--sp-16) 0 0}.alumatic-mode-viewer__selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-8);margin-top:var(--sp-24)}@media screen and (min-width:480px){.alumatic-mode-viewer__selector{grid-template-columns:repeat(4,1fr)}}.alumatic-mode-viewer__tab{display:flex;flex-direction:column;gap:4px;background:var(--paper);border:.5px solid var(--line-2);border-radius:var(--r-control);padding:10px 12px;text-align:left;cursor:pointer;transition:border-color var(--t-hover) var(--ease-calm);min-height:44px}.alumatic-mode-viewer__tab:hover{border-color:var(--ink-2)}.alumatic-mode-viewer__tab.is-active{border:1px solid var(--ink)}.alumatic-mode-viewer__tab:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.alumatic-mode-viewer__tab-icon{display:block;width:24px;height:24px;color:var(--ink-2);margin-bottom:2px}.alumatic-mode-viewer__tab-icon svg{display:block;width:100%;height:100%}.alumatic-mode-viewer__tab.is-active .alumatic-mode-viewer__tab-icon{color:var(--ink)}.alumatic-mode-viewer__tab-position{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-3)}.alumatic-mode-viewer__tab-name{font-family:var(--font-serif);font-size:14px;color:var(--ink)}.alumatic-mode-viewer__dots{display:flex;align-items:center;justify-content:center;gap:var(--sp-12)}.alumatic-mode-viewer__dot{width:5px;height:5px;padding:0;border:none;border-radius:50%;background:var(--line-2);cursor:pointer}.alumatic-mode-viewer__dot:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.alumatic-mode-viewer__dot.is-active{width:6px;height:6px;background:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-mode-viewer.css.map */