/* styles.scss */ .soundscapesmymusic .view-header { display: none; } .soundscapesmymusic .view-content { padding: 0; } .soundscapesmymusic .soundscapesmymusic-musiclist { overflow: scroll; position: absolute; inset: 60px 0 0; z-index: 400; padding-bottom: 40px; } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table { border-collapse: collapse; width: 100%; } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table thead tr { text-align: left; background-color: var(--background-secondary); position: sticky; top: 0; z-index: 400; } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table thead tr th { padding: 8px 12px; font-size: .7em; } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table tbody tr:nth-child(odd) { background-color: var(--background-primary); } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table tbody tr:nth-child(2n) { background-color: var(--background-primary-alt); } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table tbody tr td { padding: 6px 12px; font-size: 1em; cursor: pointer; vertical-align: middle; line-height: 1; } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table tbody tr td:first-child { width: 0; padding-right: 0; } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table tbody tr td .lucide-icon { display: block; line-height: 0; color: var(--text-accent); } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table tbody tr td .lucide-icon svg { height: 15px; } .soundscapesmymusic .soundscapesmymusic-musiclist .soundscapesmymusic-musiclist-table tbody tr:hover { background-color: var(--background-modifier-hover); } .soundscapesmymusic .soundscapesmymusic-header { background-color: var(--background-primary); display: flex; align-items: center; padding: 0 42px; height: 60px; position: absolute; top: 0; left: 0; right: 0; gap: 1%; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-left { flex: 1; display: flex; align-items: center; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-left .soundscapesmymusic-left-controls { display: flex; align-items: center; gap: 12px; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-left .soundscapesmymusic-left-controls .soundscapesmymusic-left-controls-button { color: var(--text-muted); background-color: transparent; border: none; box-shadow: none; cursor: pointer; padding: 0; display: block; line-height: 1; --icon-size: 1.5em; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-left .soundscapesmymusic-left-controls .soundscapesmymusic-left-controls-button:hover { color: var(--text-normal); } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-left .soundscapesmymusic-left-controls .soundscapesmymusic-left-controls-button.soundscapesmymusic-left-controls-button--large { --icon-size: 2em; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-volume { flex: 1; align-items: left; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle { flex: 3; border-left: 1px solid var(--background-modifier-border); border-right: 1px solid var(--background-modifier-border); background-color: var(--background-primary-alt); display: flex; flex-direction: column; height: 100%; justify-content: space-between; overflow: hidden; min-width: 250px; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 { display: flex; align-items: center; justify-content: space-between; font-size: 1em; padding: 8px 8px 0; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 .soundscapesmymusic-middle-line1-button { color: var(--text-muted); background-color: transparent; border: none; box-shadow: none; cursor: pointer; padding: 0; display: block; line-height: 1; --icon-size: 1em; height: auto; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 .soundscapesmymusic-middle-line1-button:hover { color: var(--text-normal); } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 .soundscapesmymusic-middle-line1-button.soundscapesmymusic-middle-line1-button--active { color: var(--text-accent); } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 .soundscapesmymusic-middle-line1-left { width: 30px; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 .soundscapesmymusic-middle-line1-title { flex: 1; text-align: center; white-space: nowrap; overflow: hidden; position: relative; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 .soundscapesmymusic-middle-line1-title.soundscapesmymusic-middle-line1-title--scroll .soundscapesmymusic-middle-line1-title-text { display: inline-block; animation: marquee 10s linear infinite; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line1 .soundscapesmymusic-middle-line1-right { width: 30px; text-align: right; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line2 { display: flex; align-items: center; justify-content: space-between; font-size: .8em; color: var(--text-muted); padding: 0 8px; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line2 .soundscapesmymusic-middle-line2-left { width: 60px; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line2 .soundscapesmymusic-middle-line2-artist { flex: 1; text-align: center; white-space: nowrap; overflow: hidden; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-line2 .soundscapesmymusic-middle-line2-right { width: 60px; text-align: right; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-seekbar { width: 100%; margin: 0; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-middle .soundscapesmymusic-middle-seekbar::-webkit-slider-thumb { border-radius: 8px; width: 8px; } .soundscapesmymusic .soundscapesmymusic-header .soundscapesmymusic-right { flex: 2; display: flex; justify-content: end; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search { color: var(--text-muted); position: relative; display: flex; --icon-size: 1.3em; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search:hover { color: var(--text-normal); } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search:has(.soundscapesmymusic-right-search--active) .soundscapesmymusic-right-search-results { display: block; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .lucide-icon { line-height: 1; position: absolute; top: 0; bottom: 0; left: 4px; display: flex; align-items: center; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-input { flex: 1; width: 100%; padding-left: 32px; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results { position: absolute; top: 110%; right: -25px; background-color: var(--background-primary); border: 1px solid var(--prompt-border-color); border-radius: 12px; box-shadow: 0 1.8px 7.3px #00000012, 0 6.3px 24.7px #0000001d, 0 30px 90px #0003; z-index: 500; width: 250px; max-height: 400px; overflow: auto; display: none; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-message { padding: 12px; font-size: 1em; color: var(--text-normal); } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-result { border-bottom: 1px solid var(--prompt-border-color); padding: 12px; cursor: pointer; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-result:last-child { border-bottom: none; } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-result:hover, .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-result.soundscapesmymusic-right-search-results-result--selected { background-color: var(--background-modifier-hover); } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-result.soundscapesmymusic-right-search-results-result--selected:hover { background-color: var(--background-modifier-active-hover); } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-result .soundscapesmymusic-right-search-results-result-line1 { font-size: 1em; color: var(--text-normal); } .soundscapesmymusic .soundscapesmymusic-right .soundscapesmymusic-right-search .soundscapesmymusic-right-search-results .soundscapesmymusic-right-search-results-result .soundscapesmymusic-right-search-results-result-line2 { font-size: .8em; color: var(--text-muted); } @keyframes marquee { 0% { transform: translate(100%); } to { transform: translate(-100%); } } .soundscapesroot { position: relative; } .soundscapesroot:hover .soundscapesroot-player { opacity: 1; } .soundscapesroot.soundscapesroot--hideyoutube .soundscapesroot-player { display: none; } .soundscapesroot .soundscapesroot-player { position: absolute; left: 40px; bottom: 110%; opacity: 0; pointer-events: none; transition: opacity .5s; } .soundscapesroot button { cursor: pointer; } .soundscapesroot .soundscapesroot-previousbutton { margin-right: 4px; } .soundscapesroot .soundscapesroot-nextbutton { margin-left: 4px; } .soundscapesroot .soundscapesroot-changesoundscapebutton { margin-left: 4px; position: relative; } .soundscapesroot .soundscapesroot-changesoundscapeselect { opacity: 0; position: absolute; inset: 0; } .soundscapesroot .soundscapesroot-nowplaying { margin: 0 12px; width: 150px; overflow: hidden; white-space: nowrap; } .soundscapesroot .soundscapesroot-nowplaying .soundscapesroot-nowplaying-text { display: inline-block; animation: marquee 10s linear infinite; } .soundscapesroot .soundscapesroot-nowplaying.soundscapesroot-nowplaying--noscroll { width: auto; } .soundscapesroot .soundscapesroot-nowplaying.soundscapesroot-nowplaying--noscroll .soundscapesroot-nowplaying-text { animation: none; } input.soundscapes-validation-error { border-color: #fb464c; } button.soundscapes-button-disabled { opacity: .5; }