/* Every visible control part belongs to one SVG; no separately scaled CSS shapes. */
.release-page .discography-number { width:32px; padding-right:4px; }
.track-number-control { display:block; position:relative; width:24px; height:18px; line-height:18px; text-align:center; }
.track-number-text { display:block; }
.preview-control { display:none; position:absolute; left:-1px; top:-4px; width:26px; height:26px; min-width:0; min-height:0; margin:0; padding:0; cursor:pointer; overflow:visible; border:0; outline:0; -webkit-border-radius:0; border-radius:0; background:transparent; -webkit-box-shadow:none; box-shadow:none; font-size:0; line-height:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.preview-control, .preview-control * { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-user-drag:none; }
.preview-control::-moz-focus-inner { padding:0; border:0; }
.preview-control::-moz-focus-outer { border:0; }
.preview-control:focus, .preview-control:active { outline:0; background:transparent; -webkit-box-shadow:none; box-shadow:none; }
.preview-art { display:block; position:absolute; left:-2px; top:-2px; width:30px; height:30px; overflow:visible; pointer-events:none; }
.preview-art * { pointer-events:none; }
.preview-face-active, .preview-ring-value, .preview-ring-loading-base, .preview-ring-loading, .preview-stop, .preview-press, .preview-focus { display:none; }
.audio-previews-ready .has-audio-preview .preview-control { display:block; opacity:0; }
.audio-previews-ready.audio-previews-mouse .has-audio-preview:hover .preview-control,
.audio-previews-ready .is-preview-focused .preview-control,
.audio-previews-ready .is-preview-loading .preview-control,
.audio-previews-ready .is-preview-playing .preview-control,
.audio-previews-ready .is-preview-paused .preview-control { opacity:1; }
.audio-previews-ready.audio-previews-mouse .has-audio-preview:hover .track-number-text,
.audio-previews-ready .is-preview-focused .track-number-text,
.audio-previews-ready .is-preview-loading .track-number-text,
.audio-previews-ready .is-preview-playing .track-number-text,
.audio-previews-ready .is-preview-paused .track-number-text { opacity:0; }
.is-preview-focused .preview-focus, .is-preview-pressed .preview-press { display:block; }
.preview-legacy:focus { outline:1px dotted #b5bec4; outline-offset:1px; }
.preview-legacy.is-preview-pressed .preview-art { opacity:0.78; }
.is-preview-loading .preview-face-active, .is-preview-playing .preview-face-active, .is-preview-paused .preview-face-active,
.is-preview-loading .preview-stop, .is-preview-playing .preview-stop,
.is-preview-loading .preview-ring-loading-base, .is-preview-loading .preview-ring-loading,
.is-preview-playing .preview-ring-value, .is-preview-paused .preview-ring-value { display:block; }
.is-preview-loading .preview-face-idle, .is-preview-playing .preview-face-idle, .is-preview-paused .preview-face-idle,
.is-preview-loading .preview-play, .is-preview-playing .preview-play,
.is-preview-loading .preview-ring-track { display:none; }
.is-preview-loading .preview-ring-loading { -webkit-animation:previewLoading 1s linear infinite; animation:previewLoading 1s linear infinite; }
@-webkit-keyframes previewLoading { from { stroke-dashoffset:0; } to { stroke-dashoffset:-22.829; } }
@keyframes previewLoading { from { stroke-dashoffset:0; } to { stroke-dashoffset:-22.829; } }
.preview-audio, .preview-status { position:absolute; left:-9999px; top:0; width:1px; height:1px; overflow:hidden; }
@media (prefers-reduced-motion:reduce) { .is-preview-loading .preview-ring-loading { -webkit-animation:none; animation:none; } }

/* The title is an unstyled native button: no extra player icons in touch lists. */
.preview-title-control { display:inline; max-width:100%; white-space:normal; word-wrap:break-word; margin:0; padding:0; border:0; color:inherit; font:inherit; line-height:inherit; letter-spacing:inherit; text-align:left; text-shadow:inherit; background:transparent; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer; }
.preview-title-control:disabled { opacity:1; color:inherit; cursor:default; -webkit-text-fill-color:currentColor; }
.preview-title-control::-moz-focus-inner { padding:0; border:0; }
.preview-title-control:focus { outline:1px dotted #9da1a4; outline-offset:2px; }