.vinyl[data-v-f80531c0]{flex:none;width:132px;height:132px;text-decoration:none;display:block;position:relative}.record[data-v-f80531c0]{background:radial-gradient(circle at center,var(--color-accent) 0 20%,#000 20.5% 23%,transparent 23%),repeating-radial-gradient(circle at center,#0a0908 0 3px,#14110d 3px 6px);border-radius:50%;width:124px;height:124px;transition:transform .35s;position:absolute;top:4px;left:4px}.sleeve[data-v-f80531c0]{background:var(--color-bg);border:1px solid var(--color-line);text-align:center;border-radius:4px;overflow:hidden}.art[data-v-f80531c0],.sleeve[data-v-f80531c0]{position:absolute;inset:0}.art[data-v-f80531c0]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.caption[data-v-f80531c0]{letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg);background:linear-gradient(#0000,#0a0908e6 70%);padding:14px 6px 7px;font-size:12px;font-weight:500;line-height:1.4;position:absolute;inset:auto 0 0}.sleeve small[data-v-f80531c0]{letter-spacing:.12em;color:var(--color-dim);margin-top:4px;font-size:10px;display:block}.vinyl:focus-visible .record[data-v-f80531c0]{transform:translate(48px)rotate(90deg)}.vinyl:focus-visible .sleeve small[data-v-f80531c0]{color:var(--color-accent)}@media (hover:hover){.vinyl:hover .record[data-v-f80531c0]{transform:translate(48px)rotate(90deg)}.vinyl:hover .sleeve small[data-v-f80531c0]{color:var(--color-accent)}}.vinyl[data-v-f80531c0]:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}@media (width<=560px){.vinyl[data-v-f80531c0]{width:100px;height:100px}.record[data-v-f80531c0]{width:92px;height:92px}.vinyl:focus-visible .record[data-v-f80531c0]{transform:translate(36px)rotate(90deg)}@media (hover:hover){.vinyl:hover .record[data-v-f80531c0]{transform:translate(36px)rotate(90deg)}}.caption[data-v-f80531c0]{padding:10px 4px 5px;font-size:10px}.sleeve small[data-v-f80531c0]{letter-spacing:.06em;margin-top:2px;font-size:9px}}