/* Shared Settings accents and one-shot holographic borders. */
:root{--settings-accent:#6330bd}
html[data-theme="night"]{--settings-accent:#b695ff}
#settings-console select,:is(#audius-browser,#radio-browser) select{color-scheme:light}
html[data-theme="night"] #settings-console select,html[data-theme="night"] :is(#audius-browser,#radio-browser) select{color-scheme:dark}
#settings-console select option,:is(#audius-browser,#radio-browser) select option{color:var(--settings-ink);background-color:var(--settings-bg)}
#settings-audius .audius-brand-mark{background:currentColor;mask:url("images/audius-wordmark.svg?v=clean-vector-1") center/contain no-repeat;-webkit-mask:url("images/audius-wordmark.svg?v=clean-vector-1") center/contain no-repeat;filter:none}
#settings-console button:not(.settings-close):not(.queue-moves button),.settings-body .settings-advanced,:is(#audius-browser,#radio-browser) button:not(.audius-close):not(.radio-close):not(.audius-artist-link),.music-drop-actions button{position:relative;isolation:isolate}
#settings-console button:not(.settings-close):hover,#settings-console button:not(.settings-close):focus-visible,:is(#audius-browser,#radio-browser) button:not(.audius-close):not(.radio-close):hover,:is(#audius-browser,#radio-browser) button[aria-pressed="true"],.music-drop-actions button:hover{color:var(--settings-accent);background:var(--settings-fill);border-color:var(--settings-accent)}
#settings-console .queue-moves button:hover{background:transparent}
#settings-console summary:hover,#settings-console summary:focus-visible{color:var(--settings-accent)}
#settings-console button:not(.settings-close):not(.queue-moves button)::after,.settings-body .settings-advanced::after,:is(#audius-browser,#radio-browser) button:not(.audius-close):not(.radio-close):not(.audius-artist-link)::after,.music-drop-actions button::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;background:linear-gradient(135deg,transparent 35%,#00d7ffe8 43%,#9a70e8f0 48%,#ff48b8f0 52%,#c1ee57e8 57%,transparent 65%);background-size:300% 300%;background-position:100% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#settings-console button:not(.settings-close):not(.queue-moves button):hover::after,#settings-console button:not(.settings-close):not(.queue-moves button):focus-visible::after,.settings-body .settings-advanced:has(>summary:hover)::after,.settings-body .settings-advanced:has(>summary:focus-visible)::after,:is(#audius-browser,#radio-browser) button:not(.audius-close):not(.radio-close):not(.audius-artist-link):hover::after,.music-drop-actions button:hover::after{animation:settings-border-shimmer var(--shimmer-duration,1.5s) ease-out 1 both}
@keyframes settings-border-shimmer{0%{opacity:0;background-position:100% 100%}15%{opacity:1}80%{opacity:.9}100%{opacity:0;background-position:0% 0%}}
@media(prefers-reduced-motion:reduce){#settings-console button::after,.settings-body .settings-advanced::after,:is(#audius-browser,#radio-browser) button::after,.music-drop-actions button::after{animation:none!important}}

#settings-mp3[hidden]{display:none}
#settings-files-button{padding:10px;border:1px solid var(--settings-line);border-radius:8px;background:var(--settings-fill);color:var(--settings-ink);font:inherit;min-height:0;flex-shrink:0}
#files-picker-name{min-width:0;overflow-wrap:anywhere}


/* Main-menu modal navigation shares the same holographic border. */
#information .card-navigation button{position:relative;isolation:isolate}
#information .card-navigation button::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;background:linear-gradient(135deg,transparent 35%,#00d7ffe8 43%,#9a70e8f0 48%,#ff48b8f0 52%,#c1ee57e8 57%,transparent 65%);background-size:300% 300%;background-position:100% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#information .card-navigation button:not(:disabled):hover::after,#information .card-navigation button:not(:disabled):focus-visible::after{animation:settings-border-shimmer var(--shimmer-duration,1.5s) ease-out 1 both}
@media(prefers-reduced-motion:reduce){#information .card-navigation button::after{animation:none!important}}