:where(.gc){--r:150 154 162}.gc{aspect-ratio:5/7;isolation:isolate;width:100%;position:relative;container-type:inline-size}.gc-tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .5s var(--ease-out);position:absolute;inset:0}.gc[data-tilting=true] .gc-tilt{will-change:transform;transition:transform .12s linear}.gc-shell{background:linear-gradient(150deg, rgb(var(--r) / .7) 0%, #ffffff1a 28%, #ffffff08 55%, rgb(var(--r) / .45) 100%);box-shadow:0 0 0 1px #ffffff0d, 0 40px 70px -40px #000000f2,  0 0 calc(var(--fx-glow,0) * 34px) calc(var(--fx-glow,0) * 2px) rgb(var(--r) / calc(var(--fx-glow,0) * .55));border-radius:7cqi;padding:1.5cqi;position:absolute;inset:0}.gc-core{background:radial-gradient(120% 70% at 50% -10%, rgb(var(--r) / .16), transparent 60%), linear-gradient(180deg, #0f1013, #08090b);border-radius:5.5cqi;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17}.gc-glare{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--px,50%) var(--py,20%), #fff3, transparent 45%);mix-blend-mode:overlay;transition:opacity .25s;position:absolute;inset:0}.gc[data-tilting=true] .gc-glare{opacity:1}[data-rarity=uncommon] .gc-core{box-shadow:inset 0 1px 0 rgb(var(--r) / .5), inset 0 0 0 1px rgb(var(--r) / .12)}.gc-sheen{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:35%;position:absolute;inset:-20% auto -20% 0;transform:translate(-120%)skew(-18deg)}[data-rarity=rare] .gc-sheen,[data-rarity=epic] .gc-sheen,[data-rarity=legendary] .gc-sheen,[data-rarity=divine] .gc-sheen{opacity:1}.gc[data-live=true] .gc-sheen{animation:shimmer-x 2.8s var(--ease-in-out) infinite}@media (hover:hover) and (pointer:fine){.gc:hover .gc-sheen{animation:shimmer-x 2.8s var(--ease-in-out) infinite}.gc:hover[data-rarity=epic] .gc-shell,.gc:hover[data-rarity=legendary] .gc-shell,.gc:hover[data-rarity=divine] .gc-shell{animation:5s linear infinite rotate-angle}.gc:hover[data-finish=shiny] .gc-shell{animation:4s linear infinite rotate-angle}}[data-rarity=epic] .gc-shell,[data-rarity=legendary] .gc-shell,[data-rarity=divine] .gc-shell{background:conic-gradient(from var(--angle), rgb(var(--r)) 0deg, #ffffff14 70deg, rgb(var(--r) / .75) 180deg, #ffffff0f 260deg, rgb(var(--r)) 360deg)}.gc[data-live=true][data-rarity=epic] .gc-shell,.gc[data-live=true][data-rarity=legendary] .gc-shell,.gc[data-live=true][data-rarity=divine] .gc-shell{animation:5s linear infinite rotate-angle}.gc-aura{inset:calc(var(--fx-aura-spread,9%) * -1);z-index:-1;pointer-events:none;opacity:var(--fx-aura,0);background:radial-gradient(closest-side, rgb(var(--r) / .55), rgb(var(--r) / .12) 60%, transparent);border-radius:14cqi;position:absolute}@keyframes aura-breathe{0%,to{opacity:calc(var(--fx-aura,0) * .8);transform:scale(1)}50%{opacity:min(1, calc(var(--fx-aura,0) * 1.25));transform:scale(1.04)}}[data-rarity=divine] .gc-aura{background:radial-gradient(closest-side, #fff6d6b3, rgb(var(--r) / .45) 35%, rgb(var(--r) / .1) 65%, transparent)}.gc[data-live=true] .gc-aura{animation:3.6s ease-in-out infinite aura-breathe}.gc[data-live=true][data-rarity=divine] .gc-aura{animation-duration:2.8s}.gc[data-float]{animation:5.4s ease-in-out infinite gc-float}.gc-rays{z-index:-2;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg, rgb(var(--r) / 0) 0deg 7deg, #fff0be80 9deg 11deg, rgb(var(--r) / 0) 13deg 20deg);opacity:var(--fx-rays,0);position:absolute;inset:-40%;-webkit-mask-image:radial-gradient(closest-side,#000 18%,#00000080 45%,#0000 75%);mask-image:radial-gradient(closest-side,#000 18%,#00000080 45%,#0000 75%)}.gc[data-live=true] .gc-rays{opacity:min(1, calc(var(--fx-rays,0) * 2.2));animation:26s linear infinite spin}.gc-embers{z-index:3;pointer-events:none;position:absolute;inset:-4% -10% 0}.gc-embers>span{width:var(--s,1.8cqi);height:var(--s,1.8cqi);opacity:0;background:radial-gradient(circle, #fff 0%, rgb(var(--r)) 38%, rgb(var(--r) / 0) 70%);animation:ember-rise var(--d,3.4s) cubic-bezier(.2, .6, .4, 1) var(--delay,0s) infinite;border-radius:999px;position:absolute;bottom:6%}.gc-embers>span[data-star]{background:0 0;border-radius:0}.gc-embers>span[data-star]:before{content:"";clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 3px rgb(var(--r)));background:#fff;position:absolute;inset:-60%}@property --hx{syntax:"<percentage>";inherits:true;initial-value:32%}@property --hy{syntax:"<percentage>";inherits:true;initial-value:28%}@keyframes holo-drift{0%{--hx:16%;--hy:18%}35%{--hx:82%;--hy:38%}70%{--hx:30%;--hy:74%}to{--hx:70%;--hy:86%}}.gc-holo,.gc-grain{pointer-events:none;opacity:0;--lx:var(--px,var(--hx));--ly:var(--py,var(--hy));transition:opacity .3s;position:absolute;inset:0}.gc-holo{z-index:4;mix-blend-mode:color-dodge}.gc-grain{z-index:5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='1.25' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 2.4 -1.1'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");background-size:26cqi 26cqi;background-position:calc(var(--tx,0) * 3cqi) calc(var(--ty,0) * 3cqi);-webkit-mask-image:radial-gradient(farthest-corner circle at var(--lx) var(--ly), #000 0%, #00000073 35%, #00000014 75%);mask-image:radial-gradient(farthest-corner circle at var(--lx) var(--ly), #000 0%, #00000073 35%, #00000014 75%)}[data-rarity=epic] .gc-holo{opacity:var(--fx-holo,0);background:repeating-linear-gradient(118deg,#ff6060 0%,#ffbe5c 4.5%,#fff48c 9%,#6effaa 13.5%,#5cc8ff 18%,#b07cff 22.5%,#ff6060 27%) 0 0/300% 300%,repeating-linear-gradient(32deg,#fff0 0 1.1cqi,#ffffff47 1.1cqi 1.35cqi) 0 0/100% 100%;background-position:var(--lx) var(--ly), center;-webkit-mask-image:radial-gradient(farthest-corner circle at var(--lx) var(--ly), #000 0%, #0009 28%, #00000024 68%);mask-image:radial-gradient(farthest-corner circle at var(--lx) var(--ly), #000 0%, #0009 28%, #00000024 68%);filter:saturate(1.3)contrast(1.08)}[data-rarity=divine] .gc-grain{opacity:.5}.gc[data-tilting=true][data-rarity=epic] .gc-holo{opacity:min(.85, calc(var(--fx-holo,0) * 2.1))}.gc[data-tilting=true][data-rarity=divine] .gc-grain{opacity:.75}.gc[data-live=true][data-rarity=divine] .gc-holo,.gc[data-live=true][data-rarity=divine] .gc-grain{animation:7s ease-in-out infinite alternate holo-drift}.gc[data-live=true][data-rarity=epic] .gc-holo{opacity:min(.8, calc(var(--fx-holo,0) * 1.7))}@media (hover:hover) and (pointer:fine){.gc:hover[data-rarity=divine] .gc-holo{animation:7s ease-in-out infinite alternate holo-drift}}@keyframes legend-sweep{0%{opacity:0;background-position:100% 0}5%{opacity:1}24%{opacity:1;background-position:0 0}28%,to{opacity:0;background-position:0 0}}[data-rarity=legendary] .gc-holo{opacity:0;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 40%,#ffeccc8c 46%,#fffffff2 50%,#ffeccc8c 54%,#0000 60%) 0 0/320% 100%}.gc[data-live=true][data-rarity=legendary] .gc-holo{animation:legend-sweep 5.6s var(--ease-in-out) .9s infinite}@media (hover:hover) and (pointer:fine){.gc:hover[data-rarity=legendary] .gc-holo{animation:legend-sweep 5.6s var(--ease-in-out) infinite}}[data-rarity=divine] .gc-holo{opacity:var(--fx-holo,0);mix-blend-mode:overlay;-webkit-mask-image:radial-gradient(farthest-corner circle at var(--lx) var(--ly), #000 0%, #00000080 30%, #0000001a 70%);mask-image:radial-gradient(farthest-corner circle at var(--lx) var(--ly), #000 0%, #00000080 30%, #0000001a 70%);background:repeating-conic-gradient(at 50% 40%,#fff4cd00 0deg 5deg,#fff4cdb3 5deg 6deg)}.gc-art{transition:transform .5s var(--ease-out);position:absolute;inset:0}[data-rarity=legendary] .gc-art,[data-rarity=divine] .gc-art{transform:translate3d(calc(var(--tx,0) * -2.4cqi), calc(var(--ty,0) * -2.4cqi), 0) scale(1.06)}.gc[data-tilting=true] .gc-art{transition:transform .12s linear}.gc-foil{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:color-dodge;background:repeating-linear-gradient(115deg,#ff5fa2 0%,#ffd36b 6%,#7dffb2 12%,#6bc6ff 18%,#b88cff 24%,#ff5fa2 30%) 0 0/300% 300%;background-position:var(--px,50%) var(--py,50%);transition:opacity .25s;position:absolute;inset:0}[data-rarity=divine] .gc-foil{opacity:.55;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 25%,#ffe8a08c 42%,#ffffff59 50%,#0000 62%) 0 0/260% 260%;background-position:var(--px,30%) var(--py,30%)}[data-finish=shiny] .gc-shell{background:repeating-linear-gradient(135deg, #fff3 0 .22cqi, transparent .22cqi 1.1cqi), conic-gradient(from var(--angle), #ff9ec4, #ffe29a, #a8ffcf, #9ad8ff, #c9a8ff, #ff9ec4);box-shadow:0 0 0 1px #ffffff2e, inset 0 0 0 .3cqi #ffffff8c, inset 0 0 1.6cqi #fff6, 0 40px 70px -40px #000000f2, 0 0 calc(var(--fx-glow,0) * 34px) calc(var(--fx-glow,0) * 2px) rgb(var(--r) / calc(var(--fx-glow,0) * .55));padding:2.6cqi}.gc[data-live=true][data-finish=shiny] .gc-shell{animation:4s linear infinite rotate-angle}.gc[data-finish=shiny] .gc-core{box-shadow:0 0 0 .55cqi rgb(var(--r)), 0 0 0 .9cqi #100d08e6, 0 0 0 1.2cqi #f2d694, inset 0 1px 0 #ffffff1f;border-radius:4.4cqi}.gc-prism{z-index:8;pointer-events:none;position:absolute;inset:0}.gc-prism>i{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#fff8e0,#e3b85a 50%,#8d6420);width:4.2cqi;height:4.2cqi;position:absolute}.gc-prism>i:after{content:"";background:rgb(var(--r));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);position:absolute;inset:30%}.gc-prism>i[data-corner=tl]{top:.4cqi;left:.4cqi}.gc-prism>i[data-corner=tr]{top:.4cqi;right:.4cqi}.gc-prism>i[data-corner=bl]{bottom:.4cqi;left:.4cqi}.gc-prism>i[data-corner=br]{bottom:.4cqi;right:.4cqi}.gc-plate{z-index:9;white-space:nowrap;color:#1c1608;letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(90deg,#ffd6e7,#fff1c2 30%,#c8ffe0 55%,#c8e8ff 75%,#e3d1ff);border-radius:999px;align-items:center;gap:1.4cqi;height:5.4cqi;padding-inline:3cqi;font-size:2.7cqi;font-weight:700;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 0 0 .4cqi #0b0c0f,0 0 0 .65cqi #f2d694e6,0 1cqi 2.4cqi -1cqi #000000d9}.gc-plate>span{color:rgb(var(--r));filter:brightness(.75);font-size:2.2cqi}[data-finish=shiny] .gc-name{color:#0000;background:linear-gradient(100deg,#fff4cf 0%,#e7c56e 28%,#fffbe9 46%,#c9963f 64%,#f6dd94 82%,#fff4cf 100%) 0 0/62cqi 100% repeat-x;filter:drop-shadow(0 .3cqi #0009);-webkit-background-clip:text;background-clip:text}[data-finish=shiny] .gc-track .gc-title{font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;font-size:5.3cqi;font-weight:800;font-stretch:125%;line-height:1.1}[data-finish=shiny] .gc-sub{color:#ddd5c3}.gc[data-reveal=small] .gc-tilt{animation:reveal-pop .7s var(--ease-out) var(--reveal-delay,0s) backwards}.gc[data-reveal=big] .gc-tilt{animation:reveal-pop-big 1.1s var(--ease-out) var(--reveal-delay,0s) backwards}.gc-sparkle{z-index:6;pointer-events:none;color:#fff;opacity:0;width:7cqi;height:7cqi;position:absolute}.gc-prism .gc-sparkle{color:#fffbe9;width:5cqi;height:5cqi;animation:2.4s ease-in-out infinite twinkle}.gc-hifi .gc-times{color:#e9cf8f}.gc-hifi-progress{background:#ffffff1a;border-radius:999px;height:1.3cqi;min-height:3px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.gc-hifi-progress>span{border-radius:inherit;background:linear-gradient(90deg,#ff9ec4,#ffe29a,#a8ffcf,#9ad8ff,#c9a8ff);position:absolute;inset:0 auto 0 0;overflow:hidden;box-shadow:0 0 1.6cqi #ffe29a73}.gc-hifi-progress>span:after{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:45%;position:absolute;inset:0;transform:translate(-120%)}.gc-hifi-progress>i{background:linear-gradient(135deg,#fffbe9,#e7c56e 50%,#9c7128);border-radius:.6cqi;width:3.4cqi;height:3.4cqi;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 .45cqi #0b0c0f,0 0 2.2cqi #ffe29abf}.gc-eq{align-items:flex-end;gap:.7cqi;height:3.2cqi;display:flex}.gc-eq>span{width:.9cqi;height:100%;transform:scaleY(var(--h,.6));transform-origin:bottom;background:linear-gradient(#fff4cf,#c9963f);border-radius:999px}@keyframes hifi-glint{to{transform:translate(260%)}}.gc[data-live=true] .gc-hifi-progress>span:after{animation:hifi-glint 2.6s var(--ease-in-out) infinite}.gc[data-live=true] .gc-eq>span{animation:.9s ease-in-out infinite eq}@media (hover:hover) and (pointer:fine){.gc:hover .gc-hifi-progress>span:after{animation:hifi-glint 2.6s var(--ease-in-out) infinite}.gc:hover .gc-eq>span{animation:.9s ease-in-out infinite eq}}.gc-track{flex-direction:column;gap:4cqi;height:100%;padding:7cqi 7cqi 5.5cqi;display:flex}.gc-artwork{aspect-ratio:1;background:#15161a;border-radius:4.5cqi;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 30px -18px #000000e6,0 0 0 1px #ffffff0f}.gc-progress{background:#ffffff1f;border-radius:999px;height:.9cqi;min-height:2px;position:relative}.gc-progress>span{border-radius:inherit;background:#ffffffd9;position:absolute;inset:0 auto 0 0}.gc-progress>i{width:3cqi;height:3cqi;box-shadow:0 0 10px rgb(var(--r) / .8);background:#fff;border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)}.gc-artist{height:100%;position:relative}.gc-artist-shade{background:linear-gradient(180deg, #00000059 0%, transparent 25%, transparent 45%, #050506eb 82%), radial-gradient(90% 50% at 50% 100%, rgb(var(--r) / .25), transparent 70%);position:absolute;inset:0}.gc-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:reduce){.gc-tilt{transform:none!important}.gc-embers{display:none}.gc[data-float]{animation:none}.gc-art{transform:scale(1.06)!important}}@container (max-width:220px){.gc-times{display:none}.gc-title{font-size:7.2cqi}.gc-sub{font-size:5.6cqi}.gc-meta{font-size:5cqi}}
:where(.vr){--r:150 154 162}.vr .gc-tilt{transform-style:preserve-3d}.vr-disc-slot{width:82cqi;height:82cqi;transform-style:preserve-3d;position:absolute;top:0;left:13cqi;transform:translateZ(-14px)}.vr-disc-edge{background:linear-gradient(160deg,#47484e,#0b0b0d 38%,#26272c 70%,#0b0b0d);border-radius:999px;position:absolute;inset:0;transform:translate3d(.8cqi,1cqi,-5px)}.vr-disc{background:#0b0b0d;border-radius:999px;position:absolute;inset:0;overflow:hidden;box-shadow:0 2cqi 5cqi #000000a6,inset 0 0 0 .5cqi #ffffff0d}.vr-disc-spin{border-radius:inherit;transform:rotate(calc(var(--tx,0) * 18deg));transition:transform .7s var(--ease-out);position:absolute;inset:0}.gc[data-tilting=true] .vr-disc-spin{transition:transform .16s linear}.vr-grooves{border-radius:inherit;background: radial-gradient(circle closest-side, transparent 0 31.5%, rgb(var(--r) / .8) 32%, rgb(var(--r) / .8) 34%, transparent 35%),  radial-gradient(circle closest-side, transparent 0 52%, #ffffff12 52.4%, transparent 53.4%, transparent 66%, #ffffff12 66.4%, transparent 67.4%, transparent 81%, #ffffff12 81.4%, transparent 82.4%),  radial-gradient(circle closest-side, transparent 0 96.5%, #ffffff24 97.4%, transparent 99%), repeating-radial-gradient(circle closest-side, #0b0b0d 0 0.8%, #17181c 1% 1.2%, #0b0b0d 1.45%);position:absolute;inset:0}.vr-label{background:#222;border-radius:999px;position:absolute;inset:34.5%;overflow:hidden;box-shadow:0 0 0 .5cqi #0000008c}.vr-label:after{content:"";background:#050505;border-radius:999px;width:13%;height:13%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff2e}.vr-disc-shine{pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from calc(205deg + var(--tx,0) * 45deg), transparent 0deg, #fff3 24deg, transparent 58deg, transparent 180deg, rgb(var(--r) / .32) 206deg, transparent 244deg);border-radius:999px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 31%,#000 32%);mask-image:radial-gradient(circle closest-side,#0000 0 31%,#000 32%)}[data-finish=shiny] .vr-disc-shine{background:conic-gradient(from calc(205deg + var(--tx,0) * 45deg), #ff5fa2, #ffd36b, #7dffb2, #6bc6ff, #b88cff, #ff5fa2);opacity:.45}@keyframes vr-spin{to{rotate:360deg}}.vr[data-live=true] .vr-disc-spin,.vr[data-orbit=true] .vr-disc-spin{animation:9s linear infinite vr-spin}@media (hover:hover) and (pointer:fine){.vr:hover .vr-disc-spin{animation:9s linear infinite vr-spin}.vr:hover .vr-disc-slot{transform:translate3d(0,-2.5cqi,-14px)}}.vr-disc-slot{transition:transform .5s var(--ease-out)}.vr .vr-sleeve{border-radius:3cqi;height:84cqi;padding:1.1cqi;inset:auto 8cqi 2.5cqi;transform:translateZ(10px)}.vr .vr-sleeve>.gc-core{background:#101114;border-radius:2cqi;box-shadow:inset 0 1.4cqi 1.6cqi -.8cqi #000000bf,inset 0 1px #ffffff1a}.vr-cover{position:absolute;inset:0}.vr-wear{z-index:2;pointer-events:none;background:linear-gradient(#00000059,#0000 9%),linear-gradient(90deg,#00000038,#0000 7% 93%,#00000038);position:absolute;inset:0;box-shadow:inset 0 0 0 .35cqi #ffffff12}.vr-obi{inset-inline:0;z-index:6;background:linear-gradient(#0000,#0505069e 38%,#050506e6);padding:11cqi 4.5cqi 4cqi;position:absolute;bottom:0}@container (max-width:220px){.vr-obi .gc-title{font-size:7cqi}.vr-obi .gc-sub{font-size:5.4cqi}}.vr-back .vr-sleeve-back{background:radial-gradient(90% 60% at 50% 0,#ffffff14,#0000),linear-gradient(160deg,#1a1b20,#0b0c0e 60%,#141519);border-radius:3cqi;height:84cqi;position:absolute;inset:auto 8cqi 2.5cqi;overflow:hidden;transform:translateZ(10px);box-shadow:inset 0 0 0 .4cqi #ffffff17,inset 0 1.4cqi 1.6cqi -.8cqi #000000bf,0 6cqi 10cqi -6cqi #000000e6}.vr-label-plain{background:radial-gradient(circle at 40% 35%,#34353b,#121316);justify-content:center;align-items:center;display:flex}.vr-drop{pointer-events:none;background:radial-gradient(closest-side,#000c,#0006 55%,#0000);border-radius:50%;height:18cqi;position:absolute;inset:auto 3cqi -6cqi;transform:translateZ(-30px)}@keyframes vr-sleeve-slide{0%{transform:translate3d(0,66cqi,80px)rotateX(36deg)rotate(-5deg)}to{transform:translateZ(10px)}}@keyframes vr-disc-settle{0%{transform:translate3d(-6cqi,24cqi,-14px)rotate(-160deg)scale(1.08)}to{transform:translateZ(-14px)}}@keyframes vr-drop-in{0%{opacity:0;transform:translate3d(0,12cqi,-30px)scale(.5)}}.vr[data-assemble=true] .vr-sleeve{animation:vr-sleeve-slide .9s var(--spring-soft) backwards, fade-in .22s var(--ease-out) backwards}.vr[data-assemble=true] .vr-disc-slot{animation:vr-disc-settle 1.1s var(--spring-snappy) backwards}.vr[data-assemble=true] .vr-drop{animation:vr-drop-in .9s var(--spring-soft) backwards}@keyframes vr-orbit-start{0%{transform:perspective(1000px)rotateY(0)}to{transform:perspective(1000px)rotateY(45deg)}}@keyframes vr-orbit{0%{transform:perspective(1000px)rotateY(45deg)}to{transform:perspective(1000px)rotateY(405deg)}}.vr[data-orbit=true] .gc-tilt{animation:vr-orbit-start calc(var(--orbit,18s) / 4) cubic-bezier(.55, .085, .68, .53) var(--orbit-delay,0s) both, vr-orbit var(--orbit,18s) linear calc(var(--orbit-delay,0s) + var(--orbit,18s) / 4) infinite}.vr[data-orbit=true] .vr-sleeve,.vr[data-orbit=true] .vr-disc{backface-visibility:hidden}.vr-disc-rev,.vr-sleeve-rev{backface-visibility:hidden;position:absolute}.vr-disc-rev{background:#0b0b0d;border-radius:999px;inset:0;overflow:hidden;transform:translateZ(-7px)rotateY(180deg)}.vr[data-orbit=true] .vr-disc-edge{backface-visibility:hidden}.vr-side{color:#edebe6e6;letter-spacing:.08em;background:#050506b3;border-radius:999px;padding:.4cqi 1.6cqi;font-size:4.2cqi;font-weight:700;position:absolute;top:8%;left:50%;translate:-50%}.vr-sleeve-rev{height:84cqi;box-shadow:inset 0 0 0 .5cqi rgb(var(--r) / .6), inset 0 1px 0 #ffffff1a;background:#0b0c0e;border-radius:3cqi;inset:auto 8cqi 2.5cqi;overflow:hidden;transform:translateZ(-24px)rotateY(180deg)}.vr-back-art{opacity:.55;position:absolute;inset:-8%}.vr-back-art:after{content:"";background:radial-gradient(90% 60% at 50% 0%, rgb(var(--r) / .2), transparent 70%), linear-gradient(180deg, #08080ab8, #08080ae6 55%, #08080af5);position:absolute;inset:0}.vr-back-body{flex-direction:column;height:100%;padding:6cqi 6cqi 5cqi;display:flex;position:relative}.vr-back-thumb{aspect-ratio:1;border-radius:1.4cqi;width:22cqi;position:relative;overflow:hidden;box-shadow:0 1.5cqi 3cqi #0009,0 0 0 .3cqi #ffffff1f}.vr-back-sides{grid-template-columns:1fr 1fr;gap:3cqi;margin-top:3cqi;display:grid}.vr-back-sides>div>i{background:#ffffff29;border-radius:999px;height:.55cqi;margin-top:1.5cqi;display:block}.vr-barcode{opacity:.8;background:repeating-linear-gradient(90deg,#ffffffd9 0 .35cqi,#0000 .35cqi .7cqi,#ffffffd9 .7cqi 1.4cqi,#0000 1.4cqi 1.9cqi);width:16cqi;height:7cqi}.vd{aspect-ratio:1;width:100%;position:relative;container-type:inline-size}.vd .vr-disc{box-shadow:0 3cqi 8cqi #000000b3,inset 0 0 0 .6cqi #ffffff0d}.vd .vr-label{box-shadow:0 0 0 .6cqi #0000008c}@media (prefers-reduced-motion:reduce){.vr .gc-tilt,.vr-disc-slot{transform-style:flat}}