@import"https://fonts.googleapis.com/css2?family=Playwrite+CZ:wght@100..400&display=swap";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:GmarketSans;font-weight:300;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/fontbee/font@main/Gmarket/GmarketSansLight.woff) format("woff");font-display:swap}@font-face{font-family:GmarketSans;font-weight:500;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/fontbee/font@main/Gmarket/GmarketSansMedium.woff) format("woff");font-display:swap}@font-face{font-family:GmarketSans;font-weight:700;font-style:normal;src:url(https://cdn.jsdelivr.net/gh/fontbee/font@main/Gmarket/GmarketSansBold.woff) format("woff");font-display:swap}:root{color-scheme:light only}*{box-sizing:border-box;font-family:GmarketSans!important;line-height:1.3!important}div::-webkit-scrollbar,html::-webkit-scrollbar{background-color:#fff;width:15px}div::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#e6e6fa;border-radius:10px;background-clip:padding-box;border:2px solid transparent}div::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}html{overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}@media(max-width:599px){div::-webkit-scrollbar,html::-webkit-scrollbar{background-color:#fff;width:6px}div::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:#e6e6fa;border-radius:10px;background-clip:padding-box;border:2px solid transparent}div::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background-color:#fff;border-radius:10px}}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;padding:0;border:none;outline:none}a,button{cursor:pointer}a{color:#000;text-decoration:none}a:hover{font-weight:700;text-decoration:underline}#modal{position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;width:100%;height:100%;z-index:1111}#modal.open{display:block}#modal .back{position:absolute;top:0;left:0;width:100%;height:100%}#modal .child-view{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;will-change:transform}@media(max-width:599px){#modal{position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;width:100%;height:100%;z-index:1111}#modal.open{display:block}#modal .back{position:absolute;top:0;left:0;width:100%;height:100%}#modal .child-view{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}}#home-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#e6e6fa;position:relative;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}#home-container .profile-view{position:absolute;top:0;right:0;padding-right:4px;z-index:99}#home-container .profile-view .avatar-button{padding:12px}#home-container .profile-view .avatar-button img{display:block;border-radius:50%}#home-container .profile-view .avatar-button div{background-color:#dbdbdb;display:flex;justify-content:center;align-items:flex-end;width:32px;height:32px;border:1px solid #fff;border-radius:50%}#home-container .profile-view .menu-view{background-color:#fff;overflow:hidden;position:absolute;right:16px;display:flex;flex-direction:column;width:200px;padding:48px 8px 12px;border-radius:15px;box-shadow:0 0 8px rgba(0,0,0,.1)}#home-container .profile-view .menu-view p{overflow:hidden;margin-bottom:4px;padding:8px 24px 8px 8px;text-overflow:ellipsis}#home-container .profile-view .menu-view .close-button{background-color:transparent;position:absolute;top:0;right:0;padding:16px}#home-container .profile-view .menu-view .close-button img{display:block}#home-container .profile-view .menu-view .menu-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 8px;color:#000;text-decoration:none}#home-container .profile-view .menu-view .menu-item:hover{background-color:#e6e6fa;border-radius:8px}#home-container .profile-view .menu-view .menu-item img{display:block}#home-container .profile-view .menu-view .menu-item span{font-size:14px;font-weight:500}#home-container .search-button{position:absolute;bottom:70px;left:0;display:flex;align-items:center;padding:20px}#home-container .search-button img{display:block}#home-container .playlist-button{position:absolute;bottom:0;left:0;padding:20px}#home-container .playlist-button img{display:block}#home-container .lyric-button{position:absolute;bottom:0;right:0;padding:20px}#home-container .lyric-button img{display:block}#home-container .wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}#home-container .wrapper h1{margin-bottom:30px;color:#7b68ee;font-size:60px;font-family:Playwrite CZ,cursive!important}#login-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#e6e6fa;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}#login-container h1{margin-bottom:20px;color:#7b68ee;font-size:80px;font-family:Playwrite CZ,cursive!important}#login-container button{background-color:#fff;display:flex;justify-content:space-between;align-items:center;width:200px;height:48px;padding:12px 16px;border:1px solid #dbdbdb;border-radius:8px}#privacy-container{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#e6e6fa;position:relative;display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:30px}#privacy-container h1{font-size:30px}#privacy-container button{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;padding:23px}#privacy-container div{background-color:#fff;width:100%;height:100%;margin-top:30px;padding:40px 30px;border-radius:20px}#privacy-container div p{font-size:17px;font-weight:700}#privacy-container div pre{margin-bottom:30px;white-space:pre-line}#privacy-container div pre:last-child{margin-bottom:50px}#admin-container{background-color:#e6e6fa;position:relative;display:flex;width:100%;min-height:100vh}#admin-container .sidebar{background-color:#7b68ee;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;width:250px;height:100vh}#admin-container .sidebar .sidebar-header{display:flex;justify-content:center;align-items:center;width:250px;height:80px}#admin-container .sidebar .sidebar-header a{text-decoration:none}#admin-container .sidebar .sidebar-header a h1{color:#fff;font-size:40px;font-family:Playwrite CZ,cursive!important}#admin-container .sidebar .sidebar-module-list{flex:1 1;padding:0 8px}#admin-container .sidebar .sidebar-module-list .sidebar-module-item{margin-bottom:16px;padding:0 8px;border-radius:8px}#admin-container .sidebar .sidebar-module-list .sidebar-module-item:hover{background-color:#624cdd}#admin-container .sidebar .sidebar-module-list .sidebar-module-item>button{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 8px;color:#fff;font-size:18px;text-align:left}#admin-container .sidebar .sidebar-module-list .sidebar-module-item>button img{transition:transform .3s}#admin-container .sidebar .sidebar-module-list .sidebar-module-item .sidebar-program-list{padding-left:24px}#admin-container .sidebar .sidebar-module-list .sidebar-module-item .sidebar-program-list .sidebar-program-item>button{display:flex;padding:8px 0;color:#fff;font-size:15px}#admin-container .sidebar .sidebar-footer{width:100%;padding:8px}#admin-container .sidebar .sidebar-footer .logout{display:flex;justify-content:center;align-items:center}#admin-container .sidebar .sidebar-footer .logout>button{display:flex;align-items:center;padding:16px;border-radius:8px}#admin-container .sidebar .sidebar-footer .logout>button:hover{background-color:#624cdd}#admin-container .sidebar .sidebar-footer .logout>button>span{margin-right:16px;color:#fff}#admin-container .sidebar .sidebar-footer .logout>button>img{filter:invert(88%) sepia(91%) saturate(235%) hue-rotate(192deg) brightness(113%) contrast(96%)}#admin-container main{flex:1 1;display:flex;flex-direction:column;min-height:100vh;padding:8px}#admin-container main .tab-section .tab-context-menu-view{background-color:#fff;overflow:hidden;position:fixed;flex-direction:column;width:180px;border:1px solid #dbdbdb;border-radius:12px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.3);z-index:1101}#admin-container main .tab-section .tab-context-menu-view .tab-context-menu-title{background-color:#e6e6fa;padding:6px 8px;border-bottom:1px solid #dbdbdb;font-size:15px;font-weight:700}#admin-container main .tab-section .tab-context-menu-view>button{background-color:#fff;padding:8px;text-align:left}#admin-container main .tab-section .tab-context-menu-view>button:hover{background-color:#e6e6fa}#admin-container main .tab-section .tab-item{background-color:#e6e6e6;display:flex;justify-content:flex-start;align-items:center;min-width:125px;height:30px;padding:8px;border-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:3px -3px 5px -2px rgba(0,0,0,.3);color:#5b5b5b;font-weight:400!important;white-space:nowrap;text-align:left;text-decoration:none}#admin-container main .tab-section .tab-item.active{background-color:#fff;color:#000}#admin-container main .tab-section .tab-item.active img{filter:invert(0) sepia(7%) saturate(29%) hue-rotate(335deg) brightness(93%) contrast(107%)}#admin-container main .tab-section .tab-item img{display:block;filter:invert(38%) sepia(0) saturate(3186%) hue-rotate(77deg) brightness(96%) contrast(88%)}#admin-container main .tab-section .tab-item .tab-item-handle{margin-right:6px}#admin-container main .tab-section .tab-item .tab-item-title{flex:1 1;margin-top:1.5px;font-size:12px}#admin-container main .tab-section .tab-item .tab-item-close{display:flex;justify-content:center;align-items:center;width:20px;height:20px}#admin-container main .screen-section{flex:1 1;display:flex;flex-direction:column;width:100%}#admin-container main .screen-section .screen-item{background-color:#fff;flex:1 1;display:none;flex-direction:column;width:100%;padding:8px;border-radius:8px;border-top-left-radius:0}#admin-container main .screen-section .screen-item.active{display:flex}#admin-container main .screen-section .screen-item .screen-container{flex:1 1;display:flex;flex-direction:column}@media(max-width:599px){#home-container{background-color:#e6e6fa;position:relative;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}#home-container .search-button{bottom:0;left:52px;padding:14px}#home-container .search-button img{width:24px;height:24px}#home-container .playlist-button{padding:14px}#home-container .playlist-button img{width:24px;height:24px}#home-container .lyric-button{padding:14px}#home-container .lyric-button img{width:24px;height:24px}#home-container .wrapper{width:100%}#home-container .wrapper h1{margin-bottom:20px;font-size:50px}#login-container h1{font-size:60px}#login-container button{height:44px}#privacy-container{padding:20px}#privacy-container h1{font-size:24px}#privacy-container div{margin-top:20px;padding:20px;border-radius:15px}#privacy-container div pre{font-size:14px}}#player-component{display:flex;flex-direction:column;align-items:center;width:360px;max-width:360px}#player-component .player-title-view{width:100%;margin-bottom:20px}#player-component .player-title-view .owner-text{overflow:hidden;margin-bottom:5px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}#player-component .player-title-view .title-text{overflow:hidden;text-align:right;white-space:nowrap;text-overflow:ellipsis}#player-component .player-bar-view{width:100%;margin-bottom:10px}#player-component .player-bar-view input[type=range]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.3);overflow:hidden;width:100%;margin-top:-1px;margin-left:0;border-radius:8px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#player-component .player-bar-view input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#7b68ee;width:20px;height:20px;border-radius:50%;cursor:pointer}#player-component .player-duration-view{display:flex;justify-content:flex-end;width:100%;height:20px;margin-bottom:30px}#player-component .player-duration-view p{font-size:16px;font-weight:700;white-space:pre}#player-component .player-view{position:relative;width:100%;margin-bottom:30px}#player-component .player-view:after{content:"";display:block;padding-bottom:100%}#player-component .player-view .player-wrapper{position:absolute;visibility:hidden}#player-component .player-view .cd-view{background-color:hsla(0,0%,100%,.4);background-repeat:no-repeat;background-size:cover;background-position:50%;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;border-radius:50%;animation:cd-rotate 7s linear 0s;animation-iteration-count:infinite;animation-play-state:paused}#player-component .player-view .cd-view.animation{animation-play-state:running}#player-component .player-view .cd-view .hole{background-color:transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28%;height:28%;border:35px solid hsla(0,0%,100%,.7);border-radius:50%}#player-component .player-control-view{position:relative;display:flex;justify-content:center;align-items:center;width:100%}#player-component .player-control-view .player-control-left-view{position:absolute;left:-30px}#player-component .player-control-view .player-control-left-view img{filter:invert(97%) sepia(1%) saturate(6689%) hue-rotate(182deg) brightness(79%) contrast(81%)}#player-component .player-control-view .player-control-left-view button.active img{filter:none}#player-component .player-control-view .player-control-center-view{display:flex;justify-content:space-between;align-items:center;width:70%}#player-component .player-control-view .player-control-right-view{position:absolute;right:-30px}#player-component .player-control-view .player-control-right-view img{filter:invert(97%) sepia(1%) saturate(6689%) hue-rotate(182deg) brightness(79%) contrast(81%)}#player-component .player-control-view .player-control-right-view button.active img{filter:none}#loading{background-color:rgba(254,255,255,.3);top:0;left:0;z-index:2000}#loading,#loading:before{position:absolute;width:100%;height:100%}#loading:before{content:"";background:inherit;box-shadow:inset 0 0 0 1000px hsla(0,0%,100%,.3);filter:blur(15px)}#loading img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#toast-component{background-color:rgba(0,0,0,.6);opacity:0;position:fixed;left:50%;bottom:10px;transform:translate(-50%,300px);transition:all .8s ease-out;display:flex;justify-content:space-between;align-items:center;width:60%;height:50px;padding:0 24px;border-radius:10px}#toast-component.show{opacity:1;transform:translate(-50%);transition:all .3s ease-out}#toast-component p{color:#fff;font-size:16px}#toast-component button{background-color:transparent;width:20px;height:20px}#toast-component button img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(104deg) brightness(103%) contrast(103%)}#actionbar{margin-bottom:16px;padding-top:8px}#actionbar>button{background-color:#7b68ee;margin-right:8px;padding:8px 16px;border:1px solid #7b68ee;border-radius:8px;color:#fff;font-size:15px}#actionbar>button.outline{background-color:#fff;color:#7b68ee}#actionbar>button.error{background-color:#fff;border:1px solid #e64848;color:#e64848}#search-condition{width:100%;padding:16px;border:1px solid #dbdbdb;border-radius:8px}#search-condition,#search-condition>p{margin-bottom:16px}#search-condition .input-view{display:flex;align-items:center}#search-condition .input-view .input{display:flex;align-items:center;margin-right:16px}#search-condition .input-view .input>label{margin-right:8px;font-size:14px}#search-condition .input-view .input>input{width:150px;height:30px;padding-left:8px;border:1px solid #dbdbdb;border-radius:4px;outline:none;font-size:15px}#search-condition .input-view .input>input:focus{border-color:#7b68ee}#table{overflow:auto;width:-moz-fit-content;width:fit-content;border:1px solid #7b68ee;border-top-left-radius:8px;border-top-right-radius:8px;font-size:14px}#table table{table-layout:fixed}#table tr{border-bottom:1px solid #7b68ee}#table tr:last-child{border-bottom:none}#table tr.active{background-color:#e6e6fa}#table th{background-color:#7b68ee;padding:8px 12px;text-align:left;border-left:1px solid #e6e6fa;color:#fff;font-size:15px}#table th:first-child{border-left:none}#table td{background-color:inherit;overflow:hidden;padding:8px 12px;border-left:1px solid #7b68ee;white-space:nowrap;text-overflow:ellipsis}#table td:first-child{border-left:none}#table td.number{text-align:right}#table td.object{text-align:center}@media(max-width:1200px){#player-component .player-title-view{margin-bottom:10px}#player-component .player-title-view .owner-text{margin-bottom:0}#player-component .player-title-view p{font-size:16px}#player-component .player-bar-view{margin-bottom:5px}#player-component .player-duration-view{margin-bottom:15px}#player-component .player-duration-view p{font-size:16px}#player-component .player-view{width:90%;margin-bottom:30px}#player-component .player-view .cd-view .hole{border-width:30px}}@media(max-width:599px){#player-component{width:80%}#player-component .player-title-view{margin-bottom:10px}#player-component .player-title-view .owner-text{margin-bottom:0}#player-component .player-title-view p{font-size:14px}#player-component .player-bar-view{margin-bottom:5px}#player-component .player-duration-view{margin-bottom:15px}#player-component .player-duration-view p{font-size:14px}#player-component .player-view{width:90%;margin-bottom:30px}#player-component .player-view .cd-view .hole{border-width:25px}#player-component .player-control-view .player-control-left-view{left:0}#player-component .player-control-view .player-control-left-view img{width:24px;height:24px}#player-component .player-control-view .player-control-left-view button.active img{filter:none}#player-component .player-control-view .player-control-center-view{min-width:150px;width:50%}#player-component .player-control-view .player-control-center-view img{width:24px;height:24px}#player-component .player-control-view .player-control-right-view{right:0}#player-component .player-control-view .player-control-right-view img{width:24px;height:24px}#player-component .player-control-view .player-control-right-view button.active img{filter:none}#loading img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px}#toast-component{width:80%;height:40px;padding:0 12px}#toast-component p{font-size:16px}}@keyframes cd-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#basic-modal{background-color:#fff;display:flex;flex-direction:column;width:350px;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#basic-modal .modal-content-view{display:flex;flex:1 1;justify-content:center;align-items:center;width:100%;padding:40px 20px}#basic-modal .modal-content-view p{width:100%;color:#000;font-size:16px;line-height:24px;text-align:center;white-space:pre-wrap;word-break:keep-all}#basic-modal .modal-button-view{display:flex;justify-content:center;padding:0 20px 20px}#basic-modal .modal-button-view button{background-color:#7b68ee;width:160px;height:40px;border-radius:5px;color:#fff;font-size:14px}#basic-modal .modal-button-view button.one{background-color:#fff;border:1px solid #7b68ee;color:#7b68ee}#basic-modal .modal-button-view button:nth-child(2){margin-left:12px}#privacy-modal{background-color:#fff;display:flex;flex-direction:column;width:600px;max-width:90vw;min-height:400px;max-height:80vh;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#privacy-modal .modal-title-view{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid #e6e6fa}#privacy-modal .modal-title-view h1{font-size:24px;font-weight:700}#privacy-modal .modal-title-view button{display:flex;justify-content:center;align-items:center;width:30px;height:30px}#privacy-modal .modal-content-view{overflow:hidden;flex:1 1;display:flex;flex-direction:column;width:100%;padding:20px 10px}#privacy-modal .modal-content-view .scroll-view{overflow-y:auto;padding:0 10px 0 4px}#privacy-modal .modal-content-view .scroll-view p{font-size:17px;font-weight:700}#privacy-modal .modal-content-view .scroll-view pre{margin-bottom:30px;white-space:pre-line}#privacy-modal .modal-content-view .scroll-view pre:last-child{margin-bottom:50px}#search-modal{background-color:#fff;display:flex;flex-direction:column;width:600px;max-width:90vw;min-height:400px;max-height:80vh;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#search-modal .modal-title-view{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid #e6e6fa}#search-modal .modal-title-view h1{font-size:24px;font-weight:700}#search-modal .modal-title-view button{display:flex;justify-content:center;align-items:center;width:30px;height:30px}#search-modal .modal-content-view{overflow:hidden;flex:1 1;display:flex;flex-direction:column;width:100%;padding:20px 10px}#search-modal .modal-content-view .input-wrapper{display:flex;align-items:center;margin-bottom:20px;padding:0 14px}#search-modal .modal-content-view .input-wrapper input{flex:1 1;width:0;height:40px;margin-right:10px;padding:0 10px;border:1px solid #e6e6fa;border-radius:8px;font-size:16px}#search-modal .modal-content-view .input-wrapper input:focus{outline-color:#7b68ee}#search-modal .modal-content-view .input-wrapper button{background-color:#7b68ee;width:60px;height:40px;border-radius:8px}#search-modal .modal-content-view .input-wrapper button img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(104deg) brightness(103%) contrast(103%)}#search-modal .modal-content-view .searchlist-view{overflow-y:auto;padding:0 10px 0 4px}#search-modal .modal-content-view .searchlist-view .searchitem-view{background-color:#fff;position:relative;display:flex;width:100%;margin-bottom:12px;padding:10px;border-radius:8px;text-align:left}#search-modal .modal-content-view .searchlist-view .searchitem-view:hover{background-color:#e6e6fa}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-cover-view{background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:8px;z-index:1;color:#fff;font-size:20px}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-thumbnail{flex-shrink:0;width:200px;height:100px;object-fit:cover}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;width:0;height:100px;padding:8px;color:#000}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-title{overflow:hidden;display:-webkit-box;white-space:wrap;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-bottom-view{display:flex;justify-content:space-between;align-items:center}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-bottom-view .searchitem-duration{overflow:hidden;flex:1 1;white-space:nowrap;text-overflow:ellipsis}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-bottom-view .searchitem-owner{overflow:hidden;flex:1 1;text-align:right;white-space:nowrap;text-overflow:ellipsis}#setting-modal{background-color:#fff;display:flex;flex-direction:column;width:90vw;max-width:400px;max-height:80vh;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#setting-modal .modal-title-view{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid #e6e6fa}#setting-modal .modal-title-view h1{font-size:24px;font-weight:700}#setting-modal .modal-title-view button{display:flex;justify-content:center;align-items:center;width:30px;height:30px}#setting-modal .modal-content-view{overflow:hidden;flex:1 1;display:flex;flex-direction:column;width:100%;padding:20px 10px}#setting-modal .modal-content-view .scroll-view{overflow-y:auto;padding:0 10px 0 4px}#setting-modal .modal-content-view .scroll-view .item-view{position:relative;margin-bottom:8px;padding:8px}#setting-modal .modal-content-view .scroll-view .item-view .title{margin-bottom:12px}#setting-modal .modal-content-view .scroll-view .item-view .title .description{margin-left:8px;color:#a0a0a0;font-size:12px}#setting-modal .modal-content-view .scroll-view .item-view .disabled-view{background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:5px}#setting-modal .modal-content-view .scroll-view .item-view .disabled-view p{color:#fff;font-weight:700}#setting-modal .modal-content-view .scroll-view .volume-view{position:relative;width:100%;height:24px}#setting-modal .modal-content-view .scroll-view .volume-view input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;position:absolute;width:100%;height:12px;z-index:1}#setting-modal .modal-content-view .scroll-view .volume-view .track-view{background-color:#f1f1f1;position:absolute;top:2px;width:100%;height:10px;border-radius:8px;box-shadow:0 0 20px 0 rgba(0,0,0,.1);z-index:0}#setting-modal .modal-content-view .scroll-view .volume-view .run-track-view{background-color:#e6e6fa;position:absolute;top:2px;width:100%;height:10px;border-radius:8px;z-index:0}#setting-modal .modal-content-view .scroll-view .volume-view ::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#7b68ee;width:15px;height:15px;border-radius:50%}#setting-modal .modal-content-view .scroll-view .radio-view{display:flex;justify-content:space-between}#setting-modal .modal-content-view .scroll-view .radio-view div{display:flex;align-items:flex-start}#setting-modal .modal-content-view .scroll-view .radio-view div input[type=radio]{margin-right:8px;accent-color:#7b68ee}#setting-modal .modal-content-view .scroll-view .flex-item-view{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px}#setting-modal .modal-content-view .scroll-view .flex-item-view:last-child{margin-bottom:0}#setting-modal .modal-content-view .scroll-view .flex-item-view button{background-color:#7b68ee;width:60px;height:30px;border-radius:5px;color:#fff;font-size:14px}#setting-modal .modal-content-view .scroll-view .flex-item-view .version,#setting-modal .modal-content-view .scroll-view .flex-item-view a{color:#a0a0a0;font-size:13px;font-weight:500}#playlist-modal{background-color:hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;width:600px;max-width:90vw;height:100vh;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#playlist-modal .modal-title-view{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid #e6e6fa}#playlist-modal .modal-title-view h1{font-size:24px;font-weight:700}#playlist-modal .modal-title-view button{display:flex;justify-content:center;align-items:center;width:30px;height:30px}#playlist-modal .modal-content-view{overflow:hidden;flex:1 1;display:flex;flex-direction:column;width:100%;padding:20px 10px}#playlist-modal .modal-content-view .button-view{display:flex;justify-content:flex-end;align-items:center}#playlist-modal .modal-content-view .button-view button{background-color:#7b68ee;height:40px;margin-right:8px;padding:0 8px;border-radius:8px;color:#fff;font-size:14px}#playlist-modal .modal-content-view .button-view button:last-child{margin-right:0}#playlist-modal .modal-content-view .playlist-view{overflow-y:auto;margin-top:20px;padding-right:10px}#playlist-modal .modal-content-view .playlist-view .draggable-flex-view{display:flex;align-items:center}#playlist-modal .modal-content-view .playlist-view .draggable-flex-view .draggable-grep-handle{margin-left:6px;padding:6px}#playlist-modal .modal-content-view .playlist-view .draggable-flex-view .draggable-grep-handle img{display:block}#playlist-modal .modal-content-view .playlist-view .playitem-view{background-color:#fff;position:relative;display:flex;width:100%;margin-bottom:12px;padding:10px;border-radius:8px;text-align:left}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-cover-view{background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:8px;z-index:1;color:#fff;font-size:20px}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-thumbnail{flex-shrink:0;width:200px;height:100px;object-fit:cover}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;width:0;height:100px;padding:8px;color:#000}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-title-view{display:flex}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-title-view .playitem-title{overflow:hidden;flex:1 1;display:-webkit-box;margin-right:10px;white-space:wrap;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-title-view .playitem-delete-button{display:flex;justify-content:center;align-items:center;width:20px;height:20px}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-title-view .playitem-delete-button:hover img{filter:invert(49%) sepia(45%) saturate(3813%) hue-rotate(330deg) brightness(111%) contrast(103%)}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-bottom-view{display:flex;justify-content:space-between;align-items:center}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-bottom-view .playitem-duration{overflow:hidden;flex:1 1;white-space:nowrap;text-overflow:ellipsis}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-bottom-view .playitem-owner{overflow:hidden;flex:1 1;text-align:right;white-space:nowrap;text-overflow:ellipsis}#lyric-modal{background-color:#fff;display:flex;flex-direction:column;width:600px;max-width:90vw;min-height:500px;max-height:80vh;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#lyric-modal .modal-title-view{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid #e6e6fa}#lyric-modal .modal-title-view h1{font-size:24px;font-weight:700}#lyric-modal .modal-title-view button{display:flex;justify-content:center;align-items:center;width:30px;height:30px}#lyric-modal .modal-content-view{position:relative;overflow:hidden;flex:1 1;display:flex;flex-direction:column;width:100%;padding:60px 10px 20px}#lyric-modal .modal-content-view .lyric-search-button{padding:10px;border:1px solid #dbdbdb;border-radius:8px}#lyric-modal .modal-content-view .lyric-search-button.add{margin-top:4px}#lyric-modal .modal-content-view .lyric-search-button.mod{position:absolute;top:10px;right:10px}#lyric-modal .modal-content-view .lyric-search-button img{display:block}#lyric-modal .modal-content-view .scroll-view{position:relative;overflow-y:auto;padding:0 10px 0 4px}#lyric-modal .modal-content-view .scroll-view p{margin:5px 0;color:#a0a0a0;font-size:13px;text-align:left}#lyric-modal .modal-content-view .scroll-view p.active{color:#000}#lyric-search-modal{background-color:#fff;display:flex;flex-direction:column;width:600px;max-width:90vw;min-height:400px;max-height:80vh;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#lyric-search-modal .modal-title-view{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid #e6e6fa}#lyric-search-modal .modal-title-view h1{font-size:24px;font-weight:700}#lyric-search-modal .modal-title-view button{display:flex;justify-content:center;align-items:center;width:30px;height:30px}#lyric-search-modal .modal-content-view{overflow:hidden;flex:1 1;display:flex;flex-direction:column;width:100%;padding:20px 10px}#lyric-search-modal .modal-content-view .input-wrapper{display:flex;align-items:center;margin-bottom:20px;padding:0 14px}#lyric-search-modal .modal-content-view .input-wrapper input{flex:1 1;width:0;height:40px;margin-right:10px;padding:0 10px;border:1px solid #e6e6fa;border-radius:8px;font-size:16px}#lyric-search-modal .modal-content-view .input-wrapper input:focus{outline-color:#7b68ee}#lyric-search-modal .modal-content-view .input-wrapper button{background-color:#7b68ee;width:60px;height:40px;border-radius:8px}#lyric-search-modal .modal-content-view .input-wrapper button img{filter:invert(100%) sepia(100%) saturate(0) hue-rotate(104deg) brightness(103%) contrast(103%)}#lyric-search-modal .modal-content-view .searchlist-view{overflow-y:auto;padding:0 10px 0 4px}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view{background-color:#fff;position:relative;display:flex;width:100%;margin-bottom:12px;padding:10px;border-radius:8px;text-align:left}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view:hover{background-color:#e6e6fa}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-cover-view{background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:8px;z-index:1;color:#fff;font-size:20px}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-thumbnail{flex-shrink:0;width:80px;height:80px;object-fit:cover}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;width:0;height:80px;padding:3px 0 3px 8px;color:#000}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-title-view{display:flex;justify-content:space-between;align-items:flex-start}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-title-view .searchitem-title{overflow:hidden;display:-webkit-box;white-space:wrap;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-title-view>span{color:#5b5b5b}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-lyric{overflow:hidden;display:-webkit-box;flex:1 1;margin-top:10px;color:#a0a0a0;font-size:12px;white-space:wrap;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}#admin-file-upload-modal{background-color:#fff;display:flex;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;outline:1px solid #dbdbdb;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,.1)}#admin-file-upload-modal .modal-title-view{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:18px;border-bottom:1px solid #e6e6fa}#admin-file-upload-modal .modal-title-view h1{font-size:24px;font-weight:700}#admin-file-upload-modal .modal-title-view button{display:flex;justify-content:center;align-items:center;width:30px;height:30px}#admin-file-upload-modal .modal-content-view{overflow:hidden;flex:1 1;display:flex;flex-direction:column;width:100%;padding:20px 10px}#admin-file-upload-modal .modal-content-view .description-wrapper{margin-bottom:20px;padding:0 14px}#admin-file-upload-modal .modal-content-view .description-wrapper h3{margin-bottom:10px}#admin-file-upload-modal .modal-content-view .description-wrapper p{margin-bottom:5px;font-size:14px}#admin-file-upload-modal .modal-content-view .description-wrapper p a{font-weight:400;text-decoration:underline}#admin-file-upload-modal .modal-content-view .description-wrapper p span{color:#a0a0a0}#admin-file-upload-modal .modal-content-view .input-wrapper{display:flex;align-items:center;margin-bottom:20px;padding:0 14px}#admin-file-upload-modal .modal-content-view .input-wrapper.last{margin-bottom:40px}#admin-file-upload-modal .modal-content-view .input-wrapper label{width:120px}#admin-file-upload-modal .modal-content-view .input-wrapper label span{color:#a0a0a0}#admin-file-upload-modal .modal-content-view .input-wrapper input,#admin-file-upload-modal .modal-content-view .input-wrapper select{flex:1 1;width:0;height:40px;padding:0 10px;border:1px solid #e6e6fa;border-radius:8px;font-size:15px}#admin-file-upload-modal .modal-content-view .input-wrapper input:focus{outline-color:#7b68ee}#admin-file-upload-modal .modal-content-view .input-wrapper div{overflow:auto;flex:1 1;display:flex;align-items:center;width:0;height:40px;margin-right:10px;padding:0 10px;border:1px solid #e6e6fa;border-radius:8px;font-size:15px;white-space:nowrap}#admin-file-upload-modal .modal-content-view .input-wrapper div::-webkit-scrollbar{display:none}#admin-file-upload-modal .modal-content-view .input-wrapper div:focus{outline-color:#7b68ee}#admin-file-upload-modal .modal-content-view .input-wrapper div p.grey{color:#a0a0a0}#admin-file-upload-modal .modal-content-view .input-wrapper button{background-color:#7b68ee;width:80px;height:40px;border-radius:8px;color:#fff}#admin-file-upload-modal .modal-content-view .input-wrapper button:disabled{background-color:#a0a0a0;color:#fff}#admin-file-upload-modal .modal-content-view .button-wrapper{display:flex;justify-content:flex-end;padding:0 14px}#admin-file-upload-modal .modal-content-view .button-wrapper button{background-color:#7b68ee;width:60px;height:40px;border-radius:8px;color:#fff}@media(max-width:599px){#basic-modal{width:80vw}#privacy-modal{width:90vw}#privacy-modal .modal-title-view{padding:16px}#privacy-modal .modal-title-view h1{font-size:20px}#privacy-modal .modal-title-view button{width:26px;height:26px}#privacy-modal .modal-title-view button img{width:20px;height:20px}#privacy-modal .modal-content-view{padding:20px 8px}#privacy-modal .modal-content-view .scroll-view{padding:0 8px 0 0}#privacy-modal .modal-content-view .scroll-view p{font-size:15px}#privacy-modal .modal-content-view .scroll-view pre{font-size:13px}#search-modal{width:90vw}#search-modal .modal-title-view{padding:16px}#search-modal .modal-title-view h1{font-size:20px}#search-modal .modal-title-view button{width:26px;height:26px}#search-modal .modal-title-view button img{width:20px;height:20px}#search-modal .modal-content-view{padding:20px 8px}#search-modal .modal-content-view .input-wrapper{margin-bottom:10px;padding:0}#search-modal .modal-content-view .input-wrapper input{height:35px;margin-right:10px;padding:0 8px;font-size:15px}#search-modal .modal-content-view .input-wrapper button{background-color:#7b68ee;width:50px;height:35px;border-radius:8px}#search-modal .modal-content-view .input-wrapper button img{width:16px;height:16px}#search-modal .modal-content-view .searchlist-view{padding:0 8px 0 0}#search-modal .modal-content-view .searchlist-view .searchitem-view{margin-bottom:8px;padding:8px}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-cover-view{font-size:17px}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-thumbnail{width:80px;height:80px}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view{height:80px;padding:3px 0 3px 8px}#search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-bottom-view .searchitem-duration{max-width:70px}#setting-modal{width:90vw}#setting-modal .modal-title-view{padding:16px}#setting-modal .modal-title-view h1{font-size:20px}#setting-modal .modal-title-view button{width:26px;height:26px}#setting-modal .modal-title-view button img{width:20px;height:20px}#setting-modal .modal-content-view{padding:20px 8px}#setting-modal .modal-content-view .scroll-view{padding:0 8px 0 0}#playlist-modal{width:90vw}#playlist-modal .modal-title-view{padding:16px}#playlist-modal .modal-title-view h1{font-size:20px}#playlist-modal .modal-title-view button{width:26px;height:26px}#playlist-modal .modal-title-view button img{width:20px;height:20px}#playlist-modal .modal-content-view{padding:20px 8px}#playlist-modal .modal-content-view .button-view button{height:35px;font-size:12px}#playlist-modal .modal-content-view .playlist-view .playitem-view{margin-bottom:8px;padding:8px}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-cover-view{font-size:17px}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-thumbnail{width:80px;height:80px}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view{height:80px;padding:3px 3px 3px 8px}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-title-view .playitem-delete-button,#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-title-view .playitem-delete-button img{width:16px;height:16px}#playlist-modal .modal-content-view .playlist-view .playitem-view .playitem-info-view .playitem-bottom-view .playitem-duration{max-width:70px}#lyric-modal{width:90vw}#lyric-modal .modal-title-view{padding:16px}#lyric-modal .modal-title-view h1{font-size:20px}#lyric-modal .modal-title-view button{width:26px;height:26px}#lyric-modal .modal-title-view button img{width:20px;height:20px}#lyric-modal .modal-content-view{padding:60px 8px 20px}#lyric-modal .modal-content-view .scroll-view{padding:0 8px 0 0}#lyric-search-modal{width:90vw}#lyric-search-modal .modal-title-view{padding:16px}#lyric-search-modal .modal-title-view h1{font-size:20px}#lyric-search-modal .modal-title-view button{width:26px;height:26px}#lyric-search-modal .modal-title-view button img{width:20px;height:20px}#lyric-search-modal .modal-content-view{padding:20px 8px}#lyric-search-modal .modal-content-view .input-wrapper{margin-bottom:10px;padding:0}#lyric-search-modal .modal-content-view .input-wrapper input{height:35px;margin-right:10px;padding:0 8px;font-size:15px}#lyric-search-modal .modal-content-view .input-wrapper button{background-color:#7b68ee;width:50px;height:35px;border-radius:8px}#lyric-search-modal .modal-content-view .input-wrapper button img{width:16px;height:16px}#lyric-search-modal .modal-content-view .searchlist-view{padding:0 8px 0 0}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view{margin-bottom:8px;padding:8px}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-cover-view{font-size:17px}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-thumbnail{width:80px;height:80px}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view{height:80px;padding:3px 0 3px 8px}#lyric-search-modal .modal-content-view .searchlist-view .searchitem-view .searchitem-info-view .searchitem-bottom-view .searchitem-duration{max-width:70px}}