.text-red{color:#f1003e}.text-green{color:#00ffd9}.entry-content{padding:2em;background:var(--cl-2);margin-top:1.5em}.panel-slide-menu{position:fixed;inset:0 0 0 auto;width:320px;max-width:85vw;height:100%;background:var(--cl-2);z-index:1001;transform:translateX(100%);transition:transform 0.5s cubic-bezier(.16,1,.3,1);overflow-y:auto}.panel-slide-menu.open{transform:translateX(0);background:#141416}body.light-mode .panel-slide-menu.open{background:#e1e1e1}.panel-slide-menu-header{padding:1.6rem 1.5rem 1rem;border-bottom:1px solid var(--cl-3)}.panel-slide-menu-header .close-btn{background:var(--cl-5);width:2em;height:2em}.panel-slide-menu-header .close-btn .icon{color:var(--cl-4);width:1.15em;height:1.15em;pointer-events:none}.panel-slide-menu-title{color:var(--cl-9);font-weight:600}.panel-slide-menu-body{padding:1.5em;color:var(--cl-4)}body.light-mode .panel-slide-menu-body{background:#e1e1e1}.panel>.col-30{flex:1 0 calc(30% - 2 * 20px)}.panel>.col-70{flex:1 0 calc(70% - 2 * 20px)}.panel-sidebar{background:#141416;color:var(--cl-4);padding:2em}body.light-mode .panel-sidebar{background:#e1e1e1}.panel .profile .profile-bg{width:7em;height:7em;margin:1.5em auto .5em}.panel .panel-menu .panel-item{line-height:3}.panel .panel-menu .panel-item .icon,.panel .panel-menu .panel-link{color:var(--cl-4)}.panel .panel-menu .panel-item .icon{width:1.15em;height:1.15em}.panel-title{margin-top:.25em;color:var(--cl-9)}.top-features{margin:1em -10px 0}.top-features .feature-item{width:calc(1/4 * 100%);padding:1em 10px 20px;color:var(--cl-4)}.top-features .feature-box{background:var(--cl-2)}.top-features .feature-item .feature-icon{width:2.75em;height:2.75em;flex:0 0 2.75em}.top-features .feature-item .feature-icon .icon{width:23px;height:23px}.top-features .feature-item:first-child .feature-icon{background-image:linear-gradient(45deg,rgb(255 147 15) 0%,rgb(255 249 91) 100%)}.top-features .feature-item:nth-child(3) .feature-icon{background-image:linear-gradient(45deg,rgb(152 144 227) 0%,rgb(177 244 207) 100%)}.top-features .feature-item:nth-child(2) .feature-icon{background-image:linear-gradient(45deg,rgb(251 218 97) 0%,rgb(255 90 205) 100%)}.top-features .feature-item:last-child .feature-icon{background-image:linear-gradient(45deg,rgb(132 250 176) 0%,rgb(143 211 244) 100%)}.top-features .feature-count{font-size:25px}.top-features .feature-type{font-weight:300;font-size:14px}.top-features .feature-item .feature-icon .icon{color:var(--cl-9)}.top-features .feature-box .btn{border:1px solid rgb(from var(--cl-4) r g b / .3);margin-top:1em;color:var(--cl-4);padding:.5em 0;font-size:14px;transition:all 0.3s ease-in-out}.top-features .feature-box .btn:hover{border-color:var(--cl-6);color:var(--cl-6)}.info .col-70{flex:1 0 calc(70% - 2 * 20px)}.info .col-30{flex:1 0 calc(30% - 2 * 20px)}.info .main-info,.info .vip{background:var(--cl-2)}.info .main-info{padding:1.5em;color:var(--cl-4)}.info .main-info .title{position:relative;margin-bottom:1em}.info .main-info .title::after{content:"";height:1px;width:100%;background:rgb(from var(--cl-4) r g b / .3)}.main-info .info-item{flex:1 0 calc(50% - 2 * 20px);max-width:50%}.main-info .info-item .icon{width:1em;height:1em}.main-info .info-item .item-title{font-size:14px}.main-info .info-item .info-details{margin-top:.5em;font-size:14px}.info .vip .vip-rate .icon{width:7em;height:7em;color:var(--cl-2)}.info .vip .vip-rate .rate-average{font-weight:800;color:var(--cl-4);margin-top:-1.5em}.breadcrumb .breadcrumb-item::after{content:"";display:inline-block;width:6px;height:16px;margin:0 .5rem;background-color:var(--cl-4);-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/></svg>");-webkit-mask-size:cover;mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/></svg>");mask-size:cover}.breadcrumb .breadcrumb-item:last-child::after{content:unset}.breadcrumb .breadcrumb-item .breadcrumb-link{color:var(--cl-4)}.breadcrumb .breadcrumb-item:last-child .breadcrumb-link{opacity:.5;pointer-events:none}.watchlist-items .watchlist-item,.panel-fav-playlists li{padding:0 .5em 1em;width:calc(1/5 * 100%)}.watchlist-item .card-remove{position:absolute;inset:auto auto 1.5em 1em;border:1px solid #f1003e;padding:.25em;transition:all 0.3s ease-in-out;transform:scale(.5);opacity:0;transition:all 0.3s cubic-bezier(.3,0,.2,1)}.watchlist-item .card-remove .icon{width:1.5em;height:1.5em;color:#f1003e}.watchlist-item .card-remove:hover{background:#f1003e}.watchlist-item .card-remove:hover .icon{color:#fff}.watchlist-item:hover .icon{transform:scale(.75)}.panel-fav-playlist-detail-header .btn-edit-playlist-name .icon{width:1.1em;height:1.1em;color:var(--cl-4)}.panel-fav-playlist-name-wrap{min-width:0}.panel-fav-playlist-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-fav-playlist-name-edit{flex-wrap:wrap;align-items:center}.panel-fav-playlist-name-edit .input-playlist-name{background:var(--cl-3);color:var(--cl-4);border:1px solid var(--cl-2);min-width:12em}.panel-fav-playlist-name-edit .btn-save-playlist-name{background:var(--cl-6);color:#fff}.panel-fav-playlist-name-edit .btn-save-playlist-name,.panel-fav-playlist-name-edit .btn-cancel-playlist-name{padding:10px 14px}@media only screen and (max-width:575px){.panel-fav-playlist-detail-header{align-items:flex-start}.panel-fav-playlist-name-edit{width:100%}.panel-fav-playlist-name-edit .input-playlist-name{flex:1 0 100%;width:100%;min-width:0}}.hide{display:none}.btn-unfollow-artist{color:#fff;background:var(--cl-6);padding:5px 1.5em;margin-left:10px}.subscription-items{margin:0 -.5em}.subscription-item{width:calc(1 / 4 * 100%);padding:0 .5em 1em}.subscription-card{position:relative}.subscription-body{min-height:5em;background:var(--cl-1);padding:1em;border-radius:22px}.subscription-body .icon{width:2.5em;height:2.5em;color:#34ceb7;margin:1em .5em}body.light-mode .subscription-body .icon{color:#ee2193}.percent-del del{color:var(--cl-9)}.percent-del{margin-bottom:1em}.subscription-type{position:absolute;top:0;right:50%;z-index:9;transform:translateX(50%);background-color:var(--cl-2);padding:0 15px 8px 15px;line-height:.8;border-radius:0 0 10px 10px;font-size:14px;color:#34ceb7;font-weight:600}body.light-mode .subscription-type{color:#ee2193}.subscription-type::after,.subscription-type::before{content:"";position:absolute;left:-18px;top:-1px;width:18px;height:12px;box-shadow:8px 0 0 0 var(--cl-2);border-radius:0 20px 0 0;z-index:-1}.subscription-type::before{border-radius:20px 0 0 0;left:0;right:-18px;box-shadow:-8px 0 0 0 var(--cl-2)}.subscription-item .percent{background:#f1003e;color:#fff;font-size:13px;padding:.15em .35em}.subscription-item .price span{color:var(--cl-7);font-size:17px}body.light-mode .subscription-item .price span{color:var(--cl-6)}.subscription-item .btn{border:1px solid var(--cl-7);background:#fff0;padding:.5em 0;margin-top:.5em;transition:all 0.3s ease-in-out;color:var(--cl-7);font-weight:700}.subscription-item .btn:hover{background:var(--cl-7);color:#fff}body.light-mode .subscription-item .btn{border:1px solid var(--cl-6);color:var(--cl-6)}body.light-mode .subscription-item .btn:hover{background:var(--cl-6);color:#fff}.titcket-header .btn-return{border:1px solid var(--cl-4);width:2em;height:2em}.titcket-header .btn-return .icon{color:#f7f7f7;width:1em;height:1em}.titcket-header .btn-return:hover{background:#f7f7f7}.titcket-header .btn-return:hover .icon{color:#141416}body.light-mode .titcket-header .btn-return:hover{background:#141416}body.light-mode .titcket-header .btn-return .icon{color:#141416}body.light-mode .titcket-header .btn-return:hover .icon{color:#fff}.ticket-title,.ticket-date{color:var(--cl-4)}.chatroom-box{position:relative;padding:2em 0}.chatroom{padding:1em;background:var(--cl-5);border-radius:10px 10px 0 0}.chatroom .user,.chatroom .admin{max-width:55%}.chatroom .message{padding:1em}.chatroom .user .message{background:var(--cl-2);color:var(--cl-4);border-radius:35px 35px 0 35px}.chatroom .admin .message{background:#e4c259;color:#000;border-radius:35px 35px 35px 0}.chatroom .message-details{opacity:.5;font-size:.85em}.chatroom .message-details span::after{content:"-";margin:0 .25em;opacity:.85}.chatroom .message-details span:last-child::after{content:unset}.chatroom-send input[type="text"],.chatroom-send .btn-send{min-height:4em}.chatroom-send input[type="text"]{border-radius:0 0 10px 0;padding:1em;background:var(--cl-3);color:var(--cl-4)}.chatroom-send input::placeholder{color:var(--cl-4)}.chatroom-send .btn-send{border-radius:0 0 0 10px;padding:.85em 1em;background:#6990e7;color:#fff}.subscription-title{margin-top:25px}.ticket-table{border-collapse:separate;border-spacing:0 10px;margin:0}.ticket-table .ticket-head{background-color:#fff0}.ticket-table .ticket-head th{background:var(--cl-5);color:var(--cl-4);padding:15px}.ticket-table .ticket-row{border:0}.ticket-table .ticket-row td:first-child,.ticket-table .ticket-head th:first-child{border-top-right-radius:35px;border-bottom-right-radius:35px}.ticket-table .ticket-row td:last-child,.ticket-table .ticket-head th:last-child{border-top-left-radius:35px;border-bottom-left-radius:35px}.ticket-table .ticket-row td{white-space:nowrap;background:var(--cl-3);padding:15px}.ticket-btn{padding:.5em 1em}.ticket-btn.bg-success{background:var(--cl-8);color:var(--cl-7)}.ticket-btn.bg-alert{background:#67501d;color:#e4c259}.ticket-btn.bg-warning{background:#f1003e;color:#f7b4c5}.ticket-table .ticket-row .btn-show{background:#6990e7;color:var(--cl-9);padding:.5em 1em;font-size:14px}.ticket-table .ticket-row .subject,.ticket-table .ticket-row .date,.ticket-row .number{color:var(--cl-4)}.btn-ticket{color:#fff;background:var(--cl-6);padding:.75em 2.5em;font-size:14px;font-weight:700;display:inline-block;border-radius:10px}.ticket-table .ticket-body a{color:var(--cl-6)}.subscription-history-wrap{padding:2em}.subscription-history-empty{color:var(--cl-4);margin-bottom:1em}.subscription-history-table-wrap{overflow-x:auto;margin-bottom:1.5em}.subscription-history-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin:0}.subscription-history-table thead th{background:var(--cl-5);color:var(--cl-4);padding:14px 16px;text-align:right;font-weight:600}.subscription-history-table thead th:first-child{border-top-right-radius:22px;border-bottom-right-radius:22px}.subscription-history-table thead th:last-child{border-top-left-radius:22px;border-bottom-left-radius:22px}.subscription-history-table tbody td{padding:14px 16px;color:var(--cl-4);background:var(--cl-3)}.subscription-history-table tbody tr td:first-child{border-top-right-radius:22px;border-bottom-right-radius:22px}.subscription-history-table tbody tr td:last-child{border-top-left-radius:22px;border-bottom-left-radius:22px}.subscription-history-table .sub-order-id{font-weight:600;color:var(--cl-9)}.subscription-history-table .sub-status{display:inline-block;padding:.35em .75em;border-radius:10px;font-size:13px}.subscription-history-table .sub-status-done{background:var(--cl-8);color:var(--cl-7)}body.light-mode .subscription-history-table .sub-status-done{background:rgb(52 206 183 / .2);color:var(--cl-6)}.subscription-history-footer{margin-top:1em}.panel-html-content{color:var(--cl-9)}.form-send-ticket .form-group{flex:1 0 calc(50% - 2 * 20px);max-width:50%}.form-send-ticket .form-group.w-full{flex:1 0 calc(100% - 2 * 20px);max-width:100%}.form-send-ticket .label,.edit-profile .label{color:rgb(from var(--cl-4) r g b / .6);margin-bottom:.5em;font-size:15px}.form-send-ticket .form-group:not(:last-child) input,.form-send-ticket .form-group select,.form-send-ticket .form-group textarea,.edit-profile .form-group textarea,.edit-profile .form-group input,.form-send-ticket .select-btn{background:var(--cl-3);padding:.75em 1em;color:var(--cl-4);width:100%;padding:12px;border-radius:10px;font-size:14px}.form-send-ticket input[type="submit"],.edit-profile input[type="submit"]{color:#fff;background:var(--cl-6);padding:.75em 2.5em;font-size:14px;font-weight:700}.form-send-ticket .form-group:nth-child(2){position:relative}.form-send-ticket .select-suggestiones{appearance:none;-webkit-appearance:none}.form-send-ticket .form-group:nth-child(2)::before{content:"";position:absolute;inset:80% auto auto .5em;transform:translateY(-80%);width:1.5em;height:1.5em;border-radius:50%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik04MzEuODcyIDM0MC44NjRMNTEyIDY1Mi42NzJMMTkyLjEyOCAzNDAuODY0YTMwLjU5IDMwLjU5IDAgMCAwLTQyLjc1MiAwYTI5LjEyIDI5LjEyIDAgMCAwIDAgNDEuNkw0ODkuNjY0IDcxNC4yNGEzMiAzMiAwIDAgMCA0NC42NzIgMGwzNDAuMjg4LTMzMS43MTJhMjkuMTIgMjkuMTIgMCAwIDAgMC00MS43MjhhMzAuNTkgMzAuNTkgMCAwIDAtNDIuNzUyIDB6Ii8+PC9zdmc+) no-repeat center / 14px,#28272C;pointer-events:none}body.light-mode .form-send-ticket .form-group:nth-child(2)::before{background-color:#999}.form-send-ticket .form-group textarea,.edit-profile .form-group textarea{resize:none}.edit-profile{max-width:75%;margin:0 auto;padding-bottom:3em}.edit-profile .form-group:first-child{margin-bottom:5em}.edit-profile .form-group.w-full,.edit-profile .inner-form-group:last-child{flex:1 0 calc(100% - 2 * 20px);max-width:100%}.edit-profile .form-group:not(.w-full),.edit-profile .inner-form-group{flex:1 0 calc(50% - 2 * 20px);max-width:50%}.edit-profile .profile-img img{width:9em;height:9em;object-fit:cover;aspect-ratio:1/1}.edit-profile .btn-upload{min-width:14em;background:var(--cl-5);font-size:13px;color:var(--cl-9)}.edit-profile .btn-upload .icon{color:var(--cl-9);width:1.5em;height:1.5em}.edit-profile .form-title{margin-bottom:1em;color:var(--cl-9);font-size:18px}@media only screen and (min-width:992px){.btn-panel{display:none}}@media only screen and (max-width:991px){.panel>.col-30{display:none}.panel .col-70{flex:1 0 calc(100% - 2 * 20px);max-width:100%}.chatroom .user,.chatroom .admin{max-width:75%}.panel-content .info .col-70,.panel-content .info .col-30{flex:1 0 calc(50% - 2 * 20px);max-width:50%}.watchlist-items .watchlist-item{width:calc(1 / 4 * 100%)}.panel{flex-direction:column}.btn-panel{color:var(--cl-4);font-size:16px;background-color:var(--cl-4);display:inline-flex;width:160px;justify-content:center;color:var(--cl-1);padding:8px;border-radius:40px}.btn-panel .icon{width:1.5em;height:1.5em}}@media only screen and (max-width:767px){.entry-content{padding:2em 1em}.chatroom .user,.chatroom .admin{max-width:85%}.top-features .feature-item{width:calc(1 / 2 * 100%)}.panel-content .info .col-70,.panel-content .info .col-30{margin-top:1em;flex:1 0 calc(100% - 2 * 20px);max-width:100%}.top-features .feature-item{padding-bottom:5px}.edit-profile{max-width:100%}.subscription-item{width:calc(1 / 2 * 100%)}.watchlist-items .watchlist-item,.watchlist-items .watchlist-item,.panel-fav-playlists li{width:calc(1 / 3 * 100%)}}@media only screen and (max-width:575px){.panel-title{font-size:21px}.info .main-info{padding:1.5em 1em}.top-features .feature-count{font-size:18px}.top-features .feature-type{font-size:13px}.top-features .feature-item .feature-icon{width:2.25em;height:2.25em;flex:0 0 2.25em}.top-features .feature-item .feature-icon .icon{width:18px;height:18px}.main-info .info-item .item-title{font-size:13px}.form-send-ticket .form-group:first-child,.form-send-ticket .form-group:nth-child(2){flex:1 0 calc(100% - 2 * 20px);max-width:100%}.watchlist-items .watchlist-item,.watchlist-items .watchlist-item,.panel-fav-playlists li{width:calc(1 / 2 * 100%)}}@media only screen and (max-width:479px){.edit-profile .form-group:not(.w-full),.edit-profile .inner-form-group{flex:1 0 calc(100% - 2 * 20px);max-width:100%}.edit-profile .form-title{font-size:16px}.subscription-item{width:100%}}.auth-page{min-height:60vh;display:flex;margin:50px 0;align-items:center;justify-content:center}.auth-section{width:100%;max-width:24em;margin:0 auto}.auth-box{background:var(--cl-2);padding:2em;color:var(--cl-4)}.auth-title{font-size:1.5rem;margin-bottom:.5rem;color:var(--cl-9)}.auth-desc{font-size:.9rem;margin-bottom:1.5rem;opacity:.9}.auth-message{font-size:.85rem;margin-bottom:.75rem;min-height:1.25em}.auth-form .label{display:block;margin-bottom:.35rem;font-size:.9rem;color:rgb(from var(--cl-4) r g b / .85)}.auth-form .input{background:var(--cl-3);border:1px solid rgb(from var(--cl-4) r g b / .2);color:var(--cl-4);padding:.75em 1em}.auth-form .input:focus{border-color:var(--cl-6)}.auth-form .password-input-wrap{position:relative}.auth-form .password-input-wrap .input{padding-inline-start:2.75em}.auth-form .password-input-wrap .btn-toggle-password{position:absolute;inset-inline-start:.6em;top:50%;transform:translateY(-50%);z-index:1;padding:.35em;border:none}.auth-form .password-input-wrap .btn-toggle-password .icon{width:1.35em;height:1.35em;color:rgb(from var(--cl-4) r g b / .7)}.auth-form .password-input-wrap .btn-toggle-password:hover .icon{color:var(--cl-4)}.auth-form .btn-primary{background:var(--cl-6);color:#fff;border:none;padding:.75em 1.5em;cursor:pointer;font-weight:600}.auth-form .btn-primary:hover{opacity:.95}.auth-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}body.light-mode .auth-box{background:#e8e8e8}body.light-mode .auth-form .input{background:#fff}body.light-mode .auth-form .btn-primary{background:var(--cl-6)}#auth-back{color:var(--cl-9);cursor:pointer}#auth-forgot-btn{background:#fff0;cursor:pointer;color:var(--cl-6)}