.detail-gallery{margin-top:12px}.detail-slider{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-1);touch-action:pan-y;position:absolute;top:0;left:0;right:0;overflow:hidden}.detail-slider__track,.detail-slider__slide{position:absolute;inset:0}.detail-slider__slide{place-items:center;display:grid}.detail-slider__slide.is-prev{transform:translate(-100%)}.detail-slider__slide.is-next{transform:translate(100%)}.detail-slider__img{object-fit:contain;user-select:none;width:100%;height:100%}.detail-slider__pill{align-items:center;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.detail-slider__pill,.detail-slider__zoom,.detail-mode{background:var(--scrim);color:var(--on-overlay);font-size:var(--text-sm);border-radius:99px;font-weight:700}.detail-slider__arrow{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.detail-slider__arrow[aria-disabled=true]{cursor:default;opacity:.4}.detail-slider__count{text-align:center;font-variant-numeric:tabular-nums;min-width:64px}.detail-slider__zoom{justify-content:center;align-items:center;gap:6px;width:44px;height:44px;display:inline-flex;position:absolute;top:12px;right:116px}.detail-slider__zoom-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.detail-mode{z-index:1;padding:4px;display:flex;position:absolute;top:12px;left:12px}.detail-mode button{border-radius:99px;min-height:44px;padding:0 16px}.detail-mode button[aria-pressed=true]{background:var(--brand);color:var(--on-brand)}.detail-mode button[aria-disabled=true]{opacity:.5}[data-detail-slot=viewer]:has([data-viewer-status=ready]) :is(.detail-media-actions,.detail-mode){top:57px}.detail-strip__img,.detail-strip__3d.has-cover>picture{opacity:.72;transition:opacity var(--motion-fast)}.detail-strip__img:is(.is-on,:hover,:focus-visible),.detail-strip__3d.has-cover:is(.is-on,:hover,:focus-visible)>picture{opacity:1}.detail-strip__3d.has-cover{border:0;position:relative}.detail-strip__chip{border-radius:var(--radius-xs);background:var(--brand-cta);color:var(--on-brand-cta);font-size:var(--text-xs);padding:1px 6px;font-weight:800;position:absolute;top:4px;left:4px}.detail-strip__spin{margin:auto;position:absolute;inset:0}@media (width>=768px){.detail-slider{aspect-ratio:4/3}.detail-slider__zoom{width:auto;height:36px;padding:0 14px;top:auto;bottom:14px;right:14px}.detail-slider__zoom-text{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.detail-mode button{min-height:36px}}
