:root{--pm-bg:#f4f4f4;--pm-surface:#fff;--pm-ink:#231f20;--pm-muted:#555;--pm-border:#231f20;--pm-focus:#b25013;--pm-shadow:0 4px 18px #231f201f;--pm-radius:12px;--pm-thumb-size:64px}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.demo-page{margin:2rem auto;max-width:720px;padding:0 1rem}.product-media{aspect-ratio:1/1;background:var(--pm-bg);border-radius:4px;display:block;max-height:min(80vh,720px);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.product-media:-webkit-full-screen .icon-collapse,.product-media:fullscreen .icon-collapse{display:block!important}.product-media.is-fullscreen .icon-expand{display:none}.product-media.is-fullscreen .icon-collapse{display:block!important}.product-media__modes{background:var(--pm-surface);border-radius:999px;box-shadow:var(--pm-shadow);display:flex;flex-direction:column;gap:4px;left:12px;padding:6px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.product-media__mode{align-items:center;background:#0000;border:0;border-radius:50%;color:var(--pm-muted);cursor:pointer;display:inline-flex;height:40px;justify-content:center;min-height:40px;min-width:40px;padding:0;transition:color .15s ease,background .15s ease;width:40px}.product-media__mode svg{display:block;height:22px;width:22px}.product-media__mode:hover{color:var(--pm-surface)}.product-media__mode:focus{outline:none}.product-media__mode:focus-visible{color:var(--pm-surface);outline:2px solid var(--pm-focus);outline-offset:2px}.product-media__mode.is-active{background:#00000014;color:var(--pm-ink)}.product-media__mode[hidden]{display:none}.product-media__panel,.product-media__stage{inset:0;min-height:0;position:absolute}.product-media__panel{align-items:center;display:none;justify-content:center;overflow:hidden}.product-media__panel.is-active{display:flex}.product-media__panel[hidden]{display:none!important}.product-media__gallery{align-items:center;display:flex;height:100%;justify-content:center;padding:2.5rem 4rem 5.5rem;position:relative;width:100%}.product-media__gallery-main{display:block;max-height:100%;max-width:100%;object-fit:contain}.product-media__thumbs{bottom:18px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.product-media__thumb{background:var(--pm-surface);border:2px solid #0000;border-radius:4px;box-shadow:0 1px 4px #231f2014;cursor:pointer;height:var(--pm-thumb-size);min-height:44px;min-width:44px;overflow:hidden;padding:0;width:var(--pm-thumb-size)}.product-media__thumb img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.product-media__thumb.is-active{border-color:var(--pm-border)}.product-media__thumb:focus{outline:none}.product-media__thumb:focus-visible{outline:2px solid var(--pm-focus);outline-offset:2px}.product-media__spin{align-items:center;border-radius:4px;cursor:grab;display:flex;height:100%;justify-content:center;min-height:0;padding:2.5rem 4rem;position:relative;touch-action:none;width:100%}.product-media__spin:focus{outline:none}.product-media__spin:focus-visible{outline:2px solid var(--pm-focus);outline-offset:-8px}.product-media__spin.is-dragging{cursor:grabbing}.product-media__spin-image{display:block;max-height:100%;max-width:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.product-media__spin-hint{background:#231f20bf;border-radius:999px;bottom:24px;color:#fff;font-size:.875rem;left:50%;letter-spacing:.02em;margin:0;opacity:1;padding:.4rem .85rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .35s ease}.product-media__spin-hint.is-hidden{opacity:0}.product-media__video{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;padding:2rem 3.5rem 4rem;position:relative;width:100%}.product-media__video-embed,.product-media__video-file{background:#231f20;max-height:100%;max-width:960px;width:100%}.product-media__video-embed{aspect-ratio:16/9;display:none;position:relative}.product-media__video-embed.is-active{display:block}.product-media__video-embed iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.product-media__video-file{display:none;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.product-media__video-file.is-active{display:block}.product-media__video-toggle{background:var(--pm-surface);border-radius:999px;bottom:18px;box-shadow:var(--pm-shadow);display:flex;gap:6px;left:50%;padding:4px;position:absolute;transform:translateX(-50%);z-index:3}.product-media__video-toggle button{background:#0000;border:0;border-radius:999px;color:var(--pm-muted);cursor:pointer;font:inherit;font-size:.875rem;min-height:36px;padding:.4rem .9rem}.product-media__video-toggle button.is-active{background:#0000001a;color:var(--pm-ink)}.product-media__video-toggle button:focus{outline:none}.product-media__video-toggle button:focus-visible{outline:2px solid var(--pm-focus);outline-offset:2px}.product-media__fullscreen{align-items:center;background:#0000;border:0;border-radius:8px;bottom:14px;color:var(--pm-ink);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;position:absolute;right:14px;width:44px;z-index:6}.product-media[data-mode=video] .product-media__fullscreen{display:none}.product-media__fullscreen:hover{background:#ffffffb3}.product-media__fullscreen:focus{color:var(--pm-surface);outline:none}.product-media__fullscreen:focus:not(:hover) svg{color:var(--pm-surface)}.product-media__fullscreen:focus-visible{background:#ffffffb3;outline:2px solid var(--pm-focus);outline-offset:2px}.product-media__fullscreen svg{color:var(--pm-ink);height:22px;width:22px}@media(prefers-reduced-motion:reduce){.product-media__mode,.product-media__spin-hint{transition:none}}@media(max-width:640px){.demo-page{margin:1rem auto;padding:0 .5rem}.product-media{aspect-ratio:4/5;max-height:none}.product-media__modes{left:8px;padding:4px}.product-media__mode{height:40px;width:40px}.product-media__gallery,.product-media__spin{padding:2rem 3.25rem 5rem}.product-media__video{padding:1.5rem 3rem 4rem}:root{--pm-thumb-size:52px}}