/* One CSS pixel is the standard thin panel outline. */
.glass,.player-queue .player,.player-queue .rotation,.equalizer,.promo,.clockcard,.djcards article,.musiccard,.eventcard{border:1px solid rgba(255,255,255,.16);box-shadow:none;border-radius:5px}
.player-queue .rotationcard{border:0;box-shadow:none}
.player-queue .song-feedback button,.player-queue .queue-controls button,.presets button,#expandEQ,.news-heading button,.main-menu summary{border-width:1px;border-color:rgba(255,255,255,.25);box-shadow:none}
.player-queue .sound-drawer,.sound-drawer{border-top:1px solid rgba(255,255,255,.16)}
.actions>*{border-right-color:rgba(255,255,255,.14)}

/* A consistent outer frame on all four sides, on desktop and mobile. */
body{--site-frame:8px;padding:var(--site-frame);box-sizing:border-box}
.station,.preview{width:100%;max-width:none;margin-inline:auto;box-sizing:border-box}
.station{box-shadow:none;border:1px solid rgba(255,255,255,.16)}
.station .content{display:flex;flex-direction:column;gap:var(--site-frame);padding:0;margin-top:var(--site-frame)}
.station .content>*{margin-top:0;margin-bottom:0}
.station .content :is(.player-queue,.airrow,.promos,.community-row){gap:var(--site-frame)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid rgba(255,255,255,.16);z-index:2;pointer-events:none}