.cassette .tape{background:linear-gradient(#14251a,#09180f);border-color:#50644c}
.cassette .tape-label{color:#b4db9a;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-shadow:0 0 7px #c5ec8633}
.cassette .tape-label small{font-size:10px;color:#b4db9a}
.cassette .deck #deck-b-name{max-width:none;font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}
.cassette #next-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:10px}
.cassette #b-time{font-size:12px;color:#b4db9a}
.cassette .cassette-window{height:106px}
.cassette .tape{min-height:82px}
#platter-jump-back{position:relative;z-index:4;padding:4px 8px;font-size:8px}
@media(max-width:600px){.cassette .tape{gap:5px}.cassette .reel{flex-shrink:0;width:24px;height:24px}.cassette .tape-label,.cassette .deck #deck-b-name{font-size:11px}.cassette .tape-label small,.cassette #next-title{font-size:9px}.cassette #b-time{font-size:11px}.turntable-bottom #platter-state{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#platter-jump,#platter-jump-back{font-size:7px;padding:5px}}