/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-425571e3],[data-v-425571e3]:before,[data-v-425571e3]:after,[data-v-425571e3]::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}.album-art[data-v-425571e3]:focus-visible{outline:none}.album-art:focus-visible .digital-cover[data-v-425571e3],.album-art:focus-visible .case[data-v-425571e3]{outline:2px dashed var(--focus-ring-color,var(--color-brand-accent));outline-offset:4px}.case[data-v-425571e3]{background-color:var(--color-black,oklch(0% 0 0));--tw-shadow:0 4px 15px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:var(--transition-property-disc,margin, transform);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.75s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.75s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));perspective:1000px;aspect-ratio:100/93;border-radius:2px;width:81.72%;margin-inline:auto;display:block;position:relative}.album-art:hover .case[data-v-425571e3]{transform:translate(4%)}.case[data-v-425571e3]:before{pointer-events:none;content:"";inset-block:0;background:repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 3px);border-top-left-radius:2px;border-bottom-left-radius:2px;width:7%;position:absolute;left:0}@supports (color:color-mix(in lab, red, red)){.case[data-v-425571e3]:before{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--color-white) 18%, transparent) 0 1px, transparent 1px 3px)}}.case[data-v-425571e3]:before{box-shadow:inset -1px 0 #fff6}@supports (color:color-mix(in lab, red, red)){.case[data-v-425571e3]:before{box-shadow:inset -1px 0 0 color-mix(in srgb, var(--color-white) 40%, transparent)}}.tray[data-v-425571e3]{background:radial-gradient(circle, #1f1f1f, var(--color-black) 75%);inset-block:0;border-top-right-radius:2px;border-bottom-right-radius:2px;display:block;position:absolute;left:7%;right:0}@supports (color:color-mix(in lab, red, red)){.tray[data-v-425571e3]{background:radial-gradient(circle, color-mix(in srgb, var(--color-white) 12%, var(--color-black)), var(--color-black) 75%)}}.tray[data-v-425571e3]:after{pointer-events:none;border-radius:var(--radius-full,calc(infinity * 1px));content:"";aspect-ratio:1;background:radial-gradient(circle, var(--color-black) 30%, transparent 32%), repeating-conic-gradient(#8c8c8c 0 15deg, #404040 15deg 30deg);width:14%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.tray[data-v-425571e3]:after{background:radial-gradient(circle, var(--color-black) 30%, transparent 32%), repeating-conic-gradient(color-mix(in srgb, var(--color-white) 55%, var(--color-black)) 0 15deg, color-mix(in srgb, var(--color-white) 25%, var(--color-black)) 15deg 30deg)}}.lid[data-v-425571e3]{transition-property:var(--transition-property-disc,margin, transform);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.75s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.75s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transform-style:preserve-3d;transform-origin:0;inset-block:0;display:block;position:absolute;left:7%;right:0}.album-art:hover .lid[data-v-425571e3]{transform:rotateY(-90deg)}.lid-front[data-v-425571e3],.lid-back[data-v-425571e3]{backface-visibility:hidden;border-top-right-radius:2px;border-bottom-right-radius:2px;display:block;position:absolute;inset:0;overflow:hidden}.lid-front img[data-v-425571e3-s]{object-fit:cover;width:100%;height:100%;display:block}.lid-back[data-v-425571e3]{background-color:var(--color-white,oklch(100% 0 0));background-image:linear-gradient(65deg,#0000001f,#0000 60%);transform:rotateY(180deg)}@supports (color:color-mix(in lab, red, red)){.lid-back[data-v-425571e3]{background-image:linear-gradient(65deg, color-mix(in srgb, var(--color-black) 12%, transparent), transparent 60%)}}.lid-front[data-v-425571e3]:after,.lid-back[data-v-425571e3]:after,.digital-cover[data-v-425571e3]:after{pointer-events:none;content:"";background:linear-gradient(115deg,#ffffff4d 0%,#ffffff1a 35%,#0000 36%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.lid-front[data-v-425571e3]:after,.lid-back[data-v-425571e3]:after,.digital-cover[data-v-425571e3]:after{background:linear-gradient(115deg, color-mix(in srgb, var(--color-white) 30%, transparent) 0%, color-mix(in srgb, var(--color-white) 10%, transparent) 35%, transparent 36%)}}.lid-front[data-v-425571e3]:after,.lid-back[data-v-425571e3]:after{box-shadow:inset 0 0 0 1px #00000026,inset 0 0 0 2px #ffffff73}@supports (color:color-mix(in lab, red, red)){.lid-front[data-v-425571e3]:after,.lid-back[data-v-425571e3]:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-black) 15%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--color-white) 45%, transparent)}}.digital-cover[data-v-425571e3]:after{box-shadow:inset 0 0 0 1px #ffffff59}@supports (color:color-mix(in lab, red, red)){.digital-cover[data-v-425571e3]:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-white) 35%, transparent)}}.disc[data-v-425571e3]{border-radius:var(--radius-full,calc(infinity * 1px));filter:drop-shadow(0 1px 3px #0009);width:94%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.disc[data-v-425571e3]{filter:drop-shadow(0 1px 3px color-mix(in srgb, var(--color-black) 60%, transparent))}}.digital-cover[data-v-425571e3],.digital-disc[data-v-425571e3]{transition-property:var(--transition-property-disc,margin, transform);transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.75s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.75s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));width:76%;margin-left:12%;margin-right:12%}.digital-cover[data-v-425571e3]{z-index:10;background-color:var(--color-white,oklch(100% 0 0));--tw-shadow:0 4px 15px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:block;position:relative}.album-art:hover .digital-cover[data-v-425571e3]{margin-left:0;margin-right:24%}.digital-cover img[data-v-425571e3-s]{width:100%;height:auto;display:block}.digital-disc[data-v-425571e3]{border-radius:var(--radius-full,calc(infinity * 1px));filter:drop-shadow(var(--shadow-album));display:block;position:absolute;top:0;left:0;transform:scale(.95)}.album-art:hover .digital-disc[data-v-425571e3]{margin-left:25.9%;margin-right:0}.disc-surface[data-v-425571e3]{isolation:isolate;aspect-ratio:1;border-radius:var(--radius-full,calc(infinity * 1px));background-color:#ffffff73;display:block;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.disc-surface[data-v-425571e3]{background-color:color-mix(in oklab, var(--color-white,oklch(100% 0 0)) 45%, transparent)}}.disc-surface[data-v-425571e3]{box-shadow:inset 0 0 0 1px #00000040;-webkit-mask-image:radial-gradient(circle closest-side,#0000 14%,#000 14.5%);mask-image:radial-gradient(circle closest-side,#0000 14%,#000 14.5%)}@supports (color:color-mix(in lab, red, red)){.disc-surface[data-v-425571e3]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-black) 25%, transparent)}}.disc-surface img[data-v-425571e3-s]{object-fit:cover;filter:grayscale(.5);width:100%;height:100%;animation:16s linear infinite paused disc-spin-425571e3;display:block;-webkit-mask-image:radial-gradient(circle closest-side,#000 97%,#0000 97.5%);mask-image:radial-gradient(circle closest-side,#000 97%,#0000 97.5%)}.album-art:hover .disc-surface img[data-v-425571e3-s]{animation-play-state:running}.disc-surface[data-v-425571e3]:before,.disc-surface[data-v-425571e3]:after{pointer-events:none;z-index:10;border-radius:var(--radius-full,calc(infinity * 1px));content:"";position:absolute;inset:0}.disc-surface[data-v-425571e3]:before{background:radial-gradient(circle closest-side,#0000 14%,#ffffff59 14.5% 29%,#0000 30%)}@supports (color:color-mix(in lab, red, red)){.disc-surface[data-v-425571e3]:before{background:radial-gradient(circle closest-side, transparent 14%, color-mix(in srgb, var(--color-white) 35%, transparent) 14.5% 29%, transparent 30%)}}.disc-surface[data-v-425571e3]:after{background:radial-gradient(at 85% 25%,#ffffffde,#0000 55%),conic-gradient(from 65deg,#0000,#ffb3ba 8deg,#ffffba 15deg,#baffc9 22deg,#8ed8ff 29deg,#d5baff 36deg,#0000 44deg 180deg,#ffb3ba 188deg,#ffffba 195deg,#baffc9 202deg,#8ed8ff 209deg,#d5baff 216deg,#0000 224deg)}@supports (color:color-mix(in lab, red, red)){.disc-surface[data-v-425571e3]:after{background:radial-gradient(ellipse at 85% 25%, color-mix(in srgb, var(--color-white) 87%, transparent), transparent 55%), conic-gradient(from 65deg, transparent, #ffb3ba 8deg, #ffffba 15deg, #baffc9 22deg, #8ed8ff 29deg, #d5baff 36deg, transparent 44deg 180deg, #ffb3ba 188deg, #ffffba 195deg, #baffc9 202deg, #8ed8ff 209deg, #d5baff 216deg, transparent 224deg)}}.disc-surface[data-v-425571e3]:after{opacity:.3}@keyframes disc-spin-425571e3{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.disc-surface img[data-v-425571e3-s]{animation:none}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}