.mdj-block{--s:64px;width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0;transform:rotateX(-27deg)rotateY(45deg)}.mdj-face{width:var(--s);height:var(--s);margin:calc(var(--s)/-2)0 0 calc(var(--s)/-2);image-rendering:pixelated;backface-visibility:hidden;background:url(/minecraft/music-disc/jukebox_side.png) 0 0/100% 100%;position:absolute;top:0;left:0}.mdj-face.is-top{transform:rotateX(90deg)translateZ(calc(var(--s)/2));background-image:url(/minecraft/music-disc/jukebox_top.png)}.mdj-face.is-front{transform:translateZ(calc(var(--s)/2));filter:brightness(.8)}.mdj-face.is-back{transform:rotateY(180deg)translateZ(calc(var(--s)/2));filter:brightness(.8)}.mdj-face.is-left{transform:rotateY(-90deg)translateZ(calc(var(--s)/2));filter:brightness(.6)}.mdj-face.is-right{transform:rotateY(90deg)translateZ(calc(var(--s)/2));filter:brightness(.6)}.mdj-note{--n:24px;width:var(--n);height:var(--n);background:url(/minecraft/music-disc/note.png) 0 0/100% 100%;background-color:var(--note);background-blend-mode:multiply;image-rendering:pixelated;pointer-events:none;position:absolute;-webkit-mask:url(/minecraft/music-disc/note.png) 0 0/100% 100%;mask:url(/minecraft/music-disc/note.png) 0 0/100% 100%}.tls-disc{overflow:hidden;container-type:size}.tls-disc-light,.tls-disc-rig,.tls-disc-now{--k:3px;--nk:2px}@container (min-height:190px){.tls-disc-light,.tls-disc-rig,.tls-disc-now{--k:4px;--nk:3px}}@container (min-height:225px){.tls-disc-light,.tls-disc-rig,.tls-disc-now{--k:5px}}.tls-disc-light{left:50%;top:calc(50% + 2*var(--k));width:calc(60*var(--k));height:calc(44*var(--k));pointer-events:none;background:radial-gradient(closest-side,#ffe2b042,#ffe2b014 55%,#ffe2b000);position:absolute;transform:translate(-50%,-50%)}.tls-disc-floor{width:min(64%,calc(40*var(--k)));bottom:10%}.tls-disc-rig{left:50%;top:calc(50% + 5*var(--k));width:0;height:0;position:absolute}.tls-disc-box{width:0;height:0;transform-style:preserve-3d;position:absolute;top:0;left:0}.tls-disc-box .mdj-block{--s:calc(16*var(--k))}.tls-disc-item{left:calc(-8*var(--k));top:calc(-27*var(--k));width:calc(16*var(--k));height:calc(16*var(--k));transition:transform,opacity .35s;position:absolute}.tls-disc-item:before{content:"";background:radial-gradient(closest-side,#fff4d633,#fff4d600);position:absolute;inset:-15% -45%}.tls-disc-item img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 calc(2*var(--k))calc(1.5*var(--k))#0000008c);display:block;position:relative}.tls-disc-puff{left:calc(var(--dx)*var(--k));top:calc(-7*var(--k));opacity:0;width:0;height:0;position:absolute}.tls-disc-note{--n:calc(8*var(--nk));left:calc(var(--n)/-2);top:calc(var(--n)/-2)}.tls-disc-now{left:0;right:0;top:calc(50% + 19*var(--k));opacity:0;justify-content:center;transition:opacity .2s;display:flex;position:absolute}.tls-disc-np{--gs:1px;--gshadow:color-mix(in srgb,currentColor 25%,#000);color:#64992e}@container (min-width:280px) and (min-height:172px){.tls-disc-np{--gs:2px}}.cp-card:hover .tls-disc .tls-disc-item,.tls-disc.is-play .tls-disc-item{transform:translateY(calc(14*var(--k)))scale(.7);opacity:0;transition:transform .42s cubic-bezier(.55,0,.85,.35),opacity .1s linear .34s}.cp-card:hover .tls-disc .tls-disc-box,.tls-disc.is-play .tls-disc-box{animation:.2s ease-out .4s both tlsThump}.cp-card:hover .tls-disc .tls-disc-puff,.tls-disc.is-play .tls-disc-puff{animation:1.25s cubic-bezier(.2,.7,.35,1) both tlsPuff;animation-delay:calc(.5s + var(--i)*.28s)}.cp-card:hover .tls-disc .tls-disc-now,.tls-disc.is-play .tls-disc-now{opacity:1;transition:opacity .25s .55s}.cp-card:hover .tls-disc .tls-disc-np,.tls-disc.is-play .tls-disc-np{animation:2.5s linear .55s both tlsHue}@keyframes tlsThump{0%{transform:none}35%{transform:translateY(calc(.5*var(--k)))scale(1.02,.97)}to{transform:none}}@keyframes tlsPuff{0%{opacity:0;transform:translateY(0)scale(.5)}12%{opacity:1;transform:translateY(calc(-3*var(--k)))scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(calc(-11*var(--k)))scale(1)}}@keyframes tlsHue{0%{color:#64992e}8.3%{color:#2e992e}25%{color:#2e9999}41.7%{color:#2e2e99}58.3%{color:#992e99}75%{color:#992e2e}91.7%{color:#99992e}to{color:#64992e}}@media (prefers-reduced-motion:reduce){.cp-card:hover .tls-disc .tls-disc-item,.tls-disc.is-play .tls-disc-item{transition:opacity .3s;transform:none}.cp-card:hover .tls-disc .tls-disc-box,.tls-disc.is-play .tls-disc-box{animation:none}.cp-card:hover .tls-disc .tls-disc-puff,.tls-disc.is-play .tls-disc-puff{animation-name:tlsPuffSoft;animation-delay:calc(.35s + var(--i)*.2s)}}@keyframes tlsPuffSoft{0%{opacity:0;transform:translateY(calc(-4*var(--k)))}20%,70%{opacity:1;transform:translateY(calc(-4*var(--k)))}to{opacity:0;transform:translateY(calc(-4*var(--k)))}}:root[data-theme=light] .tls-disc-np:where(:not(.theme-fixed,.theme-fixed *)){--gshadow:color-mix(in srgb,currentColor 25%,#fafafa);color:#4c7a19}:root[data-theme=light] .tls-disc-np .theme-fixed{--gshadow:color-mix(in srgb,currentColor 25%,#000)}