@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Hanunoo&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+Hanunoo&display=swap";@import"https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Tiny5&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap";@import"https://fonts.googleapis.com/css2?family=Allura&display=swap";.live{z-index:100;opacity:0;position:absolute;top:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-1px);display:flex;gap:3rem;flex-direction:column;justify-content:space-between;align-items:start}.live__player{width:400px;height:200px}.live__switcher{background:linear-gradient(90deg,#fa709a,#fee140);color:#232526;font-size:1.5rem;font-weight:700;border:none;border-radius:2rem;padding:.75rem 2.5rem;box-shadow:0 4px 18px #fa709a1f,0 1.5px 6px #fee14017;cursor:pointer;transition:background .4s cubic-bezier(.4,.2,.2,1),color .2s,transform .15s;outline:none}.live__switcher--active{background:linear-gradient(90deg,#0f0,#0c0);color:#000;box-shadow:0 4px 18px #00ff004d,0 1.5px 6px #0f03;animation:pulse 1.5s infinite}.board{position:relative;top:0;left:0;box-shadow:inset 1em 1em 1em #d4d4d4,inset -1em -1em 1em #fff;background-color:red;width:100%;height:100%;border-radius:1.3em}.board__bort-1{position:absolute;top:-.6em;left:-1em;width:calc(100% + 2em);height:calc(100% + 2em);border-radius:2.3em;background-color:#e8e8e8;background:conic-gradient(from 0deg,#d7d7db,#a9a9ad,#757579,#a5a4aa,#cdccd4,#e1e1eb,#a0a0a5,#6a6a6d,#9b9ca0,#d7d7db)}.board__bort-2{position:absolute;top:-.4em;left:-.6em;width:calc(100% + 1.2em);height:calc(100% + 1.2em);border-radius:1.9em;background-color:#dbdbdb;filter:blur(.1em)}.board__bort-3{position:absolute;top:-.2em;left:-.2em;width:calc(100% + .4em);height:calc(100% + .4em);border-radius:1.5em;background-color:#e8e8e8;box-shadow:inset 0 0 .8em #00000080}.volume{font-size:1rem;position:absolute;top:50%;transform:translateY(-50%);right:7rem}.volume__text{font-family:Roboto;text-transform:uppercase;position:absolute;bottom:-1.5em;left:4%;font-size:1em;letter-spacing:.13em;color:#616161}.volume__pit{position:relative;width:5em;height:35em;background-color:#cecece;box-shadow:inset .3em .3em .7em #4d4d4d,inset -.3em -.3em .7em #fff;border-radius:.3em}.volume__pit-pt1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8em;height:30em;background-color:#3d3d3d;box-shadow:inset .1em 0 .4em #000;border-radius:.4em}.volume__slid{overflow:hidden;transform-origin:center center;position:absolute;bottom:93%;left:-1.6em;background-color:#fff;background:linear-gradient(45deg,#c1c2bf,#ecedea,#c7c8ce);width:4em;height:4em;box-shadow:.2em .2em .3em #464646;border-radius:.1em}.volume__slid:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:red;background:linear-gradient(#e6e6e6,#e7e7e7,#fff,#fff,#fff,#e7e7e7,#e6e6e6);height:1em;width:100%;box-shadow:0 .8em 1.4em #000000d8,0 -.4em .6em #00000005}.volume__scale{color:#a8a9a6;position:absolute;top:50%;transform:translateY(-50%);right:5.3em;height:30em;display:flex;flex-direction:column;justify-content:space-between;align-items:end}.volume__dash-text{width:3em;color:#6e6e6e;font-size:1.2em;font-family:Roboto;position:absolute;left:-220%;top:-250%;text-align:end}.volume__dash-full{position:absolute;top:0;right:0;background-color:currentColor;width:.2em;height:100%}.volume__dash-short{width:1em;height:.1em;background-color:currentColor}.volume__dash-long{position:relative;width:1.8em;height:.2em;background-color:currentColor}.jack{z-index:12;position:absolute;top:8rem;right:8rem}.jack__body{font-size:1.2rem;position:relative;width:2.5em;aspect-ratio:1}.jack__body-pt4{position:absolute;width:3em;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(silver,#c3c3c9,#717171,#fff,#cdcdce,#c3c3c9,#717171,#fff,silver);border-radius:50%;box-shadow:.1em .1em .2em #757575,-.1em -.1em .2em #fff}.jack__body-pt1{position:absolute;width:2.5em;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(#cfcfcf,#dbdbe0,#afafaf,#fff,#e9e9e9,#dbdbe0,#afafaf,#fff,#cfcfcf);border-radius:50%;box-shadow:inset .1em .1em .1em #757575,inset -.1em -.1em .1em #fff}.jack__body-pt3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5em;aspect-ratio:1;border-radius:50%;background-color:#3d3d3d;box-shadow:inset .1em .1em .3em #000,inset -.1em -.1em .3em #a1a1a1}.jack__body-pt2{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12%;height:100%;box-shadow:inset .1em .1em .2em #000;background-color:#3d3d3d}.track-switcher{font-size:1.2rem;position:absolute;bottom:3rem;right:5rem;transform:translate(.5em);z-index:12;cursor:pointer}.track-switcher__body{position:relative}.track-switcher__body-pt1{width:10em;aspect-ratio:1;background:conic-gradient(silver,#c3c3c9,#717171,#fff,#cdcdce,#c3c3c9,#717171,#fff,silver);border-radius:50%;box-shadow:.2em .2em .1em #383838,-.2em -.2em .4em #fff}.track-switcher__body-pt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8em;aspect-ratio:1;background:conic-gradient(#cfcfcf,#dbdbe0,#afafaf,#fff,#e9e9e9,#dbdbe0,#afafaf,#fff,#cfcfcf);border-radius:50%}.track-switcher__body-pt3{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7em;aspect-ratio:1;background:linear-gradient(0deg,#acacac,silver,#cfcfcf,#eee,#cfcfcf,#e9e9e9,#cfcfcf);border-radius:50%;box-shadow:inset -.2em -.2em .2em #5f5f5f,inset .2em .2em .2em #5f5f5f}.track-switcher__body-pt4{transition:all .3s ease;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.5em;height:2.4em;background:conic-gradient(#cfcfcf7e,#dbdbe07e,#afafaf7e,#ffffff7e,#e9e9e97e,#dbdbe07e,#afafaf7e,#ffffff7e,#cfcfcf7e);border-radius:2em;transform:translate(-50%,-50%) rotate(0)}.track-switcher__body-pt4-track-on{transform:translate(-50%,-50%) rotate(0);box-shadow:-.2em -.2em .4em #fff,.2em .5em .6em #5f5f5f,.4em 0 .2em #383838,-.2em 0 .1em #383838}.track-switcher__body-pt4-track-on .track-switcher__body-pt4-dot{box-shadow:inset .2em .2em .1em #0008;color:#93fe62}.track-switcher__body-pt4-track-off{transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 -.2em .4em #fff,0 .5em .6em #5f5f5f,.2em 0 .1em #383838,-.2em 0 .1em #383838}.track-switcher__body-pt4-track-off .track-switcher__body-pt4-dot{box-shadow:inset 0 .2em .1em #0008;color:#5e5e63}.track-switcher__body-pt4-track-1{transform:translate(-50%,-50%) rotate(45deg);box-shadow:-.2em 0 .4em #fff,.5em 0 .2em #5f5f5f,.2em 0 .1em #383838,-.2em 0 .1em #383838}.track-switcher__body-pt4-track-1 .track-switcher__body-pt4-dot{box-shadow:inset .1em 0 .1em #0008}.track-switcher__body-pt4-track-2{transform:translate(-50%,-50%) rotate(90deg);box-shadow:-.2em .2em .4em #fff,.2em -.5em .2em #5f5f5f,.2em 0 .1em #383838,-.2em 0 .1em #383838}.track-switcher__body-pt4-track-2 .track-switcher__body-pt4-dot{box-shadow:inset .1em -.1em .1em #0008}.track-switcher__body-pt4-track-3{transform:translate(-50%,-50%) rotate(135deg);box-shadow:0 .2em .4em #fff,0 -.5em .2em #5f5f5f,.2em 0 .1em #383838,-.2em 0 .1em #383838}.track-switcher__body-pt4-track-3 .track-switcher__body-pt4-dot{box-shadow:inset 0 -.1em .1em #0008}.track-switcher__body-pt4-track-4{transform:translate(-50%,-50%) rotate(180deg);box-shadow:.2em .2em .2em #fff,-.2em -.5em .2em #5f5f5f,-.4em 0 .2em #383838,.2em 0 .1em #383838}.track-switcher__body-pt4-track-4 .track-switcher__body-pt4-dot{box-shadow:inset -.1em -.1em .1em #0008}.track-switcher__body-pt4-track-5{transform:translate(-50%,-50%) rotate(225deg);box-shadow:.2em 0 .4em #fff,-.5em 0 .6em #5f5f5f,-.2em 0 .1em #383838,.2em 0 .1em #383838}.track-switcher__body-pt4-track-5 .track-switcher__body-pt4-dot{box-shadow:inset -.2em 0 .1em #0008}.track-switcher__body-pt4-track-6{transform:translate(-50%,-50%) rotate(270deg);box-shadow:.2em -.2em .4em #fff,-.2em .5em .6em #5f5f5f,-.2em 0 .1em #383838,.2em 0 .1em #383838}.track-switcher__body-pt4-track-6 .track-switcher__body-pt4-dot{box-shadow:inset -.1em .1em .1em #0008}.track-switcher__body-pt4-dot{transition:background-color .3s .05s ease,box-shadow .1s 0s ease;position:absolute;top:50%;left:5%;transform:translate(50%,-50%);color:#d1fc61;background-color:currentColor;width:.7em;height:.7em;border-radius:50%;box-shadow:inset -.1em -.1em .1em #0008}.track-switcher__text{font-size:1rem;position:absolute}.track-switcher__text-on{top:50%;left:-2.5em;transform:translateY(-50%)}.track-switcher__text-off{bottom:.2em;left:.2em;transform:translate(-50%)}.track-switcher__text-1{opacity:1;top:.2em;left:.2em}.track-switcher__text-2{opacity:1;top:-1.8em;left:50%;transform:translate(-50%)}.track-switcher__text-3{opacity:1;top:.2em;right:.2em}.track-switcher__text-4{top:50%;right:-1.6em;transform:translateY(-50%)}.track-switcher__text-5{opacity:0;bottom:.2em;right:.2em}.track-switcher__text-6{opacity:0;bottom:-2em;left:50%;transform:translate(-50%)}.track-switcher__text-content{font-family:Roboto;font-size:1.4em;color:#616161;font-weight:500;text-transform:uppercase}.drive-switcher{font-size:1.5rem;position:absolute;bottom:3rem;left:3rem;z-index:16}.drive-switcher__base{transform-origin:center center;position:relative;width:7em;height:7em;border-radius:50%;box-shadow:inset .4em .4em 1.2em #afafaf,inset -.4em -.4em 1.2em #fff,-.2em -.2em .5em #fff}.drive-switcher__base-playing{box-shadow:inset .4em .4em 1.2em #afafaf,inset -.4em -.4em 1.2em #fff,inset .2em .2em .3em #00000080,-.2em -.2em .5em #fff}.drive-switcher__body-pt1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(#d7d7e0,#d7d7e6,#f5f5fd,#fff,#f5f5fd,#d5d5e9,#f7f7ff,#fff,#d7d7e0);width:80%;height:80%;border-radius:50%;box-shadow:.2em .2em .2em #00000080,0 0 .5em #00000080,-.25em -.25em .2em #fff}.drive-switcher__body-pt1-playing{width:78%;height:78%;background:conic-gradient(#d7d7e0,#d7d7e6,#f5f5fd,#fff,#f5f5fd,#d5d5e9,#f7f7ff,#fff,#d7d7e0);box-shadow:.2em .2em .2em #f000}.drive-switcher__body-pt2{transform-origin:top left;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(silver,#c3c3c9,#9e9e9e,#fff,#cdcdce,#c3c3c9,#9e9e9e,#fff,silver);width:74%;height:74%;border-radius:50%}.drive-switcher__body-pt2-playing{width:72%;height:72%;background:conic-gradient(silver,#c3c3c9,#9e9e9e,#fff,#cdcdce,#c3c3c9,#9e9e9e,#fff,silver);overflow:hidden}.drive-switcher__body-pt2-playing:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#00000014}.drive-switcher__label{position:absolute;top:calc(50% - .08em);left:50%;transform:translate(-50%,-50%);width:100%;display:flex;justify-content:center;align-items:center;gap:.5em;z-index:123}.drive-switcher__label-text{color:#838383;font-size:1.9em}.drive-switcher__label-text--special{font-size:1.2em}.drive-switcher__label-text-playing{font-size:1.8em}.twist{position:absolute;top:3rem;left:3rem}.twist__base{transform-origin:center center;position:relative;width:12em;height:12em;border-radius:50%;box-shadow:inset .4em .4em 1.2em #c5c5c5,inset -.4em -.4em 1.2em #fff}.twist__body-pt1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(#ebebff,#c3c3ec,#ebebfd,#c3c3ec,#ebebff,#c3c3ec,#ebebfd,#c3c3ec,#ebebff);width:90%;height:90%;border-radius:50%;box-shadow:.1em .1em .4em #000000f3}.twist__body-pt2{transform-origin:top left;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(silver,#c3c3c9,#b9b9b9,#fff,#cdcdce,#c3c3c9,#b9b9b9,#fff,silver);width:86%;height:86%;border-radius:50%}.twist__body-pt2-playing{animation:disk-spinning 9s linear infinite}.twist__body-pt3{transition:.5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#4f504e;width:20%;height:20%;border-radius:50%}.twist__body-pt3-playing{background-color:#d3fe62;box-shadow:inset .1em .1em .4em #000,inset 0 0 1em #0006}.twist__body-pt3-disabled{background-color:#4f504e;box-shadow:inset .1em .1em .4em #000,inset 0 0 1em #0006}.twist__body-pt4{position:absolute;top:6%;left:50%;transform:translate(-50%);background-color:#f73d24;width:.5em;height:.5em;border-radius:50%;box-shadow:inset 0 0 .2em #000000f3}.tonearm{font-size:1rem;position:absolute;top:8rem;right:16rem;width:18em;height:18em;z-index:11}.tonearm__base{width:18em;height:18em;position:absolute}.tonearm__base-pt1{width:22em;height:22em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(#cfcfcf,#dbdbe0,#afafaf,#fff,#e9e9e9,#dbdbe0,#afafaf,#fff,#cfcfcf);border-radius:50%;box-shadow:inset .3em .5em .4em #727272,inset -.4em -.4em .8em #fff}.tonearm__base-pt2{width:12.5em;height:12.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(silver,#c3c3c9,#717171,#fff,#cdcdce,#c3c3c9,#717171,#fff,silver);border-radius:50%;box-shadow:.3em .3em .1em #525252,.5em .5em 1em #868686,-.2em -.2em .5em #fff}.tonearm__base-pt3{width:10.9em;height:10.9em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:conic-gradient(#cfcfcf,#dbdbe0,#afafaf,#fff,#e9e9e9,#dbdbe0,#afafaf,#fff,#cfcfcf);border-radius:50%}.tonearm__body{z-index:11;transform:rotate(0);transform-origin:top left;position:relative;top:50%;left:50%;transition:2s ease;display:flex;justify-content:center;align-items:self-start;flex-direction:column}.tonearm__body-playing{transform:rotate(19deg);transition:2s ease}.tonearm__balance{z-index:12;position:absolute;transform-origin:top center;top:-.8em;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.tonearm__balance-pt1{position:absolute;top:-12em;left:50%;transform:translate(-50%);display:flex;background:linear-gradient(90deg,#cfcfcf,#fff,#afafaf,#9e9ea1,#afafaf,#fff,#cfcfcf);width:8em;height:3.7em;z-index:14}.tonearm__balance-pt2{position:absolute;top:-8.3em;left:50%;transform:translate(-50%) perspective(50px) rotateX(-45deg);transform-origin:top center;display:flex;background:linear-gradient(90deg,#c2c2c2,#d4d4d4,#b8b8b8,#6e6e70,#949494,#acacac,#c2c2c2);background-color:#a03232;width:8em;height:.6em;z-index:16}.tonearm__balance-pt2:before{content:"";position:absolute;bottom:.5em;left:50%;transform:translate(-50%);width:97%;height:.2em;background:linear-gradient(90deg,#c2c2c2,#f1f1f1,#a7a7a7,#929294,#a7a7a7,#f5f5f5,#c2c2c2)}.tonearm__balance-pt3{position:absolute;top:-12em;left:50%;transform:translate(-50%) perspective(50px) rotateX(-135deg);transform-origin:top center;display:flex;background:linear-gradient(90deg,#c2c2c2,#f1f1f1,#a7a7a7,#929294,#a7a7a7,#f5f5f5,#c2c2c2);background-color:#a03232;width:8em;height:.6em;z-index:16}.tonearm__balance-pt3:before{content:"";position:absolute;bottom:.5em;left:50%;transform:translate(-50%);width:97%;height:.2em;background:linear-gradient(90deg,#c2c2c2,#f1f1f1,#a7a7a7,#929294,#a7a7a7,#f5f5f5,#c2c2c2)}.tonearm__balance-pt4{position:absolute;top:-14em;left:50%;transform:translate(-50%);display:flex;background:linear-gradient(90deg,#cfcfcf,#fff,#afafaf,#9e9ea1,#afafaf,#fff,#cfcfcf);width:3em;height:13em;z-index:12}.tonearm__balance-pt5{position:absolute;top:-14em;left:50%;transform:translate(-50%) perspective(50px) rotateX(-135deg);transform-origin:top center;display:flex;background:linear-gradient(90deg,#c2c2c2,#f1f1f1,#a7a7a7,#929294,#a7a7a7,#f5f5f5,#c2c2c2);width:3em;height:.5em;z-index:16}.tonearm__balance-pt6{position:absolute;top:-7.3em;left:50%;transform:translate(-50%) perspective(50px) rotateX(-135deg);transform-origin:top center;display:flex;background:linear-gradient(90deg,#4f4f4f,#616161,#434343,#3c3c3c,#434343,#616161,#4f4f4f);background-color:#a03232;width:8em;height:.6em;z-index:17}.tonearm__balance-pt6:before{content:"";position:absolute;bottom:.5em;left:50%;transform:translate(-50%);width:97%;height:.2em;background:linear-gradient(90deg,#4f4f4f,#616161,#434343,#3c3c3c,#434343,#616161,#4f4f4f)}.tonearm__balance-pt7{position:absolute;top:-7.3em;left:50%;transform:translate(-50%);display:flex;background:linear-gradient(90deg,#636363,#7d7d7d,#535353,#4c4c4d,#535353,#7d7d7d,#636363);width:8em;height:1.7em;z-index:16}.tonearm__balance-pt8{position:absolute;top:-5.6em;left:50%;transform:translate(-50%) perspective(50px) rotateX(-45deg);transform-origin:top center;display:flex;background:linear-gradient(90deg,#4f4f4f,#616161,#434343,#3c3c3c,#434343,#616161,#4f4f4f);background-color:#a03232;width:8em;height:.6em;z-index:16}.tonearm__balance-pt8:before{content:"";position:absolute;bottom:.5em;left:50%;transform:translate(-50%);width:97%;height:.2em;background:linear-gradient(90deg,#4f4f4f,#616161,#434343,#3c3c3c,#434343,#616161,#4f4f4f)}.tonearm__center{z-index:12;position:absolute;transform-origin:top center;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translate(-50%,-50%)}.tonearm__center-pt1{display:flex;background-color:#5a5c64;background:conic-gradient(#cfcfcf,#dbdbe0,#afafaf,#fff,#e9e9e9,#dbdbe0,#afafaf,#fff,#cfcfcf);border-radius:50%;width:7em;height:7em;z-index:3}.tonearm__center-pt2{display:none;position:absolute;z-index:2;top:-1em;left:-1.6em;background-color:#2877ec;width:2em;height:4em}.tonearm__center-pt3{border-radius:50%;position:absolute;background-color:#e1ebea;background:conic-gradient(silver,#c3c3c9,#717171,#fff,#cdcdce,#c3c3c9,#717171,#fff,silver);width:8em;height:8em;z-index:2;box-shadow:.1em .1em .2em #2b2b2b}.tonearm__center-pt4{position:absolute;bottom:-1.8em;left:50%;transform:translate(-50%);width:3em;height:2em;background-color:#ff0303;background:linear-gradient(90deg,#cfcfcf,#fff,#afafaf,#9e9ea1,#afafaf,#fff,#cfcfcf);border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.tonearm__center-pt4:before{content:"";position:absolute;bottom:-.6em;left:50%;transform:translate(-50%);background:linear-gradient(#7a7a7a,transparent);width:2em;height:.6em}.tonearm__neck{border-top-right-radius:1em;border-top-left-radius:1em;transform:translate(-50%);background:linear-gradient(90deg,#ccc,#dbdbe0,#ebebeb,#fff,#e4e4e4,#cfcfcf,#c2c2c2);height:60em;width:2em;display:flex;justify-content:center;position:relative;top:-13em}.tonearm__head{transform:translate(-50%);position:relative;top:-13em;transform-origin:top center;display:flex;justify-content:center;align-items:center;flex-direction:column}.tonearm__head-pt1{border-top-right-radius:.2em;border-top-left-radius:.2em;width:2.7em;height:1.8em;background-color:#b6b3bb;background:linear-gradient(90deg,#b8b7b7,#c3c3c7,#d8d8d8,#f7f7f7,#d1d1d1,#b4b4b4,#9b9b9b)}.tonearm__head-pt2{position:relative;width:3.2em;height:1em;background:linear-gradient(90deg,#47444b,#858183,#47444b)}.tonearm__head-pt2:before{content:"";position:absolute;top:-.5em;left:50%;transform:translate(-50%);background:linear-gradient(transparent,#4746477c);width:2.7em;height:.5em}.tonearm__head-pt3{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.tonearm__head-tail{position:absolute;bottom:-.3em;width:2em;height:.3em;background-color:#cdc8cf;background:linear-gradient(90deg,#3b3b3b,#222,#141414);z-index:0}.tonearm__head-body2{position:relative;top:-1.75em;width:5em;height:5em;background-color:#7b797c;background:linear-gradient(180deg,#323232 1em,#353535,#1d1d1d,#2b2b2b);display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:.4em}.tonearm__head-body1{position:relative;width:4.2em;height:7em;background-color:#9c989e;background:linear-gradient(90deg,#1d1d1d,#313131,#4b4b4b,#707070,#9c9c9c,#707070,#4b4b4b,#313131,#0f0f0f);border-top-right-radius:.5em;border-top-left-radius:.5em;overflow:hidden}.tonearm__head-stick{position:absolute;top:0;right:-3.7em;display:flex;justify-content:center;align-items:start;z-index:0}.tonearm__head-stick-pt1{width:6.7em;height:1em;background:linear-gradient(90deg,#323232,#323232,#323232 45% 45%,#323232 45%,#636363,#6e6e6e,#a0a0a0,#414141,#333,#333,#1d1d1d);border-top-right-radius:.3em;border-bottom-right-radius:.3em}.tonearm__head-dots{position:absolute;top:0;left:0;height:100%;width:100%;padding:1.2em .5em;display:flex;justify-content:space-between;align-items:end;color:#fff}.tonearm__head-dot{position:relative;width:1em;height:2.8em;background:linear-gradient(90deg,#303030,#3f3f3f,#616161);border-radius:1em;box-shadow:inset .2em .2em .2em #3a3a3a,inset .4em .4em .2em #181818}.tonearm__head-dot:nth-child(2) .tonearm__head-pin:before{transform:translate(-50%,-50%) rotate(112deg)}.tonearm__head-dot:nth-child(1) .tonearm__head-pin:before{transform:translate(-50%,-50%) rotate(18deg)}.tonearm__head-dot:nth-child(1) .tonearm__head-pin{bottom:12%}.tonearm__head-dot:nth-child(2) .tonearm__head-pin{bottom:15%}.tonearm__head-pin{position:absolute;bottom:0%;left:50%;transform:translate(-50%);width:1.3em;aspect-ratio:1;background:conic-gradient(#ededf3,#fff,#c4c4e2,#fff,#c4c4e2,#fff,#ededf3);border-radius:50%}.tonearm__head-pin:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:.2em;background-color:#d6d6d600}.holder{z-index:10;font-size:1rem;position:absolute;bottom:40.7rem;top:40%;transform:translateY(-50%);right:20.7rem}.holder__body{position:relative}.holder__body-pt1{box-shadow:.2em .1em .1em #424242;position:absolute;top:0;right:0;width:3em;height:3em;border-radius:50%;background:conic-gradient(#dbd4e0,#ccc,#716f74,#ccc,#dbd4e0)}.holder__body-pt2{box-shadow:.7em .7em .5em #888,inset -.1em -.1em .1em #707070;border-radius:1em .1em .1em 1em;position:relative;top:.8em;left:-.3em;width:6em;height:1.4em;background:linear-gradient(90deg,#b9b9b9,#b9b9b9,#e6e6e6,#b9b9b9,#b9b9b9,#9b9b9b,#888,#6b6b6b,#888,#9b9b9b,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#b9b9b9,#6a666d)}.holder__body-pt2:before{content:"";position:absolute;top:.4em;right:.85em;width:.6em;height:.6em;background-color:#e9e3e3;border-radius:50%}.vinyl{box-shadow:.3em .3em .8em #00000080;z-index:8;position:absolute;bottom:5.5rem;left:5.5rem;font-size:1.8rem;width:42em;aspect-ratio:1;border-radius:50%;overflow:hidden;transition:.6s ease;scale:1}.vinyl-playing{scale:1}.vinyl__box{z-index:8;width:100%;height:100%;position:relative;background:conic-gradient(#030e12,#0e1a1f,#030e12,#0a1b1d,#0f1b1f,#10292d,#030e12)}.vinyl__box:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:conic-gradient(#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#ffffe133,#fff0,#ffffe100,#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#fff0,#ffffe133,#fff0,#ffffe100,#fff0,#fff0,#fff0,#fff0,#fff0),repeating-radial-gradient(circle at center,#0000004d 10% 10.25%,#fff0 10.25% 11%,#0000004d 11% 11.25%,#0000 11.25% 12%),radial-gradient(#ffffff0d,#fff0);-webkit-mask-image:radial-gradient(circle at center,transparent 0% 27.5%,black 27.5% 100%);mask-image:radial-gradient(circle at center,transparent 0% 27.5%,black 27.5% 100%)}.vinyl__body{width:100%;height:100%}.vinyl__center{position:relative;width:100%;height:100%}.vinyl__out{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:14.2em;height:14.2em;background-color:#223033;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.vinyl__label{position:relative;height:100%;width:100%;font-family:Bodoni Moda,serif;border-radius:50%;background-color:#efe8d8;box-shadow:inset 0 0 0 .2em #0000002e;display:flex;align-items:start;justify-content:center;padding-top:3em}.vinyl__label-box{width:100%;position:relative;z-index:1;display:flex;flex-direction:column;gap:.5em}.vinyl__label-title{font-size:1.4em;letter-spacing:.08em;text-transform:uppercase;color:#1f1f1f;line-height:1.2}.vinyl__label-title:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;background-color:#1f1f1f;border-radius:1em}.vinyl__label-top{font-size:.9em;letter-spacing:.18em;text-transform:uppercase;color:#2a2a2a}.vinyl__in{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:1.5em;height:1.5em;background-color:#223033;border-radius:50%}.vinyl__dot{position:relative;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em;background:radial-gradient(#fff,#fff,#0001,#8f8f8f00,#0000,#0000,#0000,#0000),conic-gradient(#fff,#d6d6d6,#979797,#979797,#d6d6d6,#979797,#fff);border-radius:50%}.vinyl__text-circle{width:16em;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl__circle-text{font-size:.8em;font-family:Courier New,monospace;fill:#ffe600;text-transform:uppercase}.base{z-index:1;position:absolute;bottom:5.5rem;left:5.5rem;font-size:1.8rem;width:45em;height:45em;transform:translate(-1.5em,1.5em)}.base__body-pt1{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;border-radius:50%;background-color:#fff;box-shadow:.4em .4em .1em #999,-.4em -.4em .6em #fff,inset 0 0 .4em #b8b8b8,inset .4em .4em .4em #fff,inset -.2em -.2em .4em #b8b8b8}.base__body-pt2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:97%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 .4em #b8b8b8,-.2em -.2em .4em #b8b8b8,inset .1em .1em .1em #999,.4em .4em .4em #fff;background-color:#e0e2e9}.base__body-pt3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:94.5%;aspect-ratio:1;border-radius:50%;background-color:#9793a8;box-shadow:.1em .1em .1em #b8b8b8}.paper{color:#413f3a;font-size:1rem;position:absolute;top:6rem;right:-34rem;width:30rem;height:46rem;transform:rotate(4deg);z-index:2}.paper__sheet{position:relative;width:100%;height:100%;padding:5rem 1rem 4rem 4rem;background:linear-gradient(135deg,#ffffff8c,#e9e4d899),linear-gradient(25deg,#fff6,#e6e0d433 45%,#fff0 60%),linear-gradient(0deg,#ffffff40,#ffffff40),repeating-linear-gradient(120deg,#786e5a08 0 2px,#ffffff05 2px 4px),repeating-linear-gradient(-35deg,#785a5a05 0 3px,#ffffff05 3px 6px),linear-gradient(135deg,#f6f4ee,#eeebe1);border-radius:.6rem;border:.1rem solid #e0dccf}.paper__sheet:before{content:"";position:absolute;top:1.6rem;left:1rem;width:1.1rem;height:1.1rem;background:#1e1e1e;border-radius:50%;box-shadow:0 2.4rem #1e1e1e,0 4.8rem #1e1e1e,0 7.2rem #1e1e1e,0 9.6rem #1e1e1e,0 12rem #1e1e1e,0 14.4rem #1e1e1e,0 16.8rem #1e1e1e,0 19.2rem #1e1e1e,0 21.6rem #1e1e1e,0 24rem #1e1e1e,0 26.4rem #1e1e1e,0 28.8rem #1e1e1e,0 31.2rem #1e1e1e,0 33.6rem #1e1e1e,0 36rem #1e1e1e,0 38.4rem #1e1e1e,0 40.8rem #1e1e1e}.paper__rows{display:flex;flex-direction:column;gap:2.2rem}.paper__row{transform:rotate(-5deg);display:grid;grid-template-columns:3rem 1fr;align-items:baseline;column-gap:1rem;letter-spacing:.02em;width:fit-content;padding-right:1em}.paper__row:before{content:"";position:absolute;bottom:.3em;left:0;width:100%;height:.1em;border-radius:1em;background-color:currentColor;box-shadow:0 -.1em 1em #fff;opacity:0;transition:all .2s ease}.paper__row:hover .paper__num,.paper__row:hover .paper__name{transition:.2s ease;color:#c59212}.paper__row:hover:before{opacity:1;color:#c59212}.paper__num{font-family:Alex Brush;font-weight:600;color:currentColor;font-size:2.2em}.paper__name{font-family:Allura,serif;font-weight:600;color:currentColor;font-size:2.6em}.paper__link{text-decoration:none;color:currentColor}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-user-select:none;user-select:none;font-size:10px}body{font-family:Arial,sans-serif;background-color:#1e1e1e;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app{font-size:1rem;position:relative;width:112rem;height:90rem}@media(max-width:700px){html{font-size:12px}}@media(max-width:900px){html{font-size:5px}}@media(min-width:2560px){html{font-size:12px}}