.mtd-preview__frame{position:relative;max-width:46rem;margin-inline:auto}.mtd-preview__stage{position:relative;border-radius:var(--mtd-radius);overflow:hidden;background:var(--mtd-surface);box-shadow:var(--mtd-shadow)}.mtd-preview__frame--portrait .mtd-preview__stage{aspect-ratio:1 / 1.35}.mtd-preview__frame--landscape .mtd-preview__stage{aspect-ratio:4 / 3}.mtd-preview__frame--square .mtd-preview__stage{aspect-ratio:1 / 1}.mtd-preview__page{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.mtd-preview__page.is-active{opacity:1;pointer-events:auto}.mtd-preview__page img,.mtd-preview__placeholder{width:100%;height:100%;object-fit:contain;display:block;background:var(--mtd-bg)}.mtd-preview__caption{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);padding:.35em .85em;border-radius:999px;background:color-mix(in srgb,var(--mtd-ink) 82%,transparent);color:var(--mtd-bg);font-size:calc(var(--mtd-step-xs) * var(--mtd-body-scale, 1));font-weight:600;white-space:nowrap}.mtd-preview__nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--mtd-bg);box-shadow:var(--mtd-shadow-sm);z-index:2}.mtd-preview__nav--prev{left:-1.375rem}.mtd-preview__nav--next{right:-1.375rem}@media(max-width:900px){.mtd-preview__nav--prev{left:.5rem}.mtd-preview__nav--next{right:.5rem}}.mtd-preview__counter{margin:var(--mtd-space-sm) 0 0;text-align:center;font-size:calc(var(--mtd-step-md) * var(--mtd-body-scale, 1));font-weight:700}.mtd-preview__dots{display:flex;justify-content:center;gap:.4rem;margin-top:var(--mtd-space-2xs)}.mtd-preview__dot{width:.5rem;height:.5rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--mtd-ink) 22%,transparent);cursor:pointer;transition:background .15s ease,transform .15s ease}.mtd-preview__dot.is-active{background:var(--mtd-ink);transform:scale(1.25)}.mtd-preview__note{margin-top:var(--mtd-space-xs);text-align:center;color:var(--mtd-muted);font-size:calc(var(--mtd-step-xs) * var(--mtd-body-scale, 1))}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mtd-preview.css.map */