@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/poppins/poppins-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/poppins/poppins-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/poppins/poppins-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:optional;src:url(/fonts/poppins/poppins-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/poppins/poppins-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:optional;src:url(/fonts/poppins/poppins-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/poppins/poppins-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:optional;src:url(/fonts/poppins/poppins-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html,body{font-family:Poppins,sans-serif;margin:0;padding:0;width:100%;background-color:var(--background);scroll-behavior:smooth;overflow-x:hidden;min-height:100dvh}a{text-decoration:none;color:var(--text)}*:focus{outline:none!important}*{box-sizing:border-box;padding:0;margin:0;list-style-type:none}::selection{color:var(--main);background:#fff}::-webkit-scrollbar{width:10px;height:5px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:var(--main)}::-webkit-scrollbar-thumb:hover{background:var(--main_second)}.main-layout{display:flex}.page-layout{width:100%}#trending-info .important{color:var(--main)}#trending-info{margin:auto;color:var(--text)}main{display:flex;justify-content:center;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}main::-webkit-scrollbar{display:none}main h1{font-size:21px;font-weight:600;margin:10px auto;color:var(--text)}main h1 span{color:var(--main);font-size:24px}#play{width:64px!important;height:64px!important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.filter{display:flex;align-items:center;gap:3px;margin-top:20px;padding:24px 0;flex-wrap:wrap}.filter a{text-decoration:underline;color:var(--text_secondary)}.filter p{color:var(--text)}.filter a.active{color:var(--main)}.sub_filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:30px}.sub_filter a.refresh{text-decoration:none;color:var(--text);padding:6px 12px;border-radius:5px;border:1px solid #BFB9BB;transition:.3s}.sub_filter a.refresh:hover{background-color:var(--main);border-color:var(--main);color:#fff}.sub_trending{display:flex;align-items:center;justify-content:space-between}.popular-album{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1200px;width:100%;margin-top:20px;margin-bottom:100px}.popular-album img{width:100%;object-fit:cover;height:300px;filter:brightness(.9);border-radius:10px}.popular-album video{width:100%}.popular-album .media-content{position:relative}.popular-album .media-content .media-content-info{position:absolute;left:10px;top:20px;display:flex;align-items:center;gap:10px}.popular-album .media-content .media-content-info img{border-radius:50%;height:35px!important;width:35px;object-fit:cover;border:1px solid var(--main);flex-shrink:0}.popular-album .media-content .media-content-info p{color:#fff}@media screen and (max-width:975px){.popular-album{grid-template-columns:repeat(2,1fr);margin:10px auto}main{width:95%;margin:auto}.max-width-for-calendar{width:100%!important}}@media screen and (max-width:600px){.popular-album{grid-template-columns:repeat(1,1fr)}.sub_trending{flex-direction:column;align-items:flex-start}}.add-to-home-banner{position:fixed;bottom:10px;left:50%;background-color:var(--card);color:var(--text);padding:10px;text-align:center;box-shadow:0 -2px 5px #0003;z-index:1000;width:95%;max-width:475px;transform:translate(-50%);border-radius:10px}#close{position:absolute;top:5px;right:5px;cursor:pointer}.loader-center{bottom:50%!important;transform:translateY(50%)}.loader-fix{position:relative!important;transform:translate(0);bottom:0!important}.loader{width:48px;height:48px;border:5px solid var(--main);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;bottom:-55px;left:50%;transform:translate(-50%);position:absolute}@keyframes rotation{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.video-js{width:100%!important;max-width:100%!important;height:80dvh!important;cursor:pointer!important}.video-js .vjs-tech{object-fit:contain!important;cursor:pointer!important}.input-error{text-align:left!important;margin-top:0!important;font-size:14px!important;color:#de564a!important;font-weight:500!important}.form-icon-display{display:flex;align-items:center;border:1px solid #BFB9BB;border-radius:5px;overflow:hidden}.form-icon-display svg{margin:0 8px;fill:var(--text)}.form-icon-display input{border:none!important;border-left:1px solid #BFB9BB!important;border-radius:0!important}.litle-banner-information{width:100%;padding:20px;border-radius:5px;text-align:center;margin:10px 0;font-size:14px;color:var(--text);background-color:var(--secondary)}.litle-banner-information a{color:var(--main);text-decoration:underline;cursor:pointer}.h1-admin{font-size:22px}.popup-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#layout-popup{position:fixed;z-index:1000000;top:0;left:0;color:#fff;max-height:100vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}#layout-popup::-webkit-scrollbar{display:none}.layout-popup-center{top:50%!important;left:50%!important;transform:translate(-50%) translateY(-50%)}.tiktok-live{border:1px solid var(--main);border-radius:5px;text-decoration:none!important;background-color:#fb716a43;padding:3px 8px;font-size:14px}.display-filter{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.display-filter .tiktok-live{display:flex;align-items:center;gap:5px;padding:3px 12px}.display-filter .tiktok-live svg{fill:var(--main)}.display-filter .display-filter-separator{height:30px;width:1px;margin-right:5px;margin-left:5px;background-color:#818181}@media(max-width:550px){.display-filter .display-filter-separator{display:none}}.display-filter .display-filter-element{display:flex;align-items:center;gap:5px;background-color:var(--secondary);border-radius:8px;padding:0 12px;height:34px;font-size:14px}.display-filter .display-filter-element svg{height:22px;width:22px}.display-filter .display-filter-element-selected{background-color:#fb716a43;border:1px solid var(--main)}.display-filter .display-filter-element-selected svg{fill:var(--main)}.skeleton-album-margin{margin-top:20px!important}.skeleton-full{grid-column:1/-1}.skeleton-album{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1200px;width:100%;position:relative}.skeleton{width:100%;border-radius:10px;animation:shimmer 2s ease infinite;background:linear-gradient(var(--shimmer));background-size:400% 100%}.skeleton .skeleton-container{display:flex;align-items:center;gap:10px;margin-top:20px;margin-left:10px}.skeleton .skeleton-round-image{height:33px;width:33px;border-radius:50%;background-color:var(--secondary)}.skeleton .skeleton-text{width:87px;height:25px;background-color:var(--secondary)}.skeleton .skeleton-div{background-color:var(--secondary);border-radius:10px;width:100px;height:50px}.skeleton .skeleton-image{background-color:var(--secondary);margin:auto;width:500px;height:500px}.skeleton .skeleton-border{height:2px;width:100%;background-color:var(--secondary);margin:10px 0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width:240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}
