vinyl-records[data-astro-cid-f7wfzlbr]:not(:defined) [data-astro-cid-f7wfzlbr]:is(form,.drawer-nav){display:none}.records[data-astro-cid-f7wfzlbr]{margin-block-start:var(--size-4)}.story[data-astro-cid-f7wfzlbr]{max-inline-size:var(--size-content);margin-block-start:var(--size-12);margin-inline:auto;scroll-margin-block-start:var(--size-8)}.filters[data-astro-cid-f7wfzlbr]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width>=640px){flex-wrap:wrap;display:flex}}.filters[data-astro-cid-f7wfzlbr] select[data-astro-cid-f7wfzlbr]{width:100%}.view-toggle[data-astro-cid-f7wfzlbr]{--btn-px:var(--size-3);--btn-py:var(--size-2);--btn-stroke:color-mix(in oklab, var(--root-bg) 70%, var(--root-fg));--btn-active-bg:var(--brand);--btn-active-color:var(--on-brand);grid-column:1/-1;place-self:flex-end start}.cover[data-astro-cid-f7wfzlbr]{--btn-px:0;--btn-py:0;--btn-radius:0;--btn-border-width:0;--btn-bg:transparent;--btn-hover-bg:transparent;--outline-offset:-4px;cursor:zoom-in;width:100%;display:block}.gallery[data-astro-cid-f7wfzlbr]{justify-content:center;align-items:center;gap:var(--size-3);padding:var(--size-4);color:#fff;flex-direction:column}.gallery[data-astro-cid-f7wfzlbr] p[data-astro-cid-f7wfzlbr]{text-align:center;margin:0}.gallery-image[data-astro-cid-f7wfzlbr]{object-fit:contain;flex:0 auto;max-width:100%;min-height:0}.gallery-thumbs[data-astro-cid-f7wfzlbr] button[data-astro-cid-f7wfzlbr]{--btn-px:0;--btn-py:0;--btn-border-width:0;--btn-bg:transparent;--btn-hover-bg:transparent;opacity:.6;&[aria-current=true]{opacity:1;outline-offset:2px;outline:2px solid #fff}}.gallery-thumbs[data-astro-cid-f7wfzlbr] img[data-astro-cid-f7wfzlbr]{width:var(--size-16);height:var(--size-16);object-fit:cover;display:block}.gallery-close[data-astro-cid-f7wfzlbr]{--btn-bg:#ffffff26;--btn-hover-bg:#ffffff4d;--btn-color:white;position:absolute;inset-block-start:var(--size-3);inset-inline-end:var(--size-3)}.records[data-astro-cid-f7wfzlbr] img[data-astro-cid-f7wfzlbr]{aspect-ratio:1;object-fit:cover}.records[data-astro-cid-f7wfzlbr] p[data-astro-cid-f7wfzlbr],.links[data-astro-cid-f7wfzlbr]{margin-block:var(--size-2) 0}.links[data-astro-cid-f7wfzlbr]{--list-flow:0;padding-inline-start:0;& a{padding:var(--size-1);transition:scale .2s var(--ease-3);display:block;&:is(:hover,:focus-visible){scale:1.2}}& svg{display:block}}[data-astro-cid-f7wfzlbr][data-view=list] .records[data-astro-cid-f7wfzlbr]{--list-flow:0;grid-template-columns:1fr;gap:0}[data-astro-cid-f7wfzlbr][data-view=list] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]:not([hidden]){grid-template-columns:var(--size-16) 1fr;align-items:center;column-gap:var(--size-4);padding-block:var(--size-2);border-block-end:1px solid oklch(from var(--root-fg) l c h / 10%);display:grid;@media (width>=640px){grid-template-columns:var(--size-16) 1fr auto}}[data-astro-cid-f7wfzlbr][data-view=list] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]>.cover[data-astro-cid-f7wfzlbr]{@media (width<640px){grid-row:span 2}}[data-astro-cid-f7wfzlbr][data-view=list] .records[data-astro-cid-f7wfzlbr] p[data-astro-cid-f7wfzlbr],[data-astro-cid-f7wfzlbr][data-view=list] .links[data-astro-cid-f7wfzlbr]{margin-block:0}.genres[data-astro-cid-f7wfzlbr]{font-size:.875em;display:none}[data-astro-cid-f7wfzlbr][data-view=list] .genres[data-astro-cid-f7wfzlbr]{display:block}[data-astro-cid-f7wfzlbr][data-view=list] .links[data-astro-cid-f7wfzlbr]{grid-column:2;@media (width>=640px){grid-column:3}}vinyl-records[data-astro-cid-f7wfzlbr]:not([data-view=drawer]) .drawer-nav[data-astro-cid-f7wfzlbr]{display:none}.drawer-nav[data-astro-cid-f7wfzlbr]{justify-content:center;margin-block-start:var(--size-4)}[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]{--cover:min(20rem, 70vw);--overlap:0px;--drawer-gap:var(--size-4);--mask-size:var(--size-16);gap:var(--drawer-gap);padding-block:var(--size-4);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;position:relative;overflow-x:auto}[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]:before,[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]:after{content:"";flex:0 0 calc(50% - var(--cover) / 2 + var(--overlap) / 2 - var(--drawer-gap))}[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]{flex:0 0 var(--cover);margin-inline:calc(var(--overlap) / -2);scroll-snap-align:center;text-align:center}[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr] .links[data-astro-cid-f7wfzlbr]{justify-content:center}@supports (animation-timeline:view()){[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]{--overlap:calc(var(--cover) * .6);--spread:calc(var(--cover) * .32);--drawer-gap:0px;perspective:70rem}[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]{transform-style:preserve-3d;animation:linear both drawer-stack}@supports (animation-timeline:view()){[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]{animation-timeline:view(inline)}}[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]>.cover[data-astro-cid-f7wfzlbr]{animation:linear both drawer-tilt}@supports (animation-timeline:view()){[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]>.cover[data-astro-cid-f7wfzlbr]{animation-timeline:view(inline)}}[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]>[data-astro-cid-f7wfzlbr]:not(.cover){animation:linear both drawer-label}@supports (animation-timeline:view()){[data-astro-cid-f7wfzlbr][data-view=drawer] .records[data-astro-cid-f7wfzlbr]>li[data-astro-cid-f7wfzlbr]>[data-astro-cid-f7wfzlbr]:not(.cover){animation-timeline:view(inline)}}}@keyframes drawer-stack{0%,to{z-index:1}50%{z-index:100}}@keyframes drawer-tilt{0%,41%{transform:translateX(var(--spread)) rotateY(-62deg) scale(.85)}50%{transform:none}59%,to{transform:translateX(calc(var(--spread) * -1)) rotateY(62deg) scale(.85)}}@keyframes drawer-label{0%,46%,54%,to{visibility:hidden;opacity:0}50%{visibility:visible;opacity:1}}
