:root{--black:#191919;--orange-base:#fec700;--gray:#d4d4d4;--sidebar-color:#fec700;--text-color:#191919;--settings-page-text-button-color:#191919;--sidebar-button-color:var(--black);--sidebar-button-text-color:#fff;--no-button-bg-color:var(--black);--no-button-color:#fff;--dashboard-pages-header-bg:#fff;--popup-bg-color:#fff;--popup-box-shadow:3px 3px 10px #acacac36, -3px -3px 10px #acacac36;--first-skeleton-element-color:var(--gray);--second-skeleton-element-color:#f0f0f0}.dark{--sidebar-button-color:var(--orange-base);--sidebar-button-text-color:var(--black);--sidebar-color:#191919;--text-color:#d4d4d4;--no-button-color:var(--black);--no-button-bg-color:white;--dashboard-pages-header-bg:#121212;--popup-bg-color:#191919;--popup-box-shadow:none;--first-skeleton-element-color:var(--black);--second-skeleton-element-color:#acacac36}@font-face{font-family:Lato;src:url(../media/Lato-Regular.16mv04ubmyj.d.ttf);font-display:swap}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);font-family:Lato}button,input{font-family:Lato}a{text-decoration:none}.logo-de-me-hira{width:50px;height:auto}ul{list-style-type:none}nav{z-index:1;background-color:#fff;align-items:center;max-width:1440px;height:70px;margin:auto;padding:0 50px;display:flex;position:sticky;top:0}nav>ul{justify-content:space-between;align-items:center;width:100%;display:flex}nav>ul>li:first-child{align-items:center;width:10%;display:flex}nav>ul>li:nth-child(2){align-items:center;column-gap:20px;width:50%;display:flex}nav>ul>li:nth-child(3){justify-content:end;width:10%;display:flex}nav ul li .filter-icone,nav ul li .search-icone{width:15px;height:auto}nav ul li .loader-search-icone{width:19px;height:auto}nav ul li .filter{background-color:var(--gray);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:35px;height:32px;transition:background-color .1s ease-in-out;display:flex;position:relative}nav ul li .filter:hover{background-color:var(--orange-base);transition:background-color .1s ease-in-out}nav ul li .filter:active{transition:all .1s ease-in-out;transform:scale(.85)}nav ul li:nth-child(2) span{width:100%;position:relative}nav ul li:nth-child(2) span button{background-color:var(--orange-base);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:35px;height:32px;display:flex;position:absolute;top:4px;right:4px}nav ul li:nth-child(2) span button:active{transition:all .1s ease-in-out;transform:scale(.85)}nav ul li input{border:var(--gray) solid 1px;border-radius:10px;outline:none;width:100%;height:40px;padding:0 45px 0 16px;transition:all .1s ease-in-out}nav ul li input:focus{border-color:var(--orange-base);transition:all .1s ease-in-out}nav>ul>li:nth-child(3) a{border:1px solid var(--orange-base);border-radius:12px;width:fit-content;height:fit-content;padding:2px;display:block}nav ul li:nth-child(3) button{background-color:var(--orange-base);cursor:pointer;border:none;border-radius:10px;height:34px;padding:10px 15px;transition:all .1s ease-in-out}nav ul li:nth-child(3) a:active{transition:all .1s ease-in-out;transform:scale(.85)}footer{background-color:#fff;width:100%;max-width:1440px;height:50px;padding:0 50px;position:fixed;bottom:0;left:50%;right:50%;transform:translate(-50%)}footer ul{width:inherit;height:inherit;flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:20px;display:flex}footer ul *{color:gray}footer ul li:first-child{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}footer ul li a:hover{color:var(--black);text-decoration:underline;transition:all .25s ease-in-out}.aside-container{width:180px}aside{background-color:var(--sidebar-color);min-width:180px;position:fixed}aside ul{flex-direction:column;align-items:center;row-gap:25px;width:max-content;height:100vh;margin:auto;padding-top:128px;display:flex}aside ul li:not(:last-child){cursor:pointer;border-radius:5px;padding:5px 8px;transition:all .1s ease-in-out;box-shadow:3px 3px 10px #acacac00,-3px -3px 10px #acacac00}aside ul li.actif:not(:last-child){background-color:#fff}aside ul li.actif a{color:var(--black)}aside ul button{background-color:var(--sidebar-button-color);cursor:pointer;width:100%;color:var(--sidebar-button-text-color);border:none;border-radius:10px;justify-content:center;align-items:center;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex;overflow:hidden}aside ul button img{color:#0000;width:30px;height:auto}aside ul span:active{transition:all .1s ease-in-out;transform:scale(.85)}aside ul span{border:1px solid var(--sidebar-button-color);border-radius:12px;width:100%;height:fit-content;padding:2px;display:block}aside .logout{position:fixed;bottom:25px}aside ul li:not(:nth-child(4)){text-align:start;width:100%}aside ul li a{color:var(--text-color);align-items:center;column-gap:5px;display:flex}aside ul li a img{height:auto}.home-search-modal{border:1px solid var(--gray);background-color:#fff;border-radius:10px;width:100%;max-height:70vh;padding:5px;display:none;position:absolute;top:50px;overflow:auto;box-shadow:3px 3px 10px #acacac36,-3px -3px 10px #acacac36}.home-search-modal::-webkit-scrollbar{width:5px}.home-search-modal::-webkit-scrollbar-thumb{background-color:gray;border-radius:5px}.home-search-modal::-webkit-scrollbar-button{width:0}.home-search-modal.active{display:block}.home-search-modal .singer-container{flex-wrap:wrap;align-items:center;column-gap:10px;margin-top:5px;display:flex}.home-search-modal .badge{background-color:var(--orange-base);border-radius:5px;width:max-content;margin-right:10px;padding:3px 5px;font-size:12px}.home-search-modal li{border-radius:5px;padding:10px;transition:all .3s}.home-search-modal li:hover{background-color:#acacac68;transition:all .3s}.home-search-modal li a{color:var(--black)}nav .filter-type-popup{border:1px solid var(--gray);background:#fff;border-radius:10px;padding:10px;display:none;position:absolute;top:40px;left:0;box-shadow:3px 3px 10px #acacac36,-3px -3px 10px #acacac36}nav .filter-type-popup label{cursor:pointer;font-size:14px}nav .filter-type-popup select{border:1px solid var(--gray);border-radius:10px;outline:none;height:40px;margin-top:8px;padding:0 10px}nav .filter-type-popup select:focus{border-color:var(--orange-base)}nav .filter-type-popup.active{display:block}nav .filter-type-container{position:relative}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:11;background:#39393918;width:100%;height:100dvh;transition:all .25s;position:fixed;top:0;left:0}.overlay.enabled{opacity:1;pointer-events:auto}@media only screen and (max-width:1024px){nav{padding:25px}footer{height:max-content;padding:15px 25px}footer ul{justify-content:space-evenly;row-gap:15px}}@media only screen and (max-width:768px){nav{padding:10px}nav>ul>li:nth-child(2){width:70%}nav .filter-type-popup{left:initial;right:0}footer{padding:15px 10px}}@media only screen and (max-width:560px){.logo-de-me-hira{width:45px}nav>ul>li:nth-child(2){column-gap:10px}footer ul li:first-child{border-bottom:1px solid var(--gray);padding-bottom:10px}}
.homepage-container{max-width:1440px;margin:auto}.songs-container{width:100%;padding:50px 50px 120px;display:flex}.songs-container ul{height:max-content;width:inherit;flex-wrap:wrap;gap:20px;display:flex}.songs-container ul li{border-radius:11px;width:calc(20% - 16px);padding:2px}.songs-container ul li:hover{cursor:pointer}.songs-container .poster-container{z-index:-1;background-color:#000;border-radius:10px;width:100%;height:120px;margin-bottom:10px;position:relative;overflow:hidden}.songs-container .poster-container:has(.thumbnail.audio){background-color:var(--orange-base)}.songs-container .poster-container .duration{color:#fff;background-color:#00000081;border-radius:5px;padding:3px 6px;font-size:12px;position:absolute;bottom:5px;right:5px}.songs-container .poster-container video{object-fit:cover;width:100%;height:100%}.songs-container .song-info{color:var(--black)}.songs-container .song-info h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.songs-container .song-info h4{white-space:nowrap;text-overflow:ellipsis;margin-top:5px;overflow:hidden}.songs-container ul li .thumbnail{object-fit:contain;width:100%;height:100%}.song-info p{margin-top:10px;font-size:13px}.song-info .badge{background-color:var(--orange-base);border-radius:5px;margin-right:10px;padding:3px 5px;font-size:12px}@media only screen and (max-width:1024px){.songs-container{padding:25px 25px 120px}.songs-container ul li{width:calc(25% - 15.25px)}}@media only screen and (max-width:768px){.songs-container{padding:10px 10px 120px}.songs-container ul li{width:calc(33.3333% - 13.3333px)}}@media only screen and (max-width:560px){.songs-container ul li{width:calc(50% - 10px)}}
.song-container .song{width:47%;margin:20px auto 100px}.song-container .song .song-poster-container{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.song-container .song .song-poster-container video{width:100%;margin:0}.song .song-info,.song .song-info h2{margin-top:15px}.song .song-info p{font-size:initial;margin-top:20px}.song .song-info .badge{font-size:initial;padding:3px 8px}@media only screen and (max-width:1024px){.song-container .song{width:100%;margin:0;padding:0 25px}}@media only screen and (max-width:768px){.song-container .song{padding:0 10px}}
.dashboard-layout{width:100%;height:100vh;display:flex}.dashboard-songs-container,.dashboard-artists-container{width:calc(100% - 180px);height:max-content;padding:0 20px;position:relative}.dashboard-songs-container .page-header-container,.dashboard-artists-container .page-header-container{z-index:10;background-color:var(--dashboard-pages-header-bg);position:sticky;top:0}.dashboard-songs-container .header,.dashboard-artists-container .header{width:100%}.dashboard-songs-container .header .page-title,.dashboard-artists-container .header .page-title{align-items:center;height:100px;display:flex}.dashboard-songs-container .actions-container,.dashboard-artists-container .actions-container{justify-content:space-between;align-items:center;width:100%;height:max-content;margin-top:30px;display:flex}.dashboard-songs-container .header h1,.dashboard-artists-container .header h1{margin-left:15px}.dashboard-songs-container .filters-container,.dashboard-artists-container .filters-container{width:50%}.dashboard-songs-container .actions-container input,.dashboard-artists-container .actions-container input{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;padding:0 10px;display:block}.dashboard-songs-container .actions-container input:focus,.dashboard-artists-container .actions-container input:focus{border-color:var(--orange-base)}.dashboard-songs-container .actions-container button,.dashboard-artists-container .actions-container button{background-color:var(--orange-base);cursor:pointer;color:#191919;border:none;border-radius:10px;align-items:center;column-gap:5px;width:100%;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex}.dashboard-songs-container .actions-container button img,.dashboard-artists-container .actions-container button img{width:12px;height:auto}.dashboard-songs-container .actions-container span:active,.dashboard-artists-container .actions-container span:active{transition:all .1s ease-in-out;transform:scale(.85)}.dashboard-songs-container .actions-container span,.dashboard-artists-container .actions-container span{border:1px solid var(--orange-base);border-radius:12px;width:fit-content;height:fit-content;padding:2px;display:block}.dashboard-songs-container table,.dashboard-artists-container table{border-collapse:collapse;width:100%;height:max-content;position:relative}.dashboard-songs-container table thead,.dashboard-artists-container table thead{background-color:var(--orange-base);z-index:10;position:sticky;top:200px}.dashboard-songs-container .page-header-container .header .empty-container,.dashboard-artists-container .page-header-container .header .empty-container{z-index:10;width:100%;height:30px;position:sticky}.dashboard-songs-container table thead tr th:not(:last-child),.dashboard-artists-container table thead tr th:not(:last-child){width:18%}.dashboard-songs-container th.actions,.dashboard-songs-container td.actions,.dashboard-artists-container th.actions,.dashboard-artists-container td.actions{width:10%;position:relative}.dashboard-songs-container td,.dashboard-artists-container td{text-align:center}.dashboard-songs-container table th,.dashboard-artists-container table th{color:#191919;padding:10px}.dashboard-songs-container table thead tr th:first-child,.dashboard-artists-container table thead tr th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.dashboard-songs-container table thead tr th:last-child,.dashboard-artists-container table thead tr th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.dashboard-songs-container table tbody td,.dashboard-artists-container table tbody td{padding:13px}.dashboard-songs-container table tbody tr,.dashboard-artists-container table tbody tr{border-bottom:1px solid #80808024;font-size:15px}.dashboard-songs-container table tbody tr:hover,.dashboard-artists-container table tbody tr:hover{cursor:pointer;background-color:#acacac24;transition:all .1s ease-in-out}.dashboard-songs-container table .song-badge,.dashboard-artists-container table .song-badge{border-radius:5px;padding:3px 10px;font-size:14px}.dashboard-songs-container table .song-badge.yes,.dashboard-artists-container table .song-badge.yes{background-color:var(--orange-base);color:var(--black)}.dashboard-songs-container table .song-badge.no,.dashboard-artists-container table .song-badge.no{background-color:var(--gray);color:var(--black)}.add-song-modal{background-color:var(--popup-bg-color);opacity:0;pointer-events:none;width:100%;max-width:1000px;box-shadow:var(--popup-box-shadow);border:1px solid var(--gray);z-index:12;border-radius:10px;margin:20px auto;padding:20px;transition:all .3s;position:fixed;left:-50%;right:-50%;transform:scale(1.1)}.add-song-modal.active{opacity:1;pointer-events:auto;transform:scale(1)}.add-song-modal section{column-gap:20px;margin-top:15px;display:flex}.add-song-modal fieldset{border:none;width:50%}.add-song-modal input:not([type=file]){border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.add-song-modal input[type=file]{height:40px;margin-top:15px}.add-song-modal input:focus{border-color:var(--orange-base)}.add-song-modal .form-element{margin-top:15px}.add-song-modal label{cursor:pointer}.add-song-modal button{background-color:var(--orange-base);cursor:pointer;width:100%;height:34px;color:var(--black);border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;transition:all .1s ease-in-out;display:flex;overflow:hidden}.add-song-modal button:disabled{background-color:var(--gray)}.add-song-modal button img{color:#0000;width:30px;height:auto}.add-song-modal span:active{transition:all .1s ease-in-out;transform:scale(.85)}.add-song-modal span:has(button){border:1px solid var(--orange-base);border-radius:12px;width:20%;height:fit-content;margin-top:20px;padding:2px;display:block}.add-song-modal span:has(button:disabled){border-color:var(--gray);transform:none}.add-song-modal select{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.add-song-modal select:focus{border-color:var(--orange-base)}.add-song-modal .close-modal{background-color:var(--gray);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;right:20px}.add-song-modal .close-modal img{width:10px;height:auto}.song-actions{background-color:var(--popup-bg-color);box-shadow:var(--popup-box-shadow);border:1px solid var(--gray);z-index:1;border-radius:10px;padding:5px;display:none;position:absolute;top:35px;left:0}.song-actions.active{font-size:14px;display:block}.song-actions li{text-align:start;border-radius:5px;padding:5px 10px}.song-actions li:hover{background-color:var(--gray);color:var(--black)}.publication-song-modal,.reset-theme-modal{background-color:var(--popup-bg-color);opacity:0;pointer-events:none;width:100%;max-width:350px;box-shadow:var(--popup-box-shadow);border:1px solid var(--gray);z-index:12;border-radius:10px;margin:20px auto;padding:20px;transition:all .3s;position:fixed;left:-50%;right:-50%;transform:scale(1.1)}.publication-song-modal.active,.reset-theme-modal.enabled{opacity:1;pointer-events:auto;transform:scale(1)}.publication-song-modal h3{margin-bottom:20px}.publication-song-modal .publication-song-choices,.reset-theme-modal .reset-theme-choices{align-items:center;column-gap:10px;margin-top:20px;display:flex}.publication-song-modal .publication-song-choices button,.reset-theme-modal .reset-theme-choices button{cursor:pointer;border:none;border-radius:10px;align-items:center;column-gap:5px;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex}.publication-song-modal .publication-song-choices button.yes:disabled,.reset-theme-modal .reset-theme-choices button.yes:disabled,.reset-theme-modal .reset-theme-choices button.no:disabled{background-color:var(--gray);color:var(--black)}.publication-song-modal .publication-song-choices button.yes,.reset-theme-modal .reset-theme-choices button.yes{background-color:var(--orange-base)}.publication-song-modal .publication-song-choices button.yes img,.reset-theme-modal .reset-theme-choices button.yes img{width:19px;height:auto}.publication-song-modal .publication-song-choices button.no,.reset-theme-modal .reset-theme-choices button.no{background-color:var(--no-button-bg-color);color:var(--no-button-color)}.publication-song-choices span:active,.reset-theme-modal span:active{transition:all .1s ease-in-out;transform:scale(.85)}:is(.publication-song-choices span:has(button),.reset-theme-modal span:has(button)){border-radius:12px;width:fit-content;height:fit-content;padding:2px;display:block}:is(.publication-song-choices span:has(button.yes),.reset-theme-modal span:has(button.yes)){border:1px solid var(--orange-base)}:is(.publication-song-choices span:has(button.no),.reset-theme-modal span:has(button.no)){border:1px solid var(--no-button-bg-color)}:is(.publication-song-choices span:has(button:disabled),.reset-theme-modal span:has(button:disabled)){border-color:var(--gray);transform:none}.remove-song-modal{background-color:var(--popup-bg-color);opacity:0;pointer-events:none;width:100%;max-width:350px;box-shadow:var(--popup-box-shadow);border:1px solid var(--gray);z-index:12;border-radius:10px;margin:20px auto;padding:20px;transition:all .3s;position:fixed;left:-50%;right:-50%;transform:scale(1.1)}.remove-song-modal.active{opacity:1;pointer-events:auto;transform:scale(1)}.remove-song-modal h3{color:red;margin-bottom:20px}.remove-song-modal .remove-song-choices{align-items:center;column-gap:10px;margin-top:20px;display:flex}.remove-song-modal .remove-song-choices button{cursor:pointer;border:none;border-radius:10px;align-items:center;column-gap:5px;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex}.remove-song-modal .remove-song-choices button.yes:disabled,.remove-song-modal .remove-song-choices button.no:disabled{background-color:var(--gray);color:var(--black)}.remove-song-modal .remove-song-choices button.yes{color:#fff;background-color:red}.remove-song-modal .remove-song-choices button.yes img{width:19px;height:auto}.remove-song-modal .remove-song-choices button.no{background-color:var(--no-button-bg-color);color:var(--no-button-color)}.remove-song-choices span:active{transition:all .1s ease-in-out;transform:scale(.85)}.remove-song-choices span:has(button){border-radius:12px;width:fit-content;height:fit-content;padding:2px;display:block}.remove-song-choices span:has(button.yes){border:1px solid red}.remove-song-choices span:has(button.no){border:1px solid var(--no-button-bg-color)}.remove-song-choices span:has(button:disabled){border-color:var(--gray);transform:none}
.document-form-modal textarea{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:57px;margin-top:10px;padding:10px;display:block}.document-form-modal textarea:focus{border-color:var(--orange-base)}.document-form-modal .form-element ul{column-gap:13px;margin-top:10px;display:flex}.document-form-modal .form-element ul li{background-color:var(--gray);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.document-form-modal .form-element ul li.actif{background-color:var(--orange-base)}.document-form-modal .form-element ul li:active{transform:scale(.9)}.document-form-modal .form-element ul li img{height:auto}.document-form-modal .form-element .input-container{position:relative}.document-form-modal .form-element .inputs-container input{padding-left:45px}.document-form-modal .form-element .input-container span{background-color:var(--gray);border-radius:7px;justify-content:center;align-items:center;width:33px;height:32px;transition:all .1s ease-in-out;display:flex;position:absolute;top:4px;left:4px}.document-form-modal .form-element .input-container:focus-within span{background-color:var(--orange-base)}.remove-document-modal p:nth-child(3){color:red;margin-top:15px}.remove-document-modal,.reset-theme-modal{background-color:var(--popup-bg-color);opacity:0;pointer-events:none;width:100%;max-width:350px;box-shadow:var(--popup-box-shadow);border:1px solid var(--gray);z-index:12;border-radius:10px;margin:20px auto;padding:20px;transition:all .3s;position:fixed;left:-50%;right:-50%;transform:scale(1.1)}.remove-document-modal.enabled{opacity:1;pointer-events:auto;transform:scale(1)}.remove-document-modal h3{color:red;margin-bottom:20px}.remove-document-modal .remove-document-choices{align-items:center;column-gap:10px;margin-top:20px;display:flex}.remove-document-modal .remove-document-choices button{cursor:pointer;border:none;border-radius:10px;align-items:center;column-gap:5px;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex}.remove-document-modal .remove-document-choices button.yes:disabled,.remove-document-modal .remove-document-choices button.no:disabled{background-color:var(--gray);color:var(--black)}.remove-document-modal .remove-document-choices button.yes{color:#fff;background-color:red}.remove-document-modal .remove-document-choices button.yes img{width:19px;height:auto}.remove-document-modal .remove-document-choices button.no{background-color:var(--no-button-bg-color);color:var(--no-button-color)}.remove-document-choices span:active{transition:all .1s ease-in-out;transform:scale(.85)}.remove-document-choices span:has(button){border-radius:12px;width:fit-content;height:fit-content;padding:2px;display:block}.remove-document-choices span:has(button.yes){border:1px solid red}.remove-document-choices span:has(button.no){border:1px solid var(--no-button-bg-color)}.remove-document-choices span:has(button:disabled){border-color:var(--gray);transform:none}.document-form-modal{background-color:var(--popup-bg-color);opacity:0;pointer-events:none;width:100%;max-width:1000px;box-shadow:var(--popup-box-shadow);border:1px solid var(--gray);z-index:12;border-radius:10px;margin:20px auto;padding:20px;transition:all .3s;position:fixed;left:-50%;right:-50%;transform:scale(1.1)}.document-form-modal.enabled{opacity:1;pointer-events:auto;transform:scale(1)}.document-form-modal section{column-gap:20px;margin-top:15px;display:flex}.document-form-modal fieldset{border:none;width:50%}.document-form-modal input:not([type=file]){border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.document-form-modal input[type=file]{height:40px;margin-top:15px}.document-form-modal input:focus{border-color:var(--orange-base)}.document-form-modal .form-element{margin-top:15px}.document-form-modal label{cursor:pointer}.document-form-modal button{background-color:var(--orange-base);cursor:pointer;width:100%;height:34px;color:var(--black);border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;transition:all .1s ease-in-out;display:flex;overflow:hidden}.document-form-modal button:disabled{background-color:var(--gray);color:#656565}.document-form-modal button img{color:#0000;width:30px;height:auto}.document-form-modal span:active{transition:all .1s ease-in-out;transform:scale(.85)}.document-form-modal span:has(button){border:1px solid var(--orange-base);border-radius:12px;width:20%;height:fit-content;margin-top:20px;padding:2px;display:block}.document-form-modal span:has(button:disabled){border-color:var(--gray);transform:none}.document-form-modal select{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.document-form-modal select:focus{border-color:var(--orange-base)}.document-form-modal .close-modal{background-color:var(--gray);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;right:20px}.document-form-modal .close-modal img{width:10px;height:auto}
.dashboard-settings-container{width:calc(100% - 180px);height:max-content;padding:0 20px;position:relative}.dashboard-settings-container .page-header-container{z-index:10;position:sticky;top:0}.dashboard-settings-container .header{width:100%}.dashboard-settings-container .header .page-title{align-items:center;height:100px;display:flex}.dashboard-settings-container .header h1{margin-left:15px}.dashboard-settings-container .body{column-gap:20px;margin-top:50px;padding-bottom:50px;display:flex}.dashboard-settings-container .body .left,.dashboard-settings-container .body .right{width:50%}.dashboard-settings-container .body .left form:nth-child(4){margin-top:30px}.dashboard-settings-container form:not(.change-personal-infos-modal form,.change-password-modal form){border:1px solid var(--gray);border-radius:10px;padding:20px;box-shadow:3px 3px 10px #acacac00,-3px -3px 10px #acacac00}.dashboard-settings-container form:hover{border-color:var(--orange-base)}.dashboard-settings-container form input{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.dashboard-settings-container form input:focus{border-color:var(--orange-base)}.dashboard-settings-container form .form-element:nth-child(2),.dashboard-settings-container form .form-element:nth-child(3){margin-top:30px}.dashboard-settings-container form .form-element:nth-child(4){margin-top:30px;margin-bottom:5px}.dashboard-settings-container label{cursor:pointer}.dashboard-settings-container button{cursor:pointer;background-color:var(--orange-base);height:34px;color:var(--black);border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;transition:all .1s ease-in-out;display:flex;overflow:hidden}.dashboard-settings-container button img{color:#0000;width:30px;height:auto}.dashboard-settings-container form span{border:1px solid var(--orange-base);border-radius:12px;width:fit-content;height:fit-content;margin-top:30px;padding:2px;display:block}.dashboard-settings-container form span:active{transition:all .1s ease-in-out;transform:scale(.95)}.themes-container{border:1px solid var(--gray);border-radius:10px;padding:20px;box-shadow:3px 3px 10px #acacac00,-3px -3px 10px #acacac00}.themes-container>p{margin:20px 0}.themes-elements{column-gap:15px;display:flex}.theme{position:relative}.theme>div{border:2px solid #0000;border-radius:14px;padding:3px;transition:all .1s ease-in-out}.theme>div>div{cursor:pointer;border-radius:10px;width:90px;height:60px;display:flex;overflow:hidden}.themes-elements li:nth-child(2)>div>div{background-color:var(--orange-base)}.themes-elements li:last-child>div>div{background-color:var(--black)}.theme>div:hover{border:2px solid #fec70081}.theme>div:active{transform:scale(.95)}.theme .light-theme{background-color:var(--orange-base);width:50%;height:100%}.theme .dark-theme{background-color:var(--black);width:50%;height:100%}.theme p{text-align:center;margin-top:5px;font-size:13px}.theme img{z-index:1;pointer-events:none;width:20px;height:auto;position:absolute;bottom:30px;right:10px}.themes-container button{background-color:var(--orange-base)}.themes-container button:disabled{background-color:var(--gray)}.themes-container span{border:1px solid var(--orange-base);border-radius:12px;width:fit-content;height:fit-content;margin-top:30px;padding:2px;transition:all .1s ease-in-out;display:block}.themes-container span:has(button:active){transform:scale(.95)}.themes-container span:has(button:disabled){border-color:var(--gray);transform:none}.change-personal-infos-modal,.change-password-modal{background-color:var(--popup-bg-color);opacity:0;pointer-events:none;width:100%;max-width:500px;box-shadow:var(--popup-box-shadow);border:1px solid var(--gray);z-index:12;border-radius:10px;margin:20px auto;padding:20px;transition:all .3s;position:fixed;top:50px;left:-50%;right:-50%;transform:scale(1.1)}.change-password-modal{top:0}.change-personal-infos-modal.enabled,.change-password-modal.enabled{opacity:1;pointer-events:auto;transform:scale(1)}.change-personal-infos-modal p:nth-child(2),.change-password-modal p:nth-child(2){margin:20px 0}.change-personal-infos-modal p:nth-child(3),.change-password-modal p:nth-child(3){color:red;font-weight:600}.can-change-form .form-element:nth-child(3):not(.confirm-password),.can-change-form .form-element:nth-child(4){column-gap:20px;display:flex}.can-change-form .form-element:nth-child(3) span,.can-change-form .form-element:nth-child(4) span{margin:0}.can-change-form .form-element:nth-child(3) span:first-child{border-color:var(--no-button-bg-color)}.can-change-form .form-element:nth-child(3) span:first-child button{background-color:var(--no-button-bg-color);color:var(--no-button-color)}.can-change-form .form-element:nth-child(3) span:has(button:disabled){border-color:var(--gray);transform:none}.can-change-form .form-element:nth-child(3) span:nth-child(2) button:disabled{background-color:var(--gray);color:var(--black)}.change-personal-infos-modal .loader-search-icone,.change-password-modal .loader-search-icone{width:19px;height:auto}.change-personal-infos-modal .close-modal,.change-password-modal .close-modal{background-color:var(--gray);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;top:15px;right:15px}.change-personal-infos-modal .close-modal img,.change-password-modal .close-modal img{width:10px;height:auto}.reset-theme-modal{background-color:var(--popup-bg-color);top:75px}.reset-theme-modal p{margin:20px 0}
.login-page-container{max-width:1440px;margin:auto}.login-page-container form{border:1px solid var(--gray);border-radius:10px;max-width:400px;margin:100px auto 0;padding:20px;box-shadow:3px 3px 10px #acacac36,-3px -3px 10px #acacac36}.login-page-container form input{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.login-page-container form input:focus{border-color:var(--orange-base)}.login-page-container .form-element:nth-child(2){margin-top:30px;margin-bottom:5px}.login-page-container label{cursor:pointer}.login-page-container button{background-color:var(--orange-base);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex;overflow:hidden}.login-page-container button img{color:#0000;width:30px;height:auto}.login-page-container form span:active{transition:all .1s ease-in-out;transform:scale(.85)}.login-page-container form span{border:1px solid var(--orange-base);border-radius:12px;width:100%;height:fit-content;margin-top:30px;padding:2px;display:block}.login-page-container form span.disabled{border-color:var(--gray)}.login-page-container button:disabled{background-color:var(--gray)}.login-page-container form span:active:has(button:disabled){transform:none}.login-page-container form a{color:gray;font-size:14px;transition:all .25s ease-in-out}.login-page-container form a:hover{color:var(--black);text-decoration:underline;transition:all .25s ease-in-out}
.reset-password-container{max-width:1440px;margin:auto}.reset-password-container form{border:1px solid var(--gray);border-radius:10px;max-width:400px;margin:100px auto 0;padding:20px;box-shadow:3px 3px 10px #acacac36,-3px -3px 10px #acacac36}.reset-password-container form label{cursor:pointer}.reset-password-container form input{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.reset-password-container form input:focus{border-color:var(--orange-base)}.reset-password-container .form-element{margin-top:30px}.reset-password-container button{background-color:var(--orange-base);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex;overflow:hidden}.reset-password-container button img{color:#0000;width:30px;height:auto}.reset-password-container button:disabled{background-color:var(--gray)}.reset-password-container form span:active{transition:all .1s ease-in-out;transform:scale(.85)}.reset-password-container form span:active:has(button:disabled){transform:none}.reset-password-container form span{border:1px solid var(--orange-base);border-radius:12px;width:100%;height:fit-content;margin-top:30px;padding:2px;display:block}.reset-password-container form span.disabled{border:1px solid var(--gray)}
.forgotten-password-container{max-width:1440px;margin:auto}.forgotten-password-container form{border:1px solid var(--gray);border-radius:10px;max-width:400px;margin:100px auto 0;padding:20px;box-shadow:3px 3px 10px #acacac36,-3px -3px 10px #acacac36}.forgotten-password-container form label{cursor:pointer}.forgotten-password-container form input{border:1px solid var(--gray);border-radius:10px;outline:none;width:100%;height:40px;margin-top:10px;padding:0 10px;display:block}.forgotten-password-container form input:focus{border-color:var(--orange-base)}.forgotten-password-container .form-element{margin-top:30px}.forgotten-password-container button{background-color:var(--orange-base);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:34px;padding:10px 15px;transition:all .1s ease-in-out;display:flex;overflow:hidden}.forgotten-password-container button img{color:#0000;width:30px;height:auto}.forgotten-password-container button:disabled{background-color:var(--gray)}.forgotten-password-container form span:active{transition:all .1s ease-in-out;transform:scale(.85)}.forgotten-password-container form span:active:has(button:disabled){transform:none}.forgotten-password-container form span{border:1px solid var(--orange-base);border-radius:12px;width:100%;height:fit-content;margin-top:30px;padding:2px;display:block}.forgotten-password-container form span.disabled{border-color:var(--gray)}
.skeleton-songs-container{width:100%;padding:50px 50px 120px;display:flex}.skeleton-songs-container ul{height:max-content;width:inherit;flex-wrap:wrap;gap:20px;display:flex}.skeleton-songs-container ul li{border-radius:11px;width:calc(20% - 16px);padding:2px}.skeleton-songs-container .poster-container{border:2px solid #0000;border-radius:10px;width:100%;height:120px;margin-bottom:10px;animation:1s linear infinite alternate skeleton;overflow:hidden}.skeleton-songs-container .song-info h3{color:#0000;border-radius:5px;width:max-content;animation:1s linear infinite alternate skeleton}.skeleton-songs-container .song-info h4{color:#0000;border-radius:5px;width:max-content;margin-top:5px;animation:1s linear infinite alternate skeleton}.skeleton-songs-container ul li p{color:#0000;border-radius:5px;width:max-content;animation:1s linear infinite alternate skeleton}@keyframes skeleton{0%{background-color:var(--first-skeleton-element-color)}to{background-color:var(--second-skeleton-element-color)}}@media only screen and (max-width:1024px){.skeleton-songs-container{padding:25px 25px 120px}.skeleton-songs-container ul li{width:calc(25% - 15.25px)}}@media only screen and (max-width:768px){.skeleton-songs-container{padding:10px 10px 120px}.skeleton-songs-container ul li{width:calc(33.3333% - 13.3333px)}}@media only screen and (max-width:560px){.skeleton-songs-container ul li{width:calc(50% - 10px)}}
.skeleton-song-container.enabled{opacity:1;pointer-events:auto;background-color:#fff;height:calc(100vh - 160px);transition:all .25s}.skeleton-song-container.disabled{opacity:0;pointer-events:none}.skeleton-song-container .song{width:47%;margin:20px auto 100px}.skeleton-song-container .song .song-poster-container{border-radius:10px;width:100%;height:300px;animation:1s linear infinite alternate skeleton}.skeleton-song-container .song .song-info{margin-top:15px}.skeleton-song-container .song .song-info h1{color:#0000;border-radius:5px;width:max-content;animation:1s linear infinite alternate skeleton}.skeleton-song-container .song .song-info h2{color:#0000;border-radius:5px;width:max-content;margin-top:15px;animation:1s linear infinite alternate skeleton}.skeleton-song-container .song .song-info p{font-size:initial;color:#0000;border-radius:5px;width:max-content;margin-top:20px;animation:1s linear infinite alternate skeleton}.skeleton-song-container .song .song-info .badge{font-size:initial;padding:3px 8px}@media only screen and (max-width:1024px){.skeleton-song-container .song{width:100%;margin:0;padding:0 25px}}@media only screen and (max-width:768px){.skeleton-song-container .song{padding:0 10px}}
.songs-list-skeleton td p{color:#0000;border-radius:5px;width:max-content;margin:auto;animation:1s linear infinite alternate skeleton}.songs-list-skeleton td span{color:#0000;animation:1s linear infinite alternate skeleton}.dashboard-songs-container table tbody.songs-list-skeleton tr:hover{background-color:#0000}
.terms-and-conditions-container,.privacy-policy-container,.legals-notice-container{max-width:1024px;margin:0 auto;padding:100px}.terms-and-conditions-container .update-date,.privacy-policy-container .update-date,.legals-notice-container .update-date{margin:50px auto}.terms-and-conditions-item{margin-bottom:40px}.terms-and-conditions-item h2,.terms-and-conditions-item .sub-text{margin-bottom:20px}.terms-and-conditions-subitem-container{list-style-type:initial;margin-left:20px}.terms-and-conditions-subitem-container li{margin-bottom:20px}@media only screen and (max-width:1024px){.terms-and-conditions-container,.privacy-policy-container,.legals-notice-container{padding:25px}}@media only screen and (max-width:768px){.terms-and-conditions-container,.privacy-policy-container,.legals-notice-container{padding:15px}}