._flex_kpgjk_1{display:flex}._flex-col_kpgjk_5{display:flex;flex-direction:column}._gap_kpgjk_10{gap:1rem}._full-width_kpgjk_14{width:100%}:root{--svg-height: 2.6rem}._container_17x08_5{display:flex;flex-direction:column;color:#e5e5e5;width:100%;height:6.5rem;background:rgb(40 40 40);background:linear-gradient(90deg,#28272a,rgba(99 99 99 / 100%) 100%);pointer-events:auto}._controls-container_17x08_18{display:flex;flex-direction:column;align-items:center;justify-content:center;height:2.4rem;flex-grow:1;position:relative}._controls_17x08_18,._controls-close_17x08_31{display:flex;align-items:center}._controls_17x08_18{gap:1rem}._controls-close_17x08_31{position:absolute;top:0;right:0;background-color:transparent}._controls-close_17x08_31 svg{display:block}._track-info_17x08_51{flex-grow:1;text-align:center}._track-time_17x08_56{display:flex;align-items:center;justify-content:center}._track-info_17x08_51 *{display:inline}._track-info_17x08_51 *,._track-time_17x08_56 *{margin:0}._track-info_17x08_51 span,._track-time_17x08_56 span{margin-inline:1em}@media only screen and (min-width: 768px){._controls-container_17x08_18{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}._controls-close_17x08_31,._volume-container_17x08_86{position:static}._volume-container_17x08_86 button{background:transparent;color:#efefef}}._range-slider_17x08_96{--value: 0;--min: 0;--max: 100;--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(.5 * 10px + var(--ratio) * (100% - 10px));--slider-height: 12px;--thumb-width: 6px;--thumb-height: var(--slider-height);--color-background: #efefef;--color-active: #f00;--color-gradient: linear-gradient( 45deg, rgba(59 173 227 / 100%) 0%, rgba(87 111 230 / 100%) 25%, rgba(152 68 183 / 100%) 51%, rgba(255 53 127 / 100%) 100% );--split-gradient: var(--color-gradient) 0 / var(--sx) 100% no-repeat, var(--color-background);width:100%;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:var(--slider-height);margin:0;padding:0;transition:transform ease .2s}._range-slider_17x08_96::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-width);height:var(--thumb-height);background:transparent;border:none;margin-top:calc(var(--slider-height) * .5 - var(--thumb-height) * .5)}._range-slider_17x08_96::-moz-range-thumb{-moz-appearance:none;appearance:none;width:var(--thumb-width);height:var(--thumb-height);background:transparent;border:none;margin-top:calc(var(--slider-height) * .5 - var(--thumb-height) * .5)}._range-slider_17x08_96::-webkit-slider-runnable-track{height:var(--slider-height);background:var(--split-gradient);border:none;box-shadow:none;margin:0}._range-slider_17x08_96::-moz-range-track{height:var(--slider-height);background:var(--color-background);border:none;box-shadow:none;margin:0}._range-slider_17x08_96::-moz-range-progress{background:var(--color-gradient);height:var(--slider-height)}._range-slider_17x08_96:focus{outline:none}._range-slider_17x08_96:focus-visible::-webkit-slider-thumb{background-color:#efefef;border:2px solid black;outline:3px solid #efefef;outline-offset:.125rem}._range-slider_17x08_96:focus-visible::-moz-range-thumb{background-color:#efefef;border:2px solid black;outline:3px solid #efefef;outline-offset:.125rem}._range-slider_17x08_96:hover{transform-origin:top center;transform:scale3d(1,1.15,1)}._range-slider_17x08_96:hover:active{cursor:grabbing}._volume-container_17x08_86{display:flex;align-items:center;justify-content:flex-start;background:transparent;position:relative}@media only screen and (max-width: 767px){._volume-container_17x08_86 button{background:transparent;color:#efefef;margin:0;padding:0}}._volume-container_17x08_86 input{-webkit-margin-start:.6rem;margin-inline-start:.6rem;min-width:4rem;text-align:start}._volume-container_17x08_86 svg{height:var(--svg-height);width:auto;display:block}._volume-slider_17x08_229{--value: 50;--min: 0;--max: 100;--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(var(--ratio) * (100%));--slider-height: 6px;--thumb-height: 24px;--color-background: #efefef;--color-progress: #69676e;--slider-border-radius: 24px;--split-gradient: linear-gradient( to right, var(--color-background) var(--sx), var(--color-progress) 0% );-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--slider-border-radius);border:none;cursor:pointer;height:var(--slider-height);margin:0;outline:none;padding:0;width:6.25rem}@media only screen and (max-width: 768px){._mobile-volume_17x08_259{position:relative}._volume-slider_17x08_229{transform:rotate(270deg);transform-origin:bottom left;position:absolute;top:-10%;left:40%}}._volume-slider_17x08_229::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:var(--split-gradient),0 / var(--sx) 100% no-repeat,var(--color-background);border-radius:var(--slider-border-radius);border:1px solid var(--color-progress);height:var(--slider-height);outline:none}._volume-slider_17x08_229::-moz-range-track{-moz-appearance:none;appearance:none;background:var(--color-progress);border-radius:var(--slider-border-radius);border:none;height:var(--slider-height);margin:0;outline:none}._volume-slider_17x08_229::-moz-range-progress{background:var(--color-background);height:var(--slider-height);border-radius:var(--slider-border-radius);margin:0}._volume-slider_17x08_229::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--thumb-height);width:var(--thumb-height);background:var(--color-background);border-radius:50%;margin-top:calc((var(--slider-height) * .5 - var(--thumb-height) * .5) - 1px);border:2px solid var(--color-progress);box-shadow:0 0 1px var(--color-progress) inset,0 0 1px var(--color-background)}._volume-slider_17x08_229::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--color-background);border-radius:50%;border:2px solid var(--color-progress);box-shadow:0 0 1px var(--color-progress) inset,0 0 1px var(--color-background);height:var(--thumb-height);width:var(--thumb-height);margin-top:calc(var(--slider-height) * .5 - var(--thumb-height) * .5)}._volume-slider_17x08_229:focus{outline:none}._volume-slider_17x08_229:focus-visible::-webkit-slider-thumb{border:2px solid black;outline:3px solid white;outline-offset:.125rem}._volume-slider_17x08_229:focus-visible::-moz-range-thumb{border:2px solid black;outline:3px solid white;outline-offset:.125rem}._volume-slider_17x08_229:hover:active{cursor:grabbing}._button_17x08_347{height:100%;padding:0;color:#e5e5e5;background-color:transparent}._button_17x08_347 svg{height:var(--svg-height);width:auto}._button_6zfd3_1{display:flex;align-items:center;justify-content:flex-start;padding:0;background:transparent;transition:transform ease-in 60ms;height:2.6rem}._button_6zfd3_1 span{-webkit-margin-start:.6rem;margin-inline-start:.6rem;min-width:4rem;text-align:start;color:#e5e5e5;display:none}._button_6zfd3_1 svg{height:2.6rem;width:auto;color:#e5e5e5}._button_6zfd3_1:hover{outline:none;border-color:transparent}._button_6zfd3_1:hover svg{transform:scale(1.1)}._button_6zfd3_1[disabled] span,._button_6zfd3_1[disabled] svg{color:#a8a8a8}._prev-icon_6zfd3_39{transform:rotate(180deg)}._button_6zfd3_1:hover ._prev-icon_6zfd3_39{transform:rotate(180deg) scale(1.1)}._button_6zfd3_1[data-varient=light] span,._button_6zfd3_1[data-varient=light] svg{color:#213547}@media only screen and (min-width: 768px){._controls-container_6zfd3_53{align-items:center;gap:1rem}._button_6zfd3_1 span{display:block}}._visualizer-container_1u4co_1{width:100%;pointer-events:none}._visualizer-container_1u4co_1 svg{display:block;width:100%;background:linear-gradient(to bottom,rgba(40 39 42 / 60%) 0%,rgba(40 39 42 / 100%) 80%)}@media (prefers-color-scheme: light){._visualizer-container_1u4co_1 svg{background:linear-gradient(to bottom,rgba(255 255 255 / 1%) 0%,rgba(255 255 255 / 100%) 80%)}}._container_q2p56_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}._list-container_q2p56_9{text-align:center}._filter-container_q2p56_13{display:flex}._list-filter-container_q2p56_17{width:100%;border-radius:10px}._list-filter-container_q2p56_17>:not(:first-child){-webkit-padding-before:1rem;padding-block-start:1rem}._title-group_q2p56_26 *{color:inherit}._title-group_q2p56_26>:first-child{-webkit-padding-before:1px;padding-block-start:1px}._filter-container_q2p56_13 select{font-size:1.2rem}._filter-container_q2p56_13 option{font-size:inherit;padding:.5rem}._filter-container_q2p56_13 input{font-size:1.2rem;padding:.5rem;flex-grow:1}._filter-container_q2p56_13 select,._filter-container_q2p56_13 input{border-color:#28272a}._container_q2p56_1 ul{padding:0;margin:0;background-color:#5559}@media only screen and (min-width: 768px){._container_q2p56_1{flex-direction:row;align-items:flex-start;gap:2rem;min-height:40rem}._filter-container_q2p56_13 input{width:20rem}._title-group_q2p56_26 *{display:inline-block}._title-group_q2p56_26 :last-child{padding-inline:.5rem}}._list-item_q2p56_81{text-align:start;list-style:none;border-bottom:2px solid transparent}._list-item_q2p56_81:not(:last-child){box-shadow:0 1px #8a8a8a}._is-playing_q2p56_91,._list-item_q2p56_81:hover{background-color:#efefef;box-shadow:0 1px #5559,0 -1px #5559}._is-playing_q2p56_91 *,._list-item_q2p56_81:hover *{color:#28272a}._list-item_q2p56_81:hover{background-color:#efefef}._list-item_q2p56_81 svg{height:3rem;width:auto;color:#efefef}._list-item_q2p56_81:hover svg{transition:transform ease-in 60ms;color:#28272a}._title-group_q2p56_26 :first-child{margin:0;font-size:1.4rem;font-weight:500}._title-group_q2p56_26 :last-child{margin:0;font-size:1rem;font-weight:300}._button_q2p56_129{display:flex;flex-direction:row;align-items:center;text-align:start;background-color:transparent;padding:0;width:100%}._button_q2p56_129>:last-child{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:.5rem;margin-inline-end:.5rem}._button_q2p56_129:hover{border-color:transparent}@media (prefers-color-scheme: light){._container_q2p56_1 ul{background-color:#d0cfd3}._list-item_q2p56_81 svg{color:#28272a}._list-item_q2p56_81{box-shadow:0 1px #5555551a,0 -1px #5555551a}}._container_6576f_1{display:flex;flex-direction:column;gap:.5rem;align-items:center}._album-cover_6576f_8{max-width:100%;width:auto}._summary_6576f_13{text-align:center}._content_6576f_17{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;align-items:center;padding:0}._summary_6576f_13 p{margin:0}._shuffle-button_6576f_30{border:1px solid #28272a;max-width:8rem;flex-basis:0}._shuffle-button_6576f_30 :not(:first-child){-webkit-padding-start:.5rem;padding-inline-start:.5rem}._content_6576f_17 h2,._content_6576f_17 h3{margin:.5rem}@media only screen and (min-width: 768px){._container_6576f_1{display:flex;flex-direction:row;gap:1rem}._content_6576f_17{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}._summary_6576f_13{text-align:start}}._app_xjd6f_1{width:100%;border:1px solid transparent;outline:1px solid transparent;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;min-height:100vh}._content_xjd6f_14{width:64rem;max-width:100%;flex-grow:1;text-align:center}._content_xjd6f_14>:not(:first-child){-webkit-margin-before:1rem;margin-block-start:1rem}._header_xjd6f_25{-webkit-margin-after:2rem;margin-block-end:2rem}._footer_xjd6f_29{height:6.5rem;-webkit-margin-before:2rem;margin-block-start:2rem}._header_xjd6f_25,._footer_xjd6f_29{padding-block:1rem;background:linear-gradient(90deg,#28272a,rgba(99 99 99 / 100%) 100%);width:100%;text-align:center}._footer_xjd6f_29 *,._header_xjd6f_25 *{color:#ffffffde}._player-footer_xjd6f_47{height:18rem}._fixed-bottom_xjd6f_51{position:fixed;bottom:0;left:0;width:100%;pointer-events:none}@media only screen and (min-width: 768px){._app_xjd6f_1{justify-content:flex-start}._header_xjd6f_25{-webkit-margin-after:4rem;margin-block-end:4rem}._footer_xjd6f_29{-webkit-margin-before:4rem;margin-block-start:4rem}._player-footer_xjd6f_47{height:24rem}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#28272a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}*,:before,:after{box-sizing:border-box}a{font-weight:500;text-decoration:inherit}body{margin:0;padding:0;min-height:100vh}h1{font-size:2rem;line-height:1.1;margin:0}p{font-size:1.2rem;font-weight:500}button{border:1px solid transparent;padding:.6rem;font-size:1.2rem;font-weight:500;font-family:inherit;background-color:#28272a;cursor:pointer;transition:border-color .25s}button:focus-visible{outline:4px auto -webkit-focus-ring-color}.sr-only{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:-1px}@media (prefers-color-scheme: light){:root{color:#28272a;background-color:#fff}button{background-color:#f9f9f9}}@media only screen and (min-width: 768px){h1{font-size:3.6rem}}