@font-face{font-family:Chicago;src:url(/fonts/chicago-webfont.woff)format("woff");font-style:normal;font-weight:400}.ipod-classic{box-sizing:border-box}.ipod-classic *,.ipod-classic :before,.ipod-classic :after{box-sizing:inherit}.ipod-classic .screen:after,.ipod-classic .battery,.ipod-classic .battery:before,.ipod-classic .battery:after,.ipod-classic .clickwheel:before,.ipod-classic .clickwheel:after,.ipod-classic .rw,.ipod-classic .ff,.ipod-classic .pp{content:"";display:block;position:absolute}.ipod-classic .ipod{background-color:#fff;border-radius:20px;flex:none;width:200px;height:350px;margin:0 auto;display:block;box-shadow:inset -4px 0 12px #40404033,inset 4px -6px 10px #40404066}.ipod-classic .screen{color:#454560;background-color:#dbdbfe;border-radius:5px;width:70%;height:35%;margin:10% 15%;font:400 10px/1.7 Chicago,sans-serif;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 1px 1px #0006,inset 0 0 3px 2px gray}.ipod-classic[data-backlight=off] .screen{color:#6a6a80;background-color:#9a9ab0;box-shadow:inset 0 0 1px 1px #00000080,inset 0 0 4px 2px #0003}.ipod-classic[data-backlight=off] .screen:after{opacity:.85}.ipod-classic[data-backlight=off] .menu li.active{color:#9a9ab0;background-color:#6a6a80}.ipod-classic[data-backlight=off] .battery,.ipod-classic[data-backlight=off] .battery:before,.ipod-classic[data-backlight=off] .battery:after{border-color:#6a6a80}.ipod-classic[data-backlight=off] .screen:before{border-bottom-color:#6a6a80}.ipod-classic .screen:before{content:"iPod";text-align:center;border-bottom:1px solid #454560;width:98%;margin:0 auto;display:block}.ipod-classic .screen:after{opacity:.5;background:linear-gradient(#fff0,#f0f0f099);width:50%;height:120%;top:-5%;left:60%;transform:rotate(10deg);box-shadow:-2px 0 3px #f0f0f099}.ipod-now-playing{width:100%;padding:.3em .5em;font:400 10px/1.7 Chicago,sans-serif;position:absolute;overflow:hidden}.ipod-now-playing-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ipod-now-playing-artist{white-space:nowrap;text-overflow:ellipsis;opacity:.85;overflow:hidden}.ipod-classic[data-backlight=off] .ipod-now-playing-title,.ipod-classic[data-backlight=off] .ipod-now-playing-artist{color:inherit}.ipod-classic .menu{width:100%;margin:0;padding:0 .3em;list-style:none;position:absolute}.ipod-classic .menu li{padding:0 .5em;list-style-type:none}.ipod-classic .menu li.s{justify-content:space-between;display:flex}.ipod-classic .menu li.s:after{content:">"}.ipod-classic .menu li.active{color:#dbdbfe;background-color:#454560}.ipod-classic .battery{border:1px solid #454560;width:2em;height:1em;margin:.4em;top:0;right:0}.ipod-classic .battery:before{background-color:#454560;border:1px solid #dbdbfe;width:100%;height:100%}.ipod-classic .battery:after{border:1px solid #454560;border-left-color:#dbdbfe;width:0;height:50%;top:25%;left:100%}.ipod-classic .clickwheel{color:#fff;background-color:#dedede;border-radius:100%;width:70%;height:40%;margin:5% auto 0;font-size:0;position:relative;box-shadow:inset 1px -1px 3px -1px silver,inset -1px 1px 3px -1px silver}.ipod-classic .clickwheel:after{background-color:#fff;border-radius:100%;width:40%;height:40%;top:30%;left:30%;box-shadow:0 0 3px -1px #b0b0b0}.ipod-classic .menu-button{font:600 11px/3 Helvetica,sans-serif}