*{box-sizing:border-box}:root{--black: #4d4d4d;--white: #ffffff;--cream: #efeeeb;--grey: #dad8d2;--primary: #a8a8a8;--brown: #4d3b3b;--c90grey: #bbbbbb;--c90red: #dd342f;--c90green: #4b9121;--c90black: #141311;--screwGrey: #5e5f5a;--red: #fd6139;--blue: #424ba8;--paper: #f8f1e1;--font-size-base: 1.5em;--bold: 900;--book: 400;--sans: "Lato", sans-serif;--cursive: "Shadows Into Light", cursive;--dur: 1s;--cassetteShadow1: -.5em;--cassetteShadow2: .9em;--cassetteShadow3: 0;--cassetteShadow4: .3em}[data-theme=dark]{--black: #e0e0e0;--white: #1a1a1a;--cream: #888;--grey: #404040;--primary: #222;--brown: #6b4d4d;--c90grey: #555555;--c90red: #ff4444;--c90green: #ff3e00;--c90black: #f0f0f0;--screwGrey: #777777;--red: #ff6b4a;--blue: #ffa900;--paper: #2d2d2d}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.cassetteOuter{position:relative;margin:0 auto;background:var(--c90grey);border-radius:.7em;width:20em;height:12em;box-shadow:color-mix(in srgb,var(--c90grey),black 15%) 0 .6em,color-mix(in srgb,var(--primary),black 10%) var(--cassetteShadow1) var(--cassetteShadow2) 0 var(--cassetteShadow4);padding:1em;border-top:color-mix(in srgb,var(--c90grey),white 10%) solid .1em;border-bottom:color-mix(in srgb,var(--c90grey),black 10%) solid .1em}.cassetteOuter:before{position:absolute;bottom:1em;right:100%;content:"";height:3.5em;border-right:color-mix(in srgb,var(--c90grey),black 15%) solid .2em;border-top:transparent solid .2em;border-bottom:transparent solid .2em;box-shadow:color-mix(in srgb,var(--primary),black 10%) var(--cassetteShadow1) var(--cassetteShadow2) 0 var(--cassetteShadow4);transition:box-shadow .3s ease}.cassetteOuter:after{position:absolute;z-index:-9000;bottom:1em;left:100%;content:"";height:3.5em;border-left:color-mix(in srgb,var(--c90grey),black 5%) solid .2em;border-top:transparent solid .2em;border-bottom:transparent solid .2em;box-shadow:color-mix(in srgb,var(--primary),black 10%) var(--cassetteShadow1) var(--cassetteShadow2) 0 var(--cassetteShadow4)}.screw{position:absolute;display:block;width:0;height:0;border-left:var(--screwGrey) solid .4em;border-bottom:var(--screwGrey) solid .3em;border-top:color-mix(in srgb,var(--screwGrey),white 40%) solid .4em;border-right:color-mix(in srgb,var(--screwGrey),white 40%) solid .4em;border-radius:50%;box-shadow:color-mix(in srgb,var(--c90grey),black 25%) 0 -.2em}.screw:before{position:absolute;top:-.25em;right:-.35em;display:block;content:"";width:.3em;height:.2em;border-radius:50%;background:var(--white);transform:rotate(45deg)}.screw.screw1{top:.5em;left:.3em}.screw.screw1 .screwInner{transform:rotate(20deg)}.screw.screw2{top:.5em;right:.3em}.screw.screw2 .screwInner{transform:rotate(30deg)}.screw.screw3{bottom:.3em;left:.3em}.screw.screw3 .screwInner{transform:rotate(10deg)}.screw.screw4{bottom:.3em;right:.3em}.screw.screw4 .screwInner{transform:rotate(-10deg)}.screw .screwInner{position:absolute;top:-.15em;left:-.225em;display:block;width:.45em;height:.2em;border-radius:.1em;background:color-mix(in srgb,var(--screwGrey),black 15%)}.screw .screwInner:after{position:absolute;top:0;left:0;display:block;content:"";width:.45em;height:.2em;border-radius:.1em;background:color-mix(in srgb,var(--screwGrey),black 15%);transform:rotate(90deg)}.stickerOuter{width:100%;height:8em;background:var(--c90grey);border-radius:.7em;border-top:color-mix(in srgb,var(--c90grey),black 10%) solid .1em;border-bottom:color-mix(in srgb,var(--c90grey),white 10%) solid .1em;position:relative}.sticker{position:absolute;inset:.2em;background:var(--cream);border-radius:.7em;border-bottom:color-mix(in srgb,var(--c90grey),black 20%) solid 1px}.sticker .a-side{position:absolute;border-radius:.1em;top:.8em;left:1em;font-weight:var(--bold);display:block;background:var(--black);color:var(--cream);width:1.1em;height:1.1em;padding-top:.1em;line-height:1em;text-align:center}.sticker .cursive{font-family:var(--cursive);display:block;padding:.5em .5em .5em 5em;transform:rotate(-3deg);color:var(--blue)}.sticker .stripe{display:block;position:absolute;top:40%;width:100%;border-top:var(--red) solid .3em;border-bottom:var(--black) solid .3em}.sticker .c90{position:absolute;bottom:-.1em;left:3.5em;color:var(--c90green);font-weight:var(--bold)}.sticker .logo{position:absolute;bottom:-.1em;right:3.5em;font-weight:var(--bold)}.middle{position:relative;width:60%;margin:.5em auto 0;background:var(--c90grey);padding:.2em;border-radius:.4em;border-top:color-mix(in srgb,var(--c90grey),white 10%) solid .1em;border-bottom:color-mix(in srgb,var(--c90grey),black 15%) solid .1em;box-shadow:var(--c90grey) 0 0 0 .5em,color-mix(in srgb,var(--c90grey),black 20%) 0 -1px 0 .5em}.circle{display:block;position:relative;float:left}.circle.two{float:right}.circle{width:2.3em;height:2.4em;border-radius:50%;background:var(--primary);border-top:color-mix(in srgb,var(--c90grey),black 10%) solid .1em;border-bottom:color-mix(in srgb,var(--c90grey),white 15%) solid .1em;box-shadow:inset var(--c90grey) 0 0 0 .2em,inset color-mix(in srgb,var(--c90grey),black 15%) 0 .1em 0 .2em,inset var(--cream) 0 .1em 0 .4em,inset color-mix(in srgb,var(--cream),black 25%) 0 .2em 0 .4em,inset color-mix(in srgb,var(--primary),black 10%) -.7em 1.5em}.teethBox{position:absolute;top:50%;margin-top:-.75em;left:50%;margin-left:-.85em;width:1.7em;height:1.7em;transition:transform;transition-duration:var(--dur);animation:spin 10s linear infinite}.teeth{display:block;position:absolute;top:50%;margin-top:-.1em;left:50%;width:1.7em;margin-left:-.85em;height:.2em;box-shadow:inset var(--cream) .25em 0 0 0,inset var(--cream) -.25em 0 0 0}.teeth:nth-of-type(2){transform:rotate(60deg)}.teeth:nth-of-type(3){transform:rotate(-60deg)}.window{position:absolute;z-index:2;top:.2em;left:50%;margin-left:-2.5em;margin-top:.3em;width:5em;height:1.8em;border-radius:.4em;overflow:hidden;background:color-mix(in srgb,var(--primary),black 10%);border-top:color-mix(in srgb,var(--c90grey),black 10%) solid .1em;border-bottom:color-mix(in srgb,var(--c90grey),white 15%) solid .1em;box-shadow:inset color-mix(in srgb,var(--c90grey),black 15%) 0 .2em,var(--c90grey) 0 0 0 .25em,color-mix(in srgb,var(--c90grey),black 15%) 0 -.1em 0 .2em,color-mix(in srgb,var(--c90grey),white 15%) 0 .1em 0 .2em}.window .reelOne{position:absolute;left:-1.4em;top:.9em;display:block;margin-left:var(--reel-margin, -5em);margin-top:var(--reel-margin, -5em);width:var(--reel-size, 10em);height:var(--reel-size, 10em);background:var(--brown);border-radius:50%;transition:width,height,margin;transition-duration:var(--dur)}.window .reelOne:after{position:absolute;top:50%;left:50%;content:"";width:4em;height:4em;margin:-2em 0 0 -2em;border-radius:50%;background:var(--cream);border:var(--cream) solid .2em;box-shadow:inset var(--grey) 0 0 0 .2em}.window .reelTwo{position:absolute;right:-1.4em;top:.9em;display:block;margin-right:var(--reel-margin, -2em);margin-top:var(--reel-margin, -2em);width:var(--reel-size, 4em);height:var(--reel-size, 4em);background:var(--brown);border-radius:50%;transition:width,height,margin;transition-duration:var(--dur)}.window .reelTwo:after{position:absolute;top:50%;left:50%;content:"";width:4em;height:4em;margin:-2em 0 0 -2em;border-radius:50%;background:var(--cream);border:var(--cream) solid .2em;box-shadow:inset var(--grey) 0 0 0 .2em}.cassetteBottom{position:absolute;left:50%;bottom:0;height:2.2em;width:10em;margin-left:-5em;background:color-mix(in srgb,var(--c90grey),white 5%);border-top:color-mix(in srgb,var(--c90grey),white 15%) solid .1em}.cassetteBottom .screw5{bottom:1em;left:50%;margin-left:-.5em}.cassetteBottom:before{content:"";position:absolute;right:100%;border-right:color-mix(in srgb,var(--c90grey),white 5%) solid .5em;border-top:transparent solid 2.2em}.cassetteBottom:after{content:"";position:absolute;left:100%;border-left:color-mix(in srgb,var(--c90grey),white 5%) solid .5em;border-top:transparent solid 2.2em}.bottomShadow{position:absolute;z-index:100;left:50%;margin-left:-5.5em;bottom:-.7em;width:11em;height:.7em;background:color-mix(in srgb,var(--c90grey),black 15%)}.bottomShadow:before{content:"";display:block;position:absolute;z-index:100;bottom:100%;left:50%;margin-left:-5.5em;width:10.4em;border-bottom:color-mix(in srgb,var(--c90grey),black 15%) solid .1em;border-right:transparent solid .3em;border-left:transparent solid .3em}.bottomShadow:after{content:"";display:block;position:absolute;z-index:100;top:100%;left:50%;margin-left:-5.5em;width:10.4em;border-top:color-mix(in srgb,var(--c90grey),black 15%) solid .1em;border-right:transparent solid .3em;border-left:transparent solid .3em;box-shadow:color-mix(in srgb,var(--primary),black 10%) var(--cassetteShadow1) var(--cassetteShadow2) -.6em 0 var(--cassetteShadow4)}.holes{display:block;position:absolute;bottom:.8em;width:.8em;height:.6em;border-radius:.2em;background:color-mix(in srgb,var(--c90grey),black 35%);box-shadow:inset color-mix(in srgb,var(--c90grey),black 15%) 0 .1em}.holes:after{position:absolute;top:.5em;content:"";width:.6em;height:.6em;border-radius:50%;background:color-mix(in srgb,var(--c90grey),black 35%);box-shadow:inset color-mix(in srgb,var(--c90grey),black 15%) 0 .1em}.holes.one{left:20%}.holes.one:after{right:200%}.holes.two{right:20%}.holes.two:after{left:200%}.bottomHoles{position:absolute;top:.05em;width:2em;height:.6em;background:color-mix(in srgb,var(--c90grey),black 35%);box-shadow:inset var(--brown) 0 .3em 0 0,inset color-mix(in srgb,var(--c90grey),black 25%) 0 -.1em}.bottomHoles.one{left:.5em}.bottomHoles.two{left:50%;margin-left:-1em}.bottomHoles.two:before{content:"";display:block;position:absolute;top:.1em;right:140%;width:.4em;height:.4em;background:color-mix(in srgb,var(--c90grey),black 35%);box-shadow:inset var(--brown) 0 .2em 0 0,inset color-mix(in srgb,var(--c90grey),black 25%) 0 -.05em}.bottomHoles.two:after{content:"";display:block;position:absolute;top:.1em;left:140%;width:.4em;height:.4em;background:color-mix(in srgb,var(--c90grey),black 35%);box-shadow:inset var(--brown) 0 .2em 0 0,inset color-mix(in srgb,var(--c90grey),black 25%) 0 -.05em}.bottomHoles.three{right:.5em}.cassetteOuter:hover .reelOne{margin-left:-4em;margin-top:-4em;width:8em;height:8em}.cassetteOuter:hover .reelTwo{margin-right:-3.5em;margin-top:-3.5em;width:7em;height:7em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alpha{color:var(--white);font-family:var(--cursive);font-size:1.5em;font-weight:var(--bold);left:10%;position:absolute;rotate:-45deg;top:10%}.linerNotes{width:21em;margin:2em auto}.linerNotesTop{transform:rotate(180deg) skew(10deg);box-shadow:color-mix(in srgb,var(--primary),black 10%) 1.1em -1em;position:relative;left:.3em;height:3em;background:var(--paper);padding:.4em}.linerNotesTop .boxDesc{font-size:.6em;display:block;font-size:.5em;float:left}.linerNotesTop .infoBoxes{font-size:.6em;display:block;float:right;width:40%}.linerNotesTop .infoBoxes .box1{display:block;text-transform:uppercase;text-align:center;border:var(--black) solid .2em;width:33.33%;height:2.4rem;float:left;line-height:1rem;font-size:.6em;padding-top:.1em}.linerNotesTop .infoBoxes .box2{display:block;text-transform:uppercase;text-align:center;border:var(--black) solid .2em;width:33.33%;height:2.4rem;float:left;line-height:1rem;font-size:.8em;background:var(--black);color:var(--paper);font-weight:var(--bold);padding-top:.7em}.linerNotesTop .infoBoxes .box3{display:block;text-transform:uppercase;text-align:center;border:var(--black) solid .2em;width:33.33%;height:2.4rem;float:left;line-height:1rem;font-size:.6em;padding-top:.6em}.linerNotesTop .infoBoxes .boxCopyright{display:block;width:100%;height:.8em;font-size:.6em;text-align:center;position:relative;top:-.4em}.linerNotesSpine{transform:skew(-10deg) rotate(180deg);position:relative;left:.3em;height:3em;background:var(--red);border-top:var(--black) solid .8em;border-bottom:var(--black) solid .8em;text-align:center;font-weight:var(--bold);line-height:1em;box-shadow:inset color-mix(in srgb,var(--paper),black 25%) 0 .3em,inset color-mix(in srgb,var(--paper),black 25%) 0 -.3em,inset var(--c90red) 0 -.7em 0 0,color-mix(in srgb,var(--primary),black 10%) .6em -1em 0 .2em}.linerNotesSpine .spineTitle{display:block;background:color-mix(in srgb,var(--paper),black 25%);width:8em;margin:0 auto}.linerNotesSpine{padding-top:.3em}.green{color:var(--c90green)}.linerNotesMainContent{background:var(--paper);box-shadow:color-mix(in srgb,var(--primary),black 10%) -1em 1em;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:38px 1fr;position:relative;z-index:1}.linerNotesMainContent:before{border-left:var(--black) solid .1em;content:"";height:100%;left:50%;position:absolute;top:0;z-index:2}.linerNotesMainContent:after{border-right:transparent solid .5em;border-top:color-mix(in srgb,var(--paper),black 10%) solid 2em;content:"";position:absolute;right:0;top:0;width:20.5em;z-index:0}.linerNotesMainContent .side{border-bottom:var(--black) solid .2em;display:block;float:left;padding-left:.5em;position:relative;z-index:2}.linerNotesMainContent .linerNotesMainContentInner{color:var(--blue);display:grid;font-family:var(--cursive);font-size:.6em;grid-template-rows:repeat(auto-fill,minmax(min-content,1fr));line-height:.8em;padding:.9em .5em 0;z-index:1}.linerNotesMainContent .linerNotesMainContentInner P{display:flex;align-items:center;margin-bottom:.4em;padding-bottom:.4em}.linerNotesMainContent .linerNotesMainContentInner P:not(:last-child){border-bottom:1px dashed}.linerNotesBottom{transform:rotate(180deg);position:relative;z-index:2;height:12em;background:var(--paper);box-shadow:inset var(--c90red) 0 1.5em 0 0,inset var(--c90red) 0 -1.5em 0 0,inset var(--red) 0 3em 0 0,inset var(--red) 0 -3em 0 0,inset var(--black) 0 4.5em 0 0,inset var(--black) 0 -4.5em 0 0,color-mix(in srgb,var(--primary),black 10%) 1em -1em;padding-top:1.5em;text-align:center}.linerNotesBottom .black{text-transform:uppercase;font-weight:var(--bold);font-size:.6em}.linerNotesBottom .white{color:var(--cream);font-size:.8em}.linerNotesBottom .title{font-weight:var(--bold);line-height:2em;font-size:1.6em;padding-bottom:.95em}.player{background:linear-gradient(#000 0 0) 50% 50%/97.5% 97.5% no-repeat;border:0;border-radius:.5em;box-sizing:border-box;box-shadow:inset 0 -.1em .1em -.05em #fff2,inset 0 .125em .25em #0003,inset 0 .25em .25em #0001,inset -.05em -.1em .15em #0003,inset 0 -.05em .1em #0002,inset 0 0 0 .4em #c4c1c3;display:flex;font-size:clamp(.25rem,2vmin,2rem);font-size:1.1rem;margin:2em auto;position:relative;gap:.5em;padding:.66em;width:10em}.player legend{position:absolute;width:1px;height:1px;overflow:hidden;left:-1000in}.player input{--spec: linear-gradient(#0000 0 0);--spec-checked: radial-gradient(50% 150% at 0 50%, #0004 6%, #0000 50%), radial-gradient(50% 130% at 100% 50%, #0004 10%, #0000 50%);--base: radial-gradient(at 20% 20%, #0000, #0003) 0 40% / 110% 120% padding-box, linear-gradient(#44444a, #28282f) 0 40% / 110% 120% padding-box, linear-gradient(#5b5b61, #28282f 50%, #202028) 0 40% / 110% 120% border-box;font-size:inherit;appearance:none;width:4em;aspect-ratio:4/3;border-radius:.15em;border:.02em solid rgba(0,0,0,0);background:red;margin:0;padding:0;position:relative;background:var(--spec),var(--base);color:#fff5;transform:perspective(30em) translateZ(3em);box-shadow:inset 0 0 .4em #0002,0 0 .15em #0005,.25em .15em .4em #000c,.2em .25em .35em #0009;z-index:2;transition:all .1s}.player input:first-of-type{--spec-checked: radial-gradient(50% 100% at 100% 50%, #0004 10%, #0000 50%)}.player input:last-of-type{--spec-checked: radial-gradient(50% 100% at 0% 50%, #0004 10%, #0000 50%)}.player input:checked{background:var(--spec-checked),var(--base);transform:perspective(30em) translateZ(0);z-index:1;box-shadow:inset 0 0 1em #0004,0 0 #0000,0 0 #0000,.125em .125em 1em #0005}.player input:before{content:attr(value);transform:translate(-50%,-50%);font-size:.6em;left:50%;top:64%;position:absolute;text-transform:uppercase;font-weight:600;font-family:Arial,Helvetica,sans-serif}.player input:after{content:"";position:absolute;top:36%;left:50%;width:.75em;height:.6em;background:currentcolor;transform:translate(-50%,-50%)}.player input[value=rec]{color:#b44a}.player input[value=rec]:after{width:.6em;border-radius:50%;background:currentcolor}.player input[value=rew]:after{clip-path:polygon(0 50%,50% 0,50% 45%,100% 0,100% 100%,50% 55%,50% 100%)}.player input[value=play]:after{width:.66em;clip-path:polygon(100% 50%,0% 0,0% 100%)}.player input[value=ffwd]:after{clip-path:polygon(100% 50%,50% 0,50% 45%,0% 0,0% 100%,50% 55%,50% 100%)}.player input[value=stop]:after{width:.6em}.player input[value=pause]:after{width:.55em;background:linear-gradient(90deg,currentcolor 37%,rgba(0,0,0,0) 0 63%,currentcolor 0)}.player-track-info{align-items:center;background-color:var(--paper);border:5px solid var(--grey);border-radius:.5em;color:var(--blue);display:flex;font-size:1.33rem;justify-content:center;margin:4rem auto 0;gap:2rem;width:80%}.playlist-time-info{display:flex;justify-content:center;align-items:center;margin:1rem auto;padding:.5rem 1rem}.playlist-time-display{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-family:var(--sans);color:var(--black);font-weight:var(--book)}.playlist-time-display .current-time{font-weight:var(--bold)}.playlist-time-display .time-separator{color:var(--grey)}.playlist-time-display .total-time{color:var(--black)}html{min-height:100%}body{font-family:var(--sans);font-size:var(--font-size-base);color:var(--black);background:var(--primary);padding:2em 0;line-height:1.4em;transition:background-color .3s ease,color .3s ease}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom: 1}.theme-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;background:var(--white);border:2px solid var(--black);border-radius:50%;width:3.5rem;height:3.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--black);transition:all .3s ease;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px #00000040}.theme-toggle:active{transform:scale(.95)}[data-theme=dark] .theme-toggle{background:var(--white);border-color:var(--black);color:var(--black);box-shadow:0 4px 12px #ffffff1a}[data-theme=dark] .theme-toggle:hover{box-shadow:0 6px 20px #fff3}.theme-toggle:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,var(--primary),var(--red));z-index:-1;opacity:0;transition:opacity .3s ease}.theme-toggle:hover:before{opacity:.3}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}