@charset "UTF-8";.Header{position:fixed;z-index:999;background:var(--content-bg);border-bottom:1px solid var(--primary-border);height:auto;margin-left:240px;width:calc(100% - 240px)}@media screen and (max-width: 767px){.Header{width:100%;margin-left:0}}.Header .inner{display:flex;flex-direction:row;padding:1.5rem;align-items:center;justify-content:left}.Header .inner .logo_menu{display:none;max-width:150px;margin-right:1rem}@media screen and (min-width: 768px){.Header .inner .logo_menu{margin-right:2rem}}.Header .inner .logo_menu .logo{position:relative;background:transparent;border:8px solid #09c478;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:logoAnimation .5s ease-in-out forwards}.Header .inner .logo_menu .logo .dot{background:#f5f5f6;height:4px;width:4px;margin-left:9px;border-radius:50%;position:absolute}.Header .inner .logo_menu h1{margin-left:3px;color:var(--text-primary-color);font-size:17px;font-weight:600}.Header .inner .logo_menu .bar{padding-top:2px;margin-right:1rem}.Header .inner .logo_menu .bar button{background:transparent;border:none;cursor:pointer}@media screen and (max-width: 767px){.Header .inner .logo_menu{display:flex}}.Header .inner .search{display:flex;flex-direction:row;background:var(--primary-bg);padding:.3rem;height:1.7rem;border-radius:10px;align-items:center;justify-content:center}.Header .inner .search svg{fill:var(--text-primary-color);margin:0 .3rem}.Header .inner .search input{height:100%;width:100%;outline:none;background:transparent;border:none;color:var(--text-primary-color)}@media screen and (min-width: 560px){.Header .inner .search input{width:20rem}}@media screen and (min-width: 768px){.Header .inner .search input{width:25rem}}@media screen and (min-width: 768px){.expand .Header{width:100%;margin-left:0}}.expand .Header .inner .logo_menu{display:flex}.spaceHeader{padding-top:6rem}.menu{position:fixed;width:240px;height:100%;z-index:1000;background:var(--primary-bg)}.menu .blur{display:none}@media screen and (max-width: 767px){.menu{display:none;z-index:1001;height:100%}.menu:is(.showSm){display:block}.menu:is(.showSm) .blur{display:block;position:fixed;z-index:1000;top:0;left:240px;width:calc(100% - 240px);background:transparent;backdrop-filter:blur(1px);height:100%}}@media screen and (min-width: 768px){.menu{display:none}.menu:is(.showMd){display:block}}.menu .inner{height:100%;padding:1rem;display:flex;flex-direction:column}.menu .inner .logo_menu{padding-top:.7rem;padding-bottom:2rem;display:flex;flex-direction:row;position:relative;margin:0 .5rem}.menu .inner .logo_menu .logo{position:relative;background:transparent;border:8px solid #09c478;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:logoAnimation .5s ease-in-out forwards}.menu .inner .logo_menu .logo .dot{background:#f5f5f6;height:4px;width:4px;margin-left:9px;border-radius:50%;position:absolute}.menu .inner .logo_menu h1{margin-left:3px;color:var(--text-primary-color);font-size:17px;font-weight:600}.menu .inner .logo_menu .bar{padding-top:5px;position:absolute;right:0}.menu .inner .logo_menu .bar button{background:transparent;border:none;cursor:pointer}.menu .inner .scrollable{height:100%;display:flex;flex-direction:column;overflow-y:auto;scrollbar-color:transparent transparent;scrollbar-width:0}.menu .inner .scrollable::-webkit-scrollbar{width:0;background:transparent}.menu .inner .scrollable .card{margin:1rem .5rem 2rem;background:var(--content-bg);border-radius:10px;padding:1.5rem}.menu .inner .scrollable .card h5{color:var(--text-primary-color)}.menu .inner .scrollable .card p{margin-top:.5rem;font-size:13px;color:#888}.menu .inner .scrollable .card .btns{margin-top:.5rem;display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center}.menu .inner .scrollable .card .btns button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:2rem;border-radius:5px;border:none;color:#fff;background:#09c478;cursor:pointer;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.menu .inner .scrollable .card .btns button:hover{background:#09a566}.menu .inner .scrollable .actions button{width:100%;margin-top:.2rem;display:flex;align-items:center;justify-content:left;height:2.5rem;padding:0 .5rem;color:var(--text-primary-color);border-radius:10px;background:none;border:none;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.menu .inner .scrollable .actions button:hover{cursor:pointer;background:var(--content-bg)}.menu .inner .scrollable .actions button span{width:2rem;display:flex;align-items:center;justify-content:center}.menu .inner .scrollable .actions button span:is(span[data-for=fullScreen]){width:auto;display:block}.menu .inner .scrollable .actions button:is(.active){font-weight:600}.menu .inner .scrollable .actions button .swicth{position:relative;height:.7rem;width:1.5rem;background:#d9d9db;border-radius:9999px}.menu .inner .scrollable .actions button .swicth .round{margin-top:-.1rem;position:absolute;height:1rem;width:1rem;background:#FFF;border-radius:50%;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.menu .inner .scrollable .actions button:is(.dark) .swicth{background:rgba(120,130,140,.2)}.menu .inner .scrollable .actions button:is(.dark) .swicth .round{transform:translate(50%)}.menu .inner .scrollable .rights{margin-top:auto;margin-bottom:6rem}@media screen and (max-width: 767px){.menu .inner .scrollable .rights{margin-bottom:2rem}}.menu .inner .scrollable .rights p{margin-top:.5rem;font-size:12px;color:#888}@keyframes upAndDown{50%{transform:translateY(-30px)}}.loading{top:0;left:0;display:flex;position:fixed;flex-direction:row;z-index:2000;width:100%;height:100%;align-items:center;justify-content:center;background:var(--primary-bg)}.loading .dot{margin:.3rem;background:#09c478;width:15px;height:15px;border-radius:50%}.loading .dot-active{animation:upAndDown .5s ease-in-out forwards}div[data-for=Row]{margin-bottom:2rem}div[data-for=Row] .title{margin-bottom:1rem}div[data-for=Row] .title h5{font-size:1.17rem;font-weight:600;color:var(--text-primary-color)}div[data-for=Row] .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(calc((100% - 64px)/5),1fr))}div[data-for=Row] .grid:is(#carousel){grid-auto-flow:column;overflow:hidden;grid-auto-columns:minmax(calc((100% - 64px)/5),1fr)}@media screen and (max-width: 1180px){div[data-for=Row] .grid{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 48px)/4),1fr))}div[data-for=Row] .grid:is(#carousel){grid-auto-columns:minmax(calc((100% - 48px)/4),1fr)!important}}@media screen and (max-width: 1000px){div[data-for=Row] .grid{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 32px) / 3),1fr))}div[data-for=Row] .grid:is(#carousel){grid-auto-columns:minmax(calc((100% - 32px) / 3),1fr)!important}}@media screen and (max-width: 540px){div[data-for=Row] .grid{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 16px)/2),1fr))}div[data-for=Row] .grid:is(#carousel){grid-auto-columns:minmax(calc((100% - 16px)/2),1fr)!important}}@media screen and (max-width: 330px){div[data-for=Row] .grid{grid-template-columns:repeat(auto-fill,minmax(calc((100% + -0px)*1),1fr))}div[data-for=Row] .grid:is(#carousel){grid-auto-columns:minmax(calc((100% + -0px)*1),1fr)!important}}div[data-for=Row] .grid .card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px;cursor:pointer;background:var(--primary-bg);position:relative;padding:1rem}div[data-for=Row] .grid .card .thumbnail{position:relative;width:auto;height:auto}div[data-for=Row] .grid .card .thumbnail img{aspect-ratio:1/1;object-position:center;object-fit:cover;border-radius:5px;width:100%;height:auto}div[data-for=Row] .grid .card .thumbnail svg{aspect-ratio:1/1;object-position:center;object-fit:cover;border-radius:5px;width:100%;height:auto;fill:var(--text-primary-color)}div[data-for=Row] .grid .card .thumbnail .rounded{border-radius:50%}div[data-for=Row] .grid .card .details h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;line-height:1.875rem;font-size:14px;color:var(--text-primary-color);font-weight:500}div[data-for=Row] .grid .card .details p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;font-size:12px;color:#888}div[data-for=Row] .grid .card .on_hover{border-radius:5px;display:flex;top:0;bottom:0;left:0;position:absolute;width:100%;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.1);opacity:0;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}div[data-for=Row] .grid .card .on_hover:hover{opacity:1}div[data-for=Row] .grid .card .on_hover button[data-for=play]{position:absolute;right:1.5rem;bottom:calc(2.875rem + 31px);background:#fff;display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border:none;border-radius:50%;cursor:pointer;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}div[data-for=Row] .grid .card .on_hover button[data-for=play]:hover{transform:translateY(-5px)}div[data-for=Row] .grid .card .on_hover button[data-for=libray_options]{position:absolute;border:none;background:none;top:1.3rem;right:1.3rem;cursor:pointer;width:auto;height:auto}@media screen and (min-width: 800px){.expand div[data-for=Row] .grid{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 80px) / 6),1fr))}.expand div[data-for=Row] .grid:is(#carousel){grid-auto-columns:minmax(calc((100% - 80px) / 6),1fr)!important}}@media screen and (min-width: 800px) and (max-width: 1180px){.expand div[data-for=Row] .grid{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 64px)/5),1fr))}.expand div[data-for=Row] .grid:is(#carousel){grid-auto-columns:minmax(calc((100% - 64px)/5),1fr)!important}}@media screen and (min-width: 800px) and (max-width: 1000px){.expand div[data-for=Row] .grid{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 48px)/4),1fr))}.expand div[data-for=Row] .grid:is(#carousel){grid-auto-columns:minmax(calc((100% - 48px)/4),1fr)!important}}.liteRow{margin-bottom:2rem}.liteRow .title{margin-bottom:1rem}.liteRow .title h5{font-size:1.17rem;font-weight:600;color:var(--text-primary-color)}.liteRow .grid{display:grid;grid-template-columns:repeat(3,minmax(9rem,1fr));gap:16px}@media screen and (max-width: 1060px){.liteRow .grid{grid-template-columns:repeat(2,minmax(9rem,1fr))}}@media screen and (max-width: 540px){.liteRow .grid{grid-template-columns:auto}}.liteRow .grid .card{position:relative;background:var(--primary-bg);padding:.5rem 0;align-items:center;width:100%;display:flex;flex-direction:row;height:auto;border-radius:5px}.liteRow .grid .card img{aspect-ratio:1/1;object-position:center;object-fit:cover;display:flex;flex-direction:column;width:3rem;height:3rem;border-radius:5px;margin-left:.5rem}.liteRow .grid .card .details{padding-left:1rem;width:9rem}@media screen and (max-width: 1115px){.liteRow .grid .card .details{width:8rem}}@media screen and (max-width: 790px){.liteRow .grid .card .details{width:7rem}}@media screen and (max-width: 540px){.liteRow .grid .card .details{width:11rem}}@media screen and (max-width: 340px){.liteRow .grid .card .details{width:7rem}}.liteRow .grid .card .details h5{font-weight:500;font-size:14px;color:var(--text-primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}.liteRow .grid .card .details p{color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}.liteRow .grid .card .play{position:absolute;padding-left:1rem;height:100%;left:0;right:0;display:flex;align-items:center;justify-content:right;margin-right:.5rem;opacity:0;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.liteRow .grid .card .play:hover{opacity:1}.liteRow .grid .card .play button{display:flex;align-items:center;justify-content:center;height:1.5rem;width:1.5rem;border-radius:50%;background:#09c478;border:none;cursor:pointer;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.liteRow .grid .card .play button svg{fill:var(--text-primary-color)}.liteRow .grid .card .play button:hover{transform:translateY(-5px)}.carousel{margin-bottom:1.5rem}.carousel .title{margin-bottom:1rem;margin-bottom:.5rem}.carousel .title h5{font-size:1.17rem;font-weight:600;color:var(--text-primary-color)}.carousel .inner{display:grid;gap:16px;grid-auto-flow:column;overflow:hidden;grid-auto-columns:minmax(calc((100% - 48px)/4),1fr);grid-template-columns:repeat(auto-fill,minmax(calc((100% - 48px)/4),1fr))}@media screen and (max-width: 1024px){.carousel .inner{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 32px) / 3),1fr))}.carousel .inner:is(#carousel){grid-auto-columns:minmax(calc((100% - 32px) / 3),1fr)!important}}@media screen and (max-width: 600px){.carousel .inner{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 16px)/2),1fr))}.carousel .inner:is(#carousel){grid-auto-columns:minmax(calc((100% - 16px)/2),1fr)!important}}@media screen and (max-width: 300px){.carousel .inner{grid-template-columns:repeat(auto-fill,minmax(calc((100% + -0px)*1),1fr))}.carousel .inner:is(#carousel){grid-auto-columns:minmax(calc((100% + -0px)*1),1fr)!important}}.carousel .inner .card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;cursor:pointer}.carousel .inner .card img{aspect-ratio:1/1;object-position:center;object-fit:cover;border-radius:5px;width:100%;height:100%}.carousel .inner .card .hover-details{background:transparent;display:flex;top:0;bottom:0;right:0;left:0;position:absolute;width:100%;flex-direction:row-reverse;align-items:end;justify-content:center;opacity:0;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.carousel .inner .card .hover-details:hover{opacity:1}.carousel .inner .card .hover-details button{bottom:1rem;position:absolute;right:.5rem;background:#fff;display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border:none;border-radius:50%;cursor:pointer;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.carousel .inner .card .hover-details button:hover{transform:translateY(-5px)}.carousel .inner .card .hover-details .details{bottom:1rem;position:absolute;left:.5rem;max-width:40%;text-align:left}.carousel .inner .card .hover-details .details h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;line-height:1.875rem;font-size:14px;color:#fff;font-weight:600}.carousel .inner .card .hover-details .details p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;font-size:12px;color:#888}@media screen and (min-width: 800px){.expand .carousel .inner{grid-auto-columns:minmax(calc((100% - 64px)/5),1fr);grid-template-columns:repeat(auto-fill,minmax(calc((100% - 64px)/5),1fr))}}@media screen and (min-width: 800px) and (max-width: 1024px){.expand .carousel .inner{grid-template-columns:repeat(auto-fill,minmax(calc((100% - 48px)/4),1fr))}.expand .carousel .inner:is(#carousel){grid-auto-columns:minmax(calc((100% - 48px)/4),1fr)!important}}.footer{display:block;background:rgba(150,155,160,.0509803922);width:100%;height:auto;padding-bottom:5rem;margin-top:auto;margin-left:240px;width:calc(100% - 240px)}@media screen and (max-width: 767px){.footer{width:100%;margin-left:0}}.footer .inner{padding:1.5rem}.footer .inner p{font-size:11px;color:#888}@media screen and (min-width: 768px){.expand .footer{width:100%;margin-left:0}}.banner{margin-bottom:2rem}.banner .details{display:flex;flex-direction:row;width:100%;align-items:end}@media screen and (max-width: 500px){.banner .details{flex-direction:column;align-items:center;justify-content:center}}.banner .details .thumbnail{width:auto}.banner .details .thumbnail img{aspect-ratio:1/1;object-position:center;object-fit:cover;border-radius:5px;width:100%;max-height:220px;height:auto;box-shadow:#0000001a 0 4px 12px}.banner .details .thumbnail svg{aspect-ratio:1/1;object-position:center;object-fit:cover;border-radius:5px;padding:2rem;width:calc(100% - 4rem);max-height:calc(220px - 4rem);height:calc(auto - 4rem);fill:var(--text-primary-color);box-shadow:#0000001a 0 4px 12px}.banner .details .content{padding-left:1.5rem;padding-bottom:1.5rem;padding-top:0;width:50%}@media screen and (max-width: 500px){.banner .details .content{width:100%;padding-left:0;padding-top:1.5rem}}.banner .details .content h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;font-weight:700;color:var(--text-primary-color)}.banner .details .content h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;color:#09c478;line-height:3rem;font-weight:800}.banner .details .content p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;color:#888;font-size:small;font-weight:400}.banner .details .content ul{padding-top:.8rem;list-style:disc;display:flex}.banner .details .content ul li{position:relative;font-size:12px;padding-right:1.8rem;font-weight:500;color:var(--text-primary-color)}.banner .details .content ul li span{margin-left:-5px}.banner .details .content ul li span:is(.normal){margin-left:0!important}.banner .details .content ul li:is(.avatar){position:relative}.banner .details .content ul li:is(.avatar) span{margin-left:0;padding-left:2.1rem}.banner .details .content ul li:is(.avatar) img{aspect-ratio:1/1;object-position:center;object-fit:cover;position:absolute;height:1.7rem;border-radius:50%;margin-top:-5%}.banner .details .content ul li:is(.avatar) svg{aspect-ratio:1/1;object-position:center;object-fit:cover;position:absolute;height:1.7rem;border-radius:50%;margin-top:-5%;fill:var(--text-primary-color);border:1px solid var(--text-primary-color)}.banner .details .content ul li:first-child{list-style:none}@-moz-document url-prefix(){.banner .details .content ul li{padding-right:1.5rem}.banner .details .content ul li span{margin-left:0}}.banner .actions{padding-top:1rem;display:flex;flex-direction:row;gap:1rem;align-items:center}@media screen and (max-width: 500px){.banner .actions{padding-top:0}}.banner .actions .play{display:flex;flex-direction:row;height:2.5rem;width:6rem;background:#09c478;border:none;border-radius:10px;color:#fff;align-items:center;justify-content:center;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.banner .actions .play:hover{cursor:pointer;box-shadow:#00000059 0 5px 15px;transform:translateY(-3px)}.banner .actions .extra{background:none;border:none;cursor:pointer;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.banner .actions .extra svg{fill:var(--text-primary-color)}.banner .actions .extra:hover{transform:scale(1.2) translateY(-3px)}.banner .actions .extra:is(.active) svg{fill:#09c478}.collections table{width:100%;text-align:center;margin-bottom:1rem;table-layout:fixed;border-collapse:collapse}.collections table tr:hover td{background:var(--primary-bg)}.collections table tr:hover td .count{display:none}.collections table tr:hover td .Play{display:flex}.collections table tr td{transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;padding:.5rem;font-size:11.5px;color:var(--text-primary-color)}.collections table tr td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.collections table tr td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.collections table tr td img{display:flex;align-items:center;object-fit:cover;aspect-ratio:1/1;height:2.5rem;object-position:center;border-radius:5px}.collections table tr td:is(.thumb) svg{display:flex;align-items:center;object-fit:cover;aspect-ratio:1/1;height:1.5rem;object-position:center;border-radius:5px;padding:.5rem;border:1px solid var(--primary-border);fill:var(--text-primary-color)}.collections table tr td p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;width:100%}.collections table tr td p:is(.medium){font-size:12px}.collections table tr td .grey{color:#888}.collections table tr td .Play{display:none;width:100%;align-content:center;justify-content:center;background:none;border:none;cursor:pointer}.collections table tr td .Play svg{fill:var(--text-primary-color)}.collections table tr td .more_btn{display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center}.collections table tr td .more_btn button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.collections table tr td .more_btn button svg{fill:var(--text-primary-color)}.collections table tr td div[class^=more_options]{display:none;text-align:left;position:absolute;background:var(--content-bg);border-radius:5px;margin-top:-2rem;right:2rem;width:8rem;border:1px solid var(--primary-border);padding:.5rem 0;z-index:1000}.collections table tr td div[class^=more_options] ul{list-style:none}.collections table tr td div[class^=more_options] ul li{padding:.5rem 1rem;color:var(--text-primary-color);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.collections table tr td div[class^=more_options] ul li:hover{cursor:pointer;background:var(--primary-bg)}.collections table tr td .flex-md .medium-device{display:none}@media screen and (max-width: 767px){.collections table tr td:is(.desktop){display:none}.collections table tr td .flex-md{display:flex;flex-direction:column;gap:0;align-items:center;justify-content:left;text-align:left}.collections table tr td .flex-md .medium-device{display:block}}#collections .load_more{margin-bottom:2rem}.library_head{display:flex;flex-direction:row;align-items:center;justify-content:left;margin-bottom:1.5rem}.library_head .actions{position:relative}.library_head .actions button{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:9999px;height:2rem;padding:0 1.3rem;border:none;font-size:small;font-weight:400;background:var(--primary-bg);color:var(--text-primary-color);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.library_head .actions button span{padding-left:.5rem;padding-top:.3rem}.library_head .actions button span svg{fill:var(--text-primary-color)}.library_head .actions button:hover{cursor:pointer;background:rgba(0,0,0,.2)}.library_head .actions .dropdown{margin-top:.5rem;padding:1rem 1.5rem;display:none;position:absolute;z-index:1000;background:var(--content-bg);border:1px solid var(--primary-border)}.library_head .actions .dropdown button{background:var(--primary-bg)}.library_head .actions .dropdown:is(.active){display:block}.library_head .search_library{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:auto}.library_head .search_library svg{fill:var(--text-primary-color);right:.3rem}.library_head .search_library svg:is(.active){position:absolute;left:0;padding:0 .5rem}.library_head .search_library input{background:transparent;position:absolute;width:2rem;height:2rem;border-radius:50%;outline:none;border:none;color:transparent}.library_head .search_library input::placeholder{color:transparent}.library_head .search_library input:hover{cursor:pointer;background:rgba(0,0,0,.2)}.library_head .search_library input:focus{cursor:text;width:auto;background:rgba(0,0,0,.2);padding-left:2rem;padding-right:.5rem;position:relative;border-radius:9999px;color:var(--text-primary-color)}.library_head .search_library input:focus::placeholder{color:var(--text-primary-color)}@media screen and (max-width: 440px){.library_head .search_library input:focus{width:6rem}}@media screen and (max-width: 310px){.library_head .search_library input:focus{width:4rem}}.library_head .clear-history{display:flex;align-items:center;justify-content:center;margin-left:1rem;font-size:small;font-weight:400;height:2rem;padding:0 .8rem;border:none;border-radius:9999px;background:var(--primary-bg);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.library_head .clear-history svg{fill:var(--text-primary-color)}.library_head .clear-history:hover{cursor:pointer;background:rgba(0,0,0,.2)}.libray_options{display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;position:fixed;z-index:1100;background:rgba(0,0,0,.5);width:100%;height:100%;animation:modal .5s ease-in-out forwards}.libray_options .inner{width:390px;background:var(--content-bg);padding:1rem 0;border-radius:5px;height:auto}@media screen and (max-width: 440px){.libray_options .inner{width:calc(100% - 3rem);margin:2rem 1.5rem}}.libray_options .inner ul{list-style:none}.libray_options .inner ul .edit_add{display:flex;flex-direction:row;padding:.5rem 1rem}.libray_options .inner ul .edit_add input{background:transparent;width:100%;height:2rem;border:none;border-bottom:1px solid #09c478;outline:none;color:var(--text-primary-color)}.libray_options .inner ul .edit_add button{background:#09c478;border:1px solid #09c478;padding:.5rem;color:#fff;border-radius:5px 5px 5px 0;text-transform:uppercase;cursor:pointer;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.libray_options .inner ul .edit_add button:hover{color:var(--text-primary-color);background:transparent}.libray_options .inner ul li{padding:.5rem 1rem;border-top:1px solid var(--primary-border)}.libray_options .inner ul li button{border:none;color:var(--text-primary-color);font-size:12px;background:none;cursor:pointer;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.libray_options .inner ul li button:hover{color:#09c478}.libray_options .inner ul li .checkBox{-webkit-appearance:none;appearance:none;margin-right:.5rem;width:.7rem;height:.7rem;border:2px solid var(--primary-border);border-radius:3px;background-color:transparent;cursor:pointer}.libray_options .inner ul li .checkBox:checked{background-color:#09c478}.libray_options .inner ul li .checkLabel{color:var(--text-primary-color);font-size:12px;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.libray_options .inner ul form{display:flex;flex-direction:column;max-height:50vh;height:auto;overflow-y:auto;scrollbar-color:#888 transparent;scrollbar-width:2px}.libray_options .inner ul form::-webkit-scrollbar{width:2px;background:transparent}.libray_options .inner ul form::-webkit-scrollbar-track{background:var(--primary-bg)}.libray_options .inner ul form::-webkit-scrollbar-thumb{background:#888}.libray_options .inner ul form::-webkit-scrollbar-thumb:hover{background:#555}.libray_options .inner ul div[data-for=live-search]{display:flex;flex-direction:column;padding:.5rem 1rem;width:auto}.libray_options .inner ul div[data-for=live-search] input{outline:none;border:2px solid #09c478;height:1.5rem;padding:0 .5rem;width:auto;border-radius:5px;background:transparent;color:var(--text-primary-color)}.search-filter{display:flex;flex-direction:row;align-content:center;justify-content:left;gap:.5rem;margin-bottom:1rem}.search-filter button{padding:0 1rem;height:2rem;border-radius:9999px;border:none;background:var(--primary-bg);color:var(--text-primary-color);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.search-filter button:hover{cursor:pointer;background:rgba(0,0,0,.2)}.search-filter button:is(.active){cursor:default;background:rgba(0,0,0,.2)}@keyframes hideAndShow{0%{content:"●"}50%{content:"● ●"}to{content:"● ● ●"}}.load_more{display:flex;flex-direction:column;align-items:center;justify-content:center}.load_more button{color:var(--text-primary-color);font-weight:700;text-transform:uppercase;background:var(--content-bg);border:1px solid var(--primary-border);font-size:12px;cursor:pointer;width:8rem;height:2rem;border-radius:9999px;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.load_more button:hover{background:var(--primary-bg)}.load_more button:after{display:none;content:"●"}.load_more button:is(.active){color:#09c478}.load_more button:is(.active) span{display:none}.load_more button:is(.active):after{display:block;animation:hideAndShow 1s ease-in-out infinite}.custom-input{display:grid;grid-template-columns:100%;width:100%}.custom-input:is(.password){grid-template-columns:calc(100% - 3rem) 3rem}.custom-input input{background:var(--content-bg);color:var(--text-primary-color);width:auto;height:2.5rem;border:2px solid var(--primary-bg);outline:none;border-radius:5px;padding:0 .5rem;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.custom-input input:focus{font-weight:600}.custom-input input[class=password]{border-bottom-right-radius:0;border-top-right-radius:0}.custom-input .show_hide{outline:none;text-align:center;border:2px solid var(--primary-bg);margin:0;height:2.7 .5rem;width:3rem;border-bottom-right-radius:5px;border-top-right-radius:5px;cursor:pointer;background:var(--primary-bg);transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.custom-input .show_hide svg path{fill:var(--text-primary-color)}.auth{display:block;top:0;left:0;position:fixed;z-index:1100;background:rgba(0,0,0,.5);width:100%;height:100%;animation:modal .5s ease-in-out forwards}.auth .inner{position:relative;margin:2rem auto;display:flex;flex-direction:column;background:var(--content-bg);width:390px;height:auto;max-height:calc(100vh - 7rem);border-radius:5px;padding:1.5rem 1rem;overflow-y:auto;scrollbar-color:transparent transparent;scrollbar-width:0}@media screen and (max-width: 440px){.auth .inner{width:auto;margin:2rem 1.5rem}}.auth .inner::-webkit-scrollbar{width:0;background:transparent}.auth .inner::-webkit-scrollbar-thumb{background:transparent}.auth .inner .form_auth h3{text-align:center;font-size:25px;color:var(--text-primary-color)}.auth .inner .form_auth label{color:var(--text-primary-color);font-size:14px}.auth .inner .form_auth .custom-input{padding-top:.3rem;padding-bottom:.5rem}.auth .inner .form_auth button[data-for=forgot]{background:none;border:none;color:#09c478;font-size:12px;cursor:pointer}.auth .inner .form_auth p[data-for=error]{display:none;color:red;text-align:center;font-size:13px;margin:.5rem 0}.auth .inner .form_auth p[data-for=IF]{display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;margin-top:1rem;background:none;border:none;font-size:12px;text-align:center;width:100%;color:var(--text-primary-color)}.auth .inner .form_auth p[data-for=IF] span{margin-right:.5rem}.auth .inner .form_auth p[data-for=IF] button{border:none;background:none;font-size:12px;color:#09c478;cursor:pointer}.auth .inner .form_auth button[type=submit]{width:100%;height:2.5rem;margin-top:1rem;background:#09c478;border:2px solid #09c478;border-radius:5px;color:#fff;text-transform:uppercase;font-weight:700;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.auth .inner .form_auth button[type=submit]:hover{cursor:pointer;background:var(--content-bg);color:var(--text-primary-color)}.auth .inner .form_auth p[data-for=or-txt]{color:var(--text-primary-color);text-align:center;font-size:14px;font-weight:700;margin:1rem 0}.auth .inner .form_auth button[data-for=google]{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:2.5rem;border-radius:5px;border:2px solid #09c478;background:var(--content-bg);color:var(--text-primary-color);cursor:pointer;font-weight:700}.auth .inner .mail{display:flex;flex-direction:column;align-content:center;justify-content:right;text-align:center}.auth .inner .mail svg{margin:auto;fill:var(--text-primary-color)}.auth .inner .mail p{margin:.5rem 0;font-size:12px;color:#888}.auth .inner .mail button{width:100%;height:2.5rem;margin-top:1rem;background:#09c478;border:2px solid #09c478;border-radius:5px;color:#fff;text-transform:uppercase;font-weight:700;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.auth .inner .mail button:hover{cursor:pointer;background:var(--content-bg);color:var(--text-primary-color)}.player{z-index:1000;height:4rem;position:fixed;width:100%;bottom:0;background:var(--content-bg);border-top:1px solid var(--primary-border)}@media screen and (max-width: 700px){.player{height:5rem}}.player .inner{position:relative;width:auto;padding:.5rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(33.3333333333%,1fr));align-items:center}.player .inner audio{visibility:hidden}@media screen and (max-width: 700px){.player .inner{grid-template-columns:repeat(auto-fill,minmax(50%,1fr));padding-top:1rem}}.player .inner .details{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:left}.player .inner .details .thumbnail img{border-radius:5px;width:3rem;height:3rem;aspect-ratio:1/1;object-fit:cover;object-position:center;margin-right:.5rem}.player .inner .details .content{max-width:55%;width:auto;margin-right:.5rem}.player .inner .details .content h4{font-size:12.5px;font-weight:600;color:var(--text-primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}.player .inner .details .content p{font-weight:400;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto}@media screen and (max-width: 350px){.player .inner .details .content{width:40%}}.player .inner .audio_player{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.player .inner .audio_player .actions{display:flex;flex-direction:row}.player .inner .audio_player .actions button{width:auto;height:auto;background:none;border:none;margin:0 1rem;cursor:pointer}.player .inner .audio_player .actions button svg{fill:var(--text-primary-color);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.player .inner .audio_player .actions button:hover svg{fill:#09c478}.player .inner .audio_player .actions button:is(.disable){cursor:unset}.player .inner .audio_player .actions button:is(.disable) svg{fill:#888}.player .inner .audio_player .actions button:is(.disable):hover svg{fill:#888}.player .inner .audio_player .actions .prev svg{rotate:180deg}.player .inner .audio_player .seekBar{display:flex;flex-direction:row;align-content:center;justify-content:center;width:100%}.player .inner .audio_player .seekBar label{text-align:center;color:#888;font-size:11px;width:5rem}.player .inner .audio_player .seekBar input[type=range]{width:100%;-webkit-appearance:none;appearance:none;border-radius:9999px;height:4px;margin-top:.4rem;background:linear-gradient(to right,#09c478 0%,#09c478 0%,#d9d9db 0%,#d9d9db 0%);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.player .inner .audio_player .seekBar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#FFF;border:none;border-radius:50%;height:.5rem;width:.5rem;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;cursor:pointer}.player .inner .audio_player .seekBar input[type=range]::-moz-range-thumb{border:none;background:#FFF;border-radius:50%;height:.5rem;width:.5rem;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;cursor:pointer}@media screen and (max-width: 700px){.player .inner .audio_player{align-items:end}.player .inner .audio_player .seekBar{width:100%;position:absolute;left:0;top:0;right:0}.player .inner .audio_player .seekBar input{width:100%;margin:0 1rem}.player .inner .audio_player .seekBar label{display:none}}.player .inner .volume{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:right}.player .inner .volume svg{fill:var(--text-primary-color);margin-right:.5rem}.player .inner .volume input[type=range]{-webkit-appearance:none;appearance:none;border-radius:9999px;height:4px;background:linear-gradient(to right,#09c478 0%,#09c478 0%,#d9d9db 0%,#d9d9db 0%);transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.player .inner .volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#FFF;border:none;border-radius:50%;height:.5rem;width:.5rem;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;cursor:pointer}.player .inner .volume input[type=range]::-moz-range-thumb{border:none;background:#FFF;border-radius:50%;height:.5rem;width:.5rem;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px;cursor:pointer}@media screen and (max-width: 700px){.player .inner .volume{position:absolute;right:1rem;bottom:.5rem}.player .inner .volume input{width:calc(57px + 6rem)}.player .inner .volume svg{display:none}}.page{margin-left:240px;width:calc(100% - 240px)}@media screen and (max-width: 767px){.page{width:100%;margin-left:0}}.page .error_page{display:block;text-align:center;padding:5rem 0}.page .error_page h1{font-size:70px;color:var(--text-primary-color)}.page .error_page p{padding-top:.5rem;font-size:15px;color:#888}.page .error_page button{margin-top:1rem;width:auto;text-align:center;padding:.5rem 1.5rem;color:#09c478;background:transparent;border-radius:9999px;border:1px solid #09c478;cursor:pointer;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out}.page .error_page button:hover{border-color:var(--text-primary-color);color:var(--text-primary-color)}.page .account{margin:1rem 0}.page .account .top{display:flex;flex-direction:row;align-items:center;justify-content:left;position:relative;height:8rem;width:100%;background:var(--primary-bg);border-radius:5px}.page .account .top .avatar{margin-left:1.5rem;margin-top:-2rem;position:absolute;height:9rem;width:9rem;border-radius:50%;background:var(--content-bg);box-shadow:#0000003d 0 3px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:35px;font-weight:700;color:var(--text-primary-color)}.page .account .top .overview{width:calc(100% - 13rem);display:flex;flex-direction:column;margin-left:11.5rem}.page .account .top .overview .userName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary-color);width:auto}.page .account .top .overview .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;font-size:12px;color:#888}.page .account .forms{display:flex;flex-direction:column}.page .account .forms .head{width:1005;margin-top:1.5rem;margin-bottom:.5rem;display:flex;flex-direction:row;align-content:center;justify-content:left;gap:.5rem}.page .account .forms .head h5{color:var(--text-primary-color);font-size:15px;font-weight:500}.page .account .forms .head .btn{width:100%;display:flex;justify-content:right}.page .account .forms .head .btn button{width:5rem;height:1.5rem;background:var(--primary-bg);color:var(--text-primary-color);border-radius:5px;border:none;cursor:pointer}.page .account .forms form .inputs{width:100%;display:grid;grid-template-columns:50% 50%;gap:.5rem}@media screen and (max-width: 600px){.page .account .forms form .inputs{display:flex;grid-template-columns:none;flex-direction:column}}.page .account .forms form button[type=submit]{padding:0 1rem;margin-top:.5rem;width:auto;color:#fff;border:2px solid #09c478;border-radius:5px;height:2.5rem;background:#09c478;text-align:center;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}.page .account .forms form button[type=submit]:hover{cursor:pointer;background:var(--content-bg);color:var(--text-primary-color);border:2px solid #09c478}.container{padding:1.5rem}@media screen and (min-width: 768px){.expand .page{width:100%;margin-left:0}}:root .light{--primary-bg: #f5f5f6;--text-primary-color: #222;--content-bg: #fff;--primary-border: #f5f5f5}:root .dark{--primary-bg: #232427;--text-primary-color: #fff;--content-bg: #171719;--primary-border: rgba(130, 140, 150, .1)}body{margin:0;padding:0;font-family:Poppins;background:var(--content-bg);scroll-behavior:smooth}body::-webkit-scrollbar{width:5px;background:rgba(0,0,0,.2)}body::-webkit-scrollbar-thumb{border-radius:9999px;background:var(--primary-bg)}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}@keyframes logoAnimation{0%{rotate:0deg}to{rotate:360deg}}@keyframes modal{0%{opacity:0}to{opacity:1}}#root{min-height:100vh;height:auto;display:flex;flex-direction:column}