.vinyl-stage{view-timeline-name:--vinyl-stage;view-timeline-axis:block}.vinyl-scroll{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--color-bg);width:76px;height:76px;box-shadow:var(--shadow-gallery);pointer-events:none;opacity:0;border-radius:999px;place-items:center;margin:0;animation:linear both vinyl-presence;animation-timeline:--vinyl-stage;animation-range:cover;display:grid;position:fixed}.vinyl-scroll svg{width:62px;height:62px}.vinyl-disc,.vinyl-arm{transform-box:view-box}.vinyl-disc{transform-origin:150px 168px}.vinyl-arm{transform-origin:268px 78px}@media (min-width:1024px){.vinyl-scroll{width:130px;height:130px;bottom:24px;right:24px}.vinyl-scroll svg{width:108px;height:108px}}@media (prefers-reduced-motion:no-preference){.vinyl-disc{animation:linear both vinyl-spin;animation-timeline:--vinyl-stage;animation-range:contain}.vinyl-arm{animation:linear both vinyl-arm;animation-timeline:--vinyl-stage;animation-range:contain}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@keyframes vinyl-arm{0%{transform:rotate(-36deg)}25%{transform:rotate(0)}to{transform:rotate(20deg)}}@keyframes vinyl-presence{0%,to{opacity:0}12%,88%{opacity:1}}