.album-vinyl[data-v-c53de048]{--vinyl-peek:0%;--vinyl-slide:78%;--sleeve-peek:0%;--sleeve-slide:34%;--hover-tilt:-18deg;--duration:.55s;--ease:cubic-bezier(.33,1,.68,1);container-type:inline-size;max-width:30rem;outline:none;perspective:900px;width:100%}.album-vinyl__stage[data-v-c53de048]{aspect-ratio:1;position:relative;transform-style:preserve-3d;transition:transform var(--duration) var(--ease),translate var(--duration) var(--ease);width:100%}.album-vinyl__stage[data-v-c53de048]:after{background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0,transparent 70%);bottom:-6%;content:"";height:8%;left:0;opacity:.45;pointer-events:none;position:absolute;right:0;transform:scaleX(1.15);transform-origin:center;transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease);z-index:0}@media(hover:hover)and (pointer:fine){.album-vinyl:focus-visible .album-vinyl__stage[data-v-c53de048],.album-vinyl:hover .album-vinyl__stage[data-v-c53de048]{transform:rotate3d(1,1,0,var(--hover-tilt));translate:calc(var(--vinyl-slide)*-.22) 0}.album-vinyl:focus-visible .album-vinyl__stage[data-v-c53de048]:after,.album-vinyl:hover .album-vinyl__stage[data-v-c53de048]:after{opacity:.7;transform:scaleX(1.85) scaleY(1.6)}}.album-vinyl__cover[data-v-c53de048],.album-vinyl__sleeve[data-v-c53de048],.album-vinyl__vinyl[data-v-c53de048]{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.album-vinyl__vinyl[data-v-c53de048]{animation:album-vinyl-spin-c53de048 1.8s linear infinite paused;background:repeating-radial-gradient(circle at center,#0a0a0c 0,#0a0a0c .45%,#1a1a22 0,#1a1a22 .7%);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 28px #00000073;scale:.94;transition:translate var(--duration) var(--ease);translate:var(--vinyl-peek) 0;will-change:transform,translate;z-index:1}@media(hover:hover)and (pointer:fine){.album-vinyl:focus-visible .album-vinyl__vinyl[data-v-c53de048],.album-vinyl:hover .album-vinyl__vinyl[data-v-c53de048]{animation-play-state:running;translate:var(--vinyl-slide) 0}}.album-vinyl__label[data-v-c53de048]{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 3px #0a0a0c;top:31%;right:31%;bottom:31%;left:31%;overflow:hidden}.album-vinyl__label[data-v-c53de048],.album-vinyl__label[data-v-c53de048]:after{background:#07070a;border-radius:50%;position:absolute}.album-vinyl__label[data-v-c53de048]:after{box-shadow:inset 0 0 0 1px #ffffff1a;content:"";top:44%;right:44%;bottom:44%;left:44%;z-index:1}.album-vinyl__label-img[data-v-c53de048]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.album-vinyl__sleeve[data-v-c53de048]{background:#101017;border-radius:.25rem;box-shadow:1px 0 8px -2px #0006;overflow:hidden;scale:.985;transition:translate var(--duration) var(--ease) .05s;translate:var(--sleeve-peek) 0;z-index:2}@media(hover:hover)and (pointer:fine){.album-vinyl:focus-visible .album-vinyl__sleeve[data-v-c53de048],.album-vinyl:hover .album-vinyl__sleeve[data-v-c53de048]{translate:var(--sleeve-slide) 0}}.album-vinyl__sleeve-img[data-v-c53de048]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.album-vinyl__cover[data-v-c53de048]{background:#07070a;border-radius:.35rem;box-shadow:2px 0 10px -2px #0000008c,0 12px 32px #0006;overflow:hidden;z-index:3}.album-vinyl__cover-img[data-v-c53de048]{aspect-ratio:1;display:block;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@keyframes album-vinyl-spin-c53de048{0%{rotate:0deg}to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.album-vinyl__vinyl[data-v-c53de048]{animation:none}@media(hover:hover)and (pointer:fine){.album-vinyl:focus-visible .album-vinyl__stage[data-v-c53de048],.album-vinyl:hover .album-vinyl__stage[data-v-c53de048]{transform:none;translate:0}.album-vinyl:focus-visible .album-vinyl__vinyl[data-v-c53de048],.album-vinyl:hover .album-vinyl__vinyl[data-v-c53de048]{animation:none;translate:42% 0}.album-vinyl:focus-visible .album-vinyl__sleeve[data-v-c53de048],.album-vinyl:hover .album-vinyl__sleeve[data-v-c53de048]{translate:22% 0}}}@media(max-width:640px){.album-vinyl[data-v-c53de048]{max-width:none}}