.login.modal{max-width:300px;width:100%;height:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:10px;margin-top:5px;z-index:100;transition:all .6s cubic-bezier(0,.19,.42,1.22);animation-duration:.2s;box-shadow:2px 2px 5px #00000040;padding:20px}.login.modal .close.button{position:absolute;right:10px;top:10px;background:none;border:none;cursor:pointer}.login.modal.hidden{top:-250px;transition:.7s ease-in-out}.error{font-size:xx-small}.login-form>h1{text-align:center;margin:10px}.login-form{display:flex;flex-direction:column;width:100%}#modal-backdrop.active{position:absolute;content:"";height:100lvh;width:100lvw;background-color:#0000;z-index:2;pointer-events:all;transition:all 1s}#modal-backdrop{background-color:#0000004d}.login-form button{max-width:none;width:90%;font:inherit;align-self:center;margin:10px;border:1px solid #a0a0a0;padding:10px;border-radius:5px;background-color:#1976d2;position:relative;color:#dedede}.login-form button:disabled{background-color:#a0a0a0;color:#818181;border:1px solid #818181}.login-form button:disabled:hover{cursor:not-allowed}.login-form button:not(:disabled):hover{background-color:#1976d2;color:#dedede;filter:brightness(1.1)}.login-form label{display:inline-flex;flex-direction:column;text-align:center}.error{display:flex;flex-direction:column;align-items:center}#modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background-color:#0000;z-index:99;pointer-events:none;transition:background-color 1s}#modal-backdrop.active{background-color:#0000004d;pointer-events:all}.login-form .MuiFormLabel-root{display:flex!important;flex-direction:row!important;align-items:center!important;white-space:nowrap!important}.login-form .MuiFormLabel-asterisk{display:inline-block!important;line-height:inherit!important;margin:0!important;padding:0!important;position:static!important}div.volume-slider.container{position:relative;transition:all .2s cubic-bezier(.37,.64,.56,1.31);top:-140px;left:-17px;padding:8px;background-color:#ededed;border:1px solid rgb(194,204,214);writing-mode:vertical-lr;transform-origin:bottom center}div.volume-slider.container input[type=range][orient=vertical]{writing-mode:vertical-lr;direction:rtl}div.volume-slider.container input[type=range][orient=vertical]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 0 L 10 8 L 20 0 ' fill='rgb(237, 237, 237)' stroke='rgb(194, 204, 214)'/%3E%3C/svg%3E");position:absolute;pointer-events:none;margin-top:295.1px;margin-left:-2px}div.volume-slider.container.hidden{transform:scale(.5);opacity:0;pointer-events:none}div.volume-control.container div.volume-slider-anchor{position:fixed;height:0px;width:0px;margin:0}div.volume-control.container{display:flex;flex-direction:column;min-width:60px;height:100%}div.volume-control.container *{align-self:center;justify-content:center;margin:auto}div.hover{position:relative;margin:auto}#loading_anim{position:absolute;top:calc(50% - 7.5em);left:calc(50% - 7.5em);max-height:15em;max-width:15em}.SignUpForm>h1{text-align:center;margin:10px}.SignUpForm{padding-top:100px;display:flex;font:inherit;flex-direction:column;flex-wrap:wrap;align-content:center;align-items:center}.SignUpForm input{display:block;padding:5px;margin:5px}.SignUpForm button{width:fit-content;font:inherit;align-self:center;margin:5px}.track-index h2{font-size:2rem}.track-index p{font-style:thin}@media screen and (max-width: 600px){.track-index h2{font-size:1.5rem}.track-index.item{display:flex;flex-direction:column;background:none;border:1px solid lightgrey;border-radius:15px;padding:10px;margin-bottom:10px;align-items:center}}.track-index.item{display:flex;background:none;border:1px solid #d3d3d3;border-radius:15px;padding:10px;margin-bottom:10px;align-items:center}.track-index button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:100px;min-height:50px;width:0%;height:0%;background-color:#f5f5f5;border:1px solid #d3d3d3;margin-left:10px;margin-top:10px;border-radius:10px}.track-index button:active{color:#d3d3d3}ul.track-index *{padding:5px}.track-index.item i{color:#bebebe}.track-view.container{display:flex;flex-direction:column}.track-view.container div{background-color:#d3d3d3;padding:10px;border-radius:10px}.track-view.container button{width:fit-content}.track-view.body{display:flex}@media screen and (max-width: 500px) and (orientation: portrait){.track-view.body{flex-direction:column}}@media all and (min-width: 500px){.track-view.body{flex-direction:row}}div.track-view.details{width:100%}div.track-view img{max-width:180px;max-height:180px;background-color:#0000001a}div.track-view a{color:inherit;text-decoration:none}div.track-view a:hover{color:#f50;text-decoration:none}div.track-view .fa-solid.fa-compact-disc{font-size:180px;color:#a9a9a9}i.fa-solid.fa-play-circle{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#f50;font-size:90px;z-index:10}button:hover i.fa-solid.fa-play-circle{display:inherit}button.play-track.overlay{transition:all 2ms ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:inherit}.track-view p{display:inline}button.play-track.button{position:relative;float:right;height:min-content;align-self:end;border:0;padding:10px;border-radius:5px;background-color:#f50;color:#fff;text-wrap:nowrap}form[name=upload-form]>h1{margin:5px}form[name=upload-form]{margin-top:50px;display:flex;flex-direction:column;align-items:center;text-align:center}form[name=upload-form] input,textarea,select{max-width:none;width:200px;margin:5px}form[name=upload-form] select{display:flex}form[class=track-update]>h1{margin:5px}form[class=track-update]{margin-top:50px;display:flex;flex-direction:column;align-items:center;text-align:center}form.track-update input,textarea,select{max-width:none;width:200px;margin:5px}button{font:inherit}input{font:inherit;font-size:small}form.track-update select{display:flex}canvas#splash-canvas{display:flex;width:clamp(300px,100%,1200px);height:100%}div#splash-buttons{display:flex;flex-direction:row;position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-100px;align-items:center;justify-content:space-around}div#splash-buttons button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f50;border-radius:5px;border-style:none;padding:1rem;color:#fff}.carousel{height:clamp(270px,50lvh,480px);width:100%}.carousel-page{overflow:auto;width:100%;height:45lvh}.carousel-page *{display:flex;position:absolute}.carousel-page>img{object-fit:cover;height:100%;width:100%}.carousel-page h1{text-align:center;text-wrap:nowrap;width:100%;justify-content:center;top:55%}.carousel-page>button{justify-self:center;align-self:center;margin:830px auto 0;background-color:#f50;height:50px;min-width:120px;padding:0 .5em;border-radius:.5em;color:#fff;box-sizing:content-box}.carousel-page>button:hover{filter:brightness(30%)}#carousel-page-1>img{object-position:50% 35%}#carousel-page-1 h1{color:#fff;text-align:center;text-wrap:nowrap;width:100%;justify-content:center;top:55%}.track-index h1{font-weight:100;font-style:normal;text-indent:5%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}li{-webkit-appearance:none;-moz-appearance:none;appearance:none;marker:none;list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none}@font-face{font-family:WaveCave-icons;src:url(/wavecave/fonts/WaveCave-icons.eot);src:url(/wavecave/fonts/WaveCave-icons.eot) format("embedded-opentype"),url(/wavecave/fonts/WaveCave-icons.ttf) format("truetype"),url(/wavecave/fonts/WaveCave-icons.woff) format("woff"),url(/wavecave/fonts/WaveCave-icons.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.audio-player.container{height:48px;width:100%;position:fixed;background-color:#ededed;border-top:1px solid rgb(194,204,214);bottom:0;gap:5px;z-index:2}.audio-player.container *{position:relative}#slide-tab{position:fixed;bottom:0;z-index:1001;left:calc(50% - .5rem);display:none}div.mobile.wrapper{width:100%}@media (max-width: 850px){div.mobile.wrapper div#slide-tab,div.mobile.wrapper div#slide-tab *{display:initial}}div.mobile.wrapper #slide-tab,div.mobile.wrapper #slide-tab *{display:none}div.audio-player button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background-color:inherit}div.audio-player.inner{margin:auto;position:relative;display:flex;flex-direction:row;height:100%;width:100%;max-width:1280px;gap:10px}div.audio-player.inner i{font-size:1rem}.audio-controls.container{flex-grow:2;display:flex;flex-direction:row;justify-content:center;align-items:baseline;gap:10px}.track-controls{flex-grow:2;margin-top:auto;gap:5px;margin-bottom:auto;display:flex;flex-direction:row;justify-content:space-between}.track-controls button{padding:0 calc(20px - fit-content(20px))}.queue-controls{margin-top:auto;margin-bottom:auto;gap:10px;display:flex;flex-direction:row;justify-content:space-between}.queue-controls button{padding:0 calc(20px - 1rem)}.audio-player *{-webkit-user-select:none;user-select:none}.play-pause.button i:before{display:inline-block;width:20px;height:20px;text-align:center;line-height:20px}div.queue-control.inner{position:fixed;font-size:.8rem;opacity:1;display:inline-flex;flex-direction:column;height:max-content;width:400px;bottom:54px;background-color:#fff;border-radius:5px;border:1px solid #a0a0a0;max-height:40%;min-height:300px;transition:bottom .4s cubic-bezier(.37,.64,.56,1.31),opacity .3s;overflow:clip}@media (max-width: 638px){div.queue-control.inner{right:0}}div.queue-control.inner.hidden{opacity:0;bottom:-250px;pointer-events:none}div.queue-control.container{display:inline-flex;flex-direction:column-reverse;align-items:flex-end;position:relative;overflow-y:scroll;min-width:60px;z-index:20}div.queue-control.container ul{overflow-y:scroll}div.queue-control-header{text-wrap:nowrap;display:inline-flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid #a0a0a0;padding:1rem}div.queue-control-header.empty{border-bottom:none}.queue-item{display:grid;position:relative;grid-template-columns:20px 2rem 1fr 100px;align-items:center;padding:.25rem .5rem;border-bottom:1px solid #a0a0a0;border-top:1px solid #a0a0a0;margin-top:-1px;gap:.5rem;min-height:2.5rem;background-color:#fff;z-index:var(--sortable-item-layer)}.queue-item:not(:has(.handle)):before{content:"";grid-column:1;width:20px}.queue-item .handle{grid-column:1;width:20px;height:100%;display:flex;align-items:center;justify-content:center;cursor:grabbing}.queue-item[data-dragging=true]{box-shadow:0 0 10px #f50;position:relative;z-index:calc(var(--sortable-item-layer) + 1);cursor:grabbing}div.queue-control div.queue-item::marker{display:none}div.queue-control li:last-of-type,div.queue-control li:last-of-type *{border-bottom:none}button.queue-control.button{margin:auto;position:relative;z-index:1000}.queue-item-image{width:100%;height:100%;object-fit:cover}.queue-item-image-container{grid-column:2;width:2rem;height:2rem;flex-shrink:0;background-color:#a9a9a9}.queue-item-image-button{width:100%;height:100%;margin:auto;background-color:transparent;border:none;cursor:pointer;padding:0}.queue-item-image-button i{margin:auto}.queue-item-image-button:hover{filter:brightness(1.1)}.queue-item .title{grid-column:3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item .artist{grid-column:4;width:100px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item>*{margin:0}.queue-item[data-played=played]{opacity:.5}div.queue-control-header{border-bottom:1px solid #a0a0a0}div.queue-control-header+ul:empty{border-top:none}div.queue-control-header+ul:empty~div.queue-control-header{border-bottom:none}div.track-display canvas{display:block;position:relative;max-height:30px;max-width:30px;top:20%;padding-left:20px;padding-right:20px}div.track-display>img,div.track-display>i{display:flex;position:relative;height:30px;width:30px;top:20%;margin-left:20px;margin-right:20px;font-size:25px;border:1px solid #d3d3d3;color:#bebebe;justify-content:center;vertical-align:auto;align-items:center}div.track-display{display:flex}div.track-details{display:flex;flex-direction:column;text-wrap:nowrap;width:200px}span.track-details{position:relative;top:20%;font-size:small;cursor:pointer}span.track-details.artist-name{position:relative;top:20%;font-size:small}span.track-details.title{font-style:normal;color:#696969}.progress-bar{display:flex;position:relative;align-content:space-between;flex-direction:row;top:0%;width:100%;height:100%}.progress-bar input[type=range]#progress-bar{--range-progress: 0;-webkit-appearance:none;-moz-appearance:initial;appearance:initial;position:relative;background:#ccc;top:45%;width:100%;height:1px;border-radius:2px;cursor:pointer}.progress-bar input[type=range]#progress-bar:disabled{cursor:not-allowed}span.time-display{position:relative;top:38%;padding-left:10px;padding-right:10px;-webkit-user-select:none;user-select:none;font-size:.9rem}span.time-display.tooltip-time{--tooltip-pos: 0;--tooltip-time: 0;left:calc(var(--tooltip-pos) * 1px);transition-duration:.2s;transition-property:opacity;transition-timing-function:ease-in-out;opacity:0;position:absolute;display:inline-flex;top:-20px;transform:translate(35px);background-color:#ededed;padding:.5rem;border:1px solid rgb(194,204,214)}span.time-display.tooltip-time:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 0 L 10 8 L 20 0 ' fill='rgb(237, 237, 237)' stroke='rgb(194, 204, 214)'/%3E%3C/svg%3E");position:absolute;pointer-events:none;margin-top:22.4px;margin-left:10.5px}.progress-bar input[type=range]#progress-bar:hover+span.time-display.tooltip-time{opacity:1}.progress-bar input[type=range]::-moz-range-track{position:relative;background:#ccc;width:100%;height:2px;border-radius:2px;-webkit-user-select:none;user-select:none}.progress-bar input[type=range]:before{content:"";height:1px;background:#f50;width:var(--range-progress);border-bottom-left-radius:1px;border-top-left-radius:1px;position:absolute;top:0;left:0;cursor:pointer}.progress-bar input[type=range]::-moz-range-progress{background:#f50;border-bottom-left-radius:2px;border-top-left-radius:2px;height:2px}.progress-bar input[type=range]::-webkit-slider-thumb{transition-duration:.1s;transition-property:opacity;transition-timing-function:ease-in-out;-webkit-appearance:none;height:8px;width:8px;border-radius:50%;border:none;background-color:#f50;position:relative;opacity:0;transition:.2s}.progress-bar input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.progress-bar input[type=range]::-moz-range-thumb{height:8px;width:8px;border-radius:50%;background:#f50;cursor:pointer;border:transparent;position:relative}.progress-bar input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}.progress-bar input{align-content:stretch}.progress-bar input[type=range]#progress-bar:hover::-webkit-slider-thumb{opacity:1}.time-display{cursor:default;color:#f50;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}header#navigation-bar{background-color:#232323;width:100%;position:fixed;image-rendering:-webkit-optimize-contrast;height:3em}header#navigation-bar li{top:0;marker:none;display:flex;flex-direction:column;align-items:center;vertical-align:middle;line-height:3rem;border-left:.5px solid black;border-right:.5px solid black;background-color:inherit;color:#d3d3d3;text-wrap:nowrap;text-align:start}header#navigation-bar li button{height:3em;color:inherit;padding:1em}span#site-name{background-color:#000}header#navigation-bar li:nth-child(n-1){border-right:0}header#navigation-bar>ul{display:flex;justify-content:center;background-color:inherit;height:100%}.nav-link.home{position:relative;padding:0}.nav-link{-webkit-user-select:none;user-select:none;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:#d3d3d3;background-color:inherit;border:0;padding:0 2rem;align-content:center}header#navigation-bar li img{cursor:pointer;height:3rem}header#navigation-bar li:has(>a.active){text-decoration:none;background-color:#000}header#navigation-bar li:has(>a){display:flex}header#navigation-bar a{display:flex;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}span#site-name{-webkit-user-select:none;user-select:none;padding-left:10px;padding-right:10px}header#navigation-bar .nav-link:hover,header#navigation-bar button:hover{color:#fff}div.dropdown-anchor{height:0;width:0;position:fixed;background-color:inherit}ul#profile-dropdown{display:flex;flex-direction:column;min-height:max-content;width:min-content;border:none;background-color:inherit;color:inherit;position:relative;box-sizing:border-box}ul#profile-dropdown>li{border-bottom:1px solid black;border-top:1px solid black}ul#profile-dropdown>li:nth-child(n+2){margin-top:-1px}div.profile-menu{display:flex;flex-direction:column-reverse;width:fit-content;background-color:inherit}button.profile__menu-btn{gap:.5em}@font-face{font-family:Montserrat;src:url(/wavecave/fonts/Montserrat-Regular.woff2) format("woff2"),url(/wavecave/fonts/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat Light;src:url(/fonts/Monsterrat-Light.ttf) format("ttf");font-weight:100;font-style:normal;font-display:swap}:root{overflow:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-family:Montserrat}::-webkit-scrollbar{display:none}p,span,label,h1,h2,h3,h4,h5,h6{cursor:default}button{cursor:pointer;-webkit-user-select:none;user-select:none}html,body,div.app{height:100%;overflow:auto}:root{--mobile-width-threshold: 850px;--sortable-item-layer: 50;--audio-player-base-layer: 10;font-size:1rem;width:100%;height:100%}:root *{print-color-adjust:exact;-webkit-print-color-adjust:exact}#root{height:100%}div#dev-links-container{position:fixed;bottom:46px;width:clamp(100px,10vw,250px);margin-bottom:6px;margin-left:2px;font-size:.8rem;color:#0006;vertical-align:baseline;left:0}div#dev-links-container *{-webkit-user-select:none;user-select:none}.dev-link{color:#0000004d;font-size:2rem;margin:5px}.dev-link:hover{color:#000}div.content{width:clamp(320px,100%,1190px);height:calc(100% - 96px);margin:3em auto;overflow-y:auto;font-size:1rem}main.hero{height:100%}div.content h1{font-size:3rem}label[for=errors]{font-size:x-small;color:#f50}#mobile-wrapper{height:100%;width:100%}.dev-links-container{pointer-events:none}div.content button:hover{filter:brightness(110%)}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}h4{font-size:1.2rem}button:disabled{cursor:not-allowed;color:#adadad}button:active :is(i.wc,i.fa,i.fa-solid){transform:scale(.9)!important;transform-origin:center center}button{display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle}button:hover:not(:disabled),button:hover:not(:disabled) *{cursor:pointer}.path1:before,.path2:before{--active-color-r: 255;--active-color-g: 85;--active-color-b: 0;--active-color-a: 1}button{--default-color-r: 0;--default-color-g: 0;--default-color-b: 0;--default-color-a: 1;--active-color-r: 255;--active-color-g: 85;--active-color-b: 0;--active-color-a: 1;--active-color: rgba(var(--active-color-r), var(--active-color-g), var(--active-color-b), var(--active-color-a));--default-color: rgba(var(--default-color-r), var(--default-color-g), var(--default-color-b), var(--default-color-a));color:var(--default-color);text-align:center;vertical-align:middle;transform-origin:center center;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%}button>*{color:inherit}button.active:hover,button.once:hover,button.always:hover{color:rgb(calc(var(--active-color-r) + 50),calc(var(--active-color-g) + 50),calc(var(--active-color-b) + 50))}button.active,button.once,button.always{color:var(--active-color)}button:hover:not(:disabled,.once,.always,.active,main button){color:rgb(calc(var(--default-color-r) + 80),calc(var(--default-color-g) + 80),calc(var(--default-color-b) + 80))}i:before{color:inherit}i{display:flex;align-items:center;justify-content:center;text-align:center;line-height:0;height:fit-content;transform-origin:center center;width:fit-content;color:inherit}i *{color:inherit}@font-face{font-family:WaveCave-icons;src:url(/wavecave/fonts/WaveCave-icons.eot);src:url(/wavecave/fonts/WaveCave-icons.eot) format("embedded-opentype"),url(/wavecave/fonts/WaveCave-icons.ttf) format("truetype"),url(/wavecave/fonts/WaveCave-icons.woff) format("woff"),url(/wavecave/fonts/WaveCave-icons.svg) format("svg");font-weight:400;font-style:normal;font-display:block}i[class^=wc-],i[class*=" wc-"],i[class^=wc-] *,i[class*=" wc-"] *{font-family:WaveCave-icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}i.wc-volume-muted:before{content:""}i.wc-volume-off:before{content:""}i.wc-volume-low:before{content:""}i.wc-volume-high:before{content:""}i.wc-cycle:before{content:""}i.wc-cycle-1:before{content:""}i.wc-music-list:before{content:""}i.wc-cycle-1-duotone .path1:before{content:"";opacity:.5}i.wc-cycle-1-duotone .path2:before{content:"";margin-left:-1em}i.wc-music-list-duotone .pat h1:before{content:"";opacity:.5}i.wc-music-list-duotone .path2:before{content:"";margin-left:-1em}.playlist-creation-form{max-width:600px;margin:20px auto;padding:20px;background-color:#f8f8f8;border-radius:8px;box-shadow:0 2px 10px #0000001a}.playlist-creation-form label{display:block;margin-bottom:15px;font-weight:700;color:#333}.playlist-creation-form input{width:100%;padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:4px;font-size:14px}.playlist-creation-form button{background-color:#f50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;margin-top:15px}.playlist-creation-form button:hover{background-color:#e64d00}.playlist-creation-form ul{list-style-type:none;padding:0;margin:15px 0;max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px}.sortable-item{display:flex;align-items:center;padding:10px;background-color:#fff;border-bottom:1px solid #eee;margin-bottom:2px;z-index:var(--sortable-item-layer)}.sortable-item:last-child{border-bottom:none}.handle{margin-right:10px;display:flex;align-items:center}