@import url("https://fonts.googleapis.com/css?family=Gochi+Hand");.cassette{width:30vw;height:20vw;background:hsla(0,0%,100%,.5);border-radius:.5vw;position:relative;padding:10px}.screw1,.screw2,.screw3,.screw4{width:1vw;height:1vw;background:#000;border-radius:1vw;position:absolute}.screw1:after,.screw1:before,.screw2:after,.screw2:before,.screw3:after,.screw3:before,.screw4:after,.screw4:before{content:"";display:block}.screw1:before,.screw2:before,.screw3:before,.screw4:before{width:.2vw;height:.5vw;background:hsla(0,0%,100%,.5);margin:.25vw 0 0 .4vw}.screw1:after,.screw2:after,.screw3:after,.screw4:after{width:.5vw;height:.2vw;background:hsla(0,0%,100%,.5);margin:-.35vw 0 0 .25vw}.screw1{left:.1vw;top:.1vw}.screw2{right:.1vw;top:.1vw}.screw3{left:.1vw;bottom:.1vw}.screw4{right:.1vw;bottom:.1vw}.sticker{width:28vw;height:14vw;background:#fff;border-radius:.5vw;margin:.5vw auto 0;position:relative}.songlabel{margin:auto}.songlabel:before{content:attr(name);font:800 2vw/6vw Roboto;color:#000;text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.songlabel:after{content:"Side A";font:1vw Roboto;color:#000;margin:.5vw 0 0 1vw;display:block}.artistlabel{margin:auto}.artistlabel:before{content:attr(name);font:800 1.5vw/6vw Roboto;color:#000;text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window{width:17vw;height:4vw;background:#ece3c3;border:.3vw solid hsla(0,0%,100%,.5);border-radius:.5vw;top:0;bottom:0;left:0;right:0;margin:auto;position:absolute;overflow:hidden}.window:after,.window:before{content:"";display:block;width:5vw;height:6vw;background:hsla(0,0%,100%,.5);position:absolute;z-index:1;top:-1vw}.window:before{left:-.5vw}.window:after{right:-.5vw}.reelleft,.reelright{width:6vw;height:6vw;background:#fff;border-radius:5vw;margin:-1vw;position:absolute}.reelleft:after,.reelleft:before,.reelright:after,.reelright:before{content:"";display:block}.reelleft{box-shadow:0 0 0 3.2vw brown;animation:spin 20s linear infinite alternate,shrink 20s linear infinite alternate}.reelright{right:0;box-shadow:0 0 0 .8vw brown;animation:spin 20s linear infinite alternate forwards,grow 20s linear infinite alternate forwards}.reelleft:before,.reelright:before{width:1vw;height:.5vw;background:red;position:absolute;left:0;top:2.7vw}.reel{width:16vw;height:3vw;background:transparent;border-radius:2vw;margin:.5vw auto;position:relative}.reel .outerreelleft,.reel .outerreelright{width:3vw;height:3vw;background:#ece3c3;border:.4vw dashed #fff;border-radius:3vw;box-sizing:border-box;position:absolute;z-index:2;animation:spin 20s linear infinite alternate forwards}.reel .outerreelright{right:0}.tint{width:8vw;height:4vw;background:rgba(0,0,0,.3);margin:-4vw auto;position:relative}.bottom .circle1,.bottom .circle2,.bottom .circle3,.bottom .circle4{width:1vw;height:1vw;background:#ece3c3;position:absolute}.bottom{width:20vw;height:2vw;background:transparent;border-bottom:4vw solid #fff;border-left:1.5vw solid transparent;border-right:1.5vw solid transparent;margin:0 auto;position:relative}.bottom .circle1,.bottom .circle2{border-radius:2vw;margin-left:1vw;bottom:-3.5vw}.bottom .circle2{right:1vw}.bottom .circle3,.bottom .circle4{border-radius:.3vw;margin-left:3.5vw;bottom:-2.5vw}.bottom .circle4{right:3.5vw}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(10turn)}}@keyframes shrink{0%{box-shadow:0 0 0 .01vw brown}to{box-shadow:0 0 0 3.2vw brown}}@keyframes grow{0%{box-shadow:0 0 0 3.2vw brown}to{box-shadow:0 0 0 .01vw brown}}
/*# sourceMappingURL=/cassette.06222eca.css.map */