.turntable{position:relative;overflow:hidden;background:var(--tt-bg, var(--color-ink));cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.turntable.is-dragging{cursor:grabbing}.turntable:focus-visible{outline:3px solid var(--color-burgundy-light);outline-offset:-3px}.turntable__media,.turntable picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.turntable__media{z-index:0;object-fit:cover;object-position:var(--tt-pos, 50% 50%)}.turntable picture{z-index:1}.turntable picture img,.turntable__poster{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--tt-pos, 50% 50%);pointer-events:none}.turntable[data-painted] picture{visibility:hidden}@media(max-width:860px){.turntable__media,.turntable picture img,.turntable__poster{object-position:var(--tt-pos-m, var(--tt-pos, 50% 50%))}}.turntable__hint{position:absolute;z-index:3;bottom:.85rem;left:50%;padding:.35rem .85rem;border-radius:9999px;background:color-mix(in srgb,var(--color-ink) 68%,transparent);color:var(--color-bone);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);pointer-events:none;animation:turntable-hint 3.2s ease-in-out 1.5s 2 both}.turntable__hint[hidden],.turntable.is-touched .turntable__hint{display:none}@keyframes turntable-hint{0%,to{opacity:0}25%,75%{opacity:1}}.turntable__toggle{position:absolute;z-index:4;right:.75rem;bottom:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid color-mix(in srgb,var(--color-bone) 28%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--color-ink) 72%,transparent);color:var(--color-bone);cursor:pointer}.turntable__toggle:hover{background:var(--color-burgundy)}.turntable__toggle:focus-visible{outline:3px solid var(--color-bone);outline-offset:2px}.turntable__toggle[hidden],.turntable__icon--play{display:none}.turntable__toggle.is-paused .turntable__icon--play{display:block}.turntable__toggle.is-paused .turntable__icon--pause{display:none}@media(prefers-reduced-motion:reduce){.turntable{cursor:default}.turntable__hint,.turntable__toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/turntable.css.map */