@import "normal.css";body{background-color:var(--bgc);color:var(--cw);fill:var(--cw);width:90%;margin:8px auto 0 auto}header{display:flex;justify-content:space-between;align-items:center}header .search{width:75%;height:43px;background-color:var(--bgc1);display:flex;align-items:center;padding:7px;border-top:2px solid var(--c-border);border-radius:10px}header .search .search-box{width:100%;display:flex;column-gap:3px}header .search .search-box svg{width:25px}header .search .search-box input{width:95%;background-color:var(--bgc1);color:var(--cw);font-family:var(--fb);font-size:16px;cursor:pointer}header .search .search-box input::placeholder{font-family:var(--fc);color:var(--cw);font-size:14px}header .search button{background-color:var(--bgc2);color:var(--cw);font-family:var(--fc);font-size:16px;line-height:1;padding:10px;border-radius:9px;cursor:pointer}header p{font-family:var(--fa);font-size:55px;line-height:1}main #main-1,main #main-2,main #main-3{background-color:var(--bgc1);border-block:2px solid var(--c-border);margin-inline:5px;margin-top:3px;padding-top:2px;padding-bottom:12px;border-radius:5px}main #main-1 .box,main #main-2 .box,main #main-3 .box{display:flex;justify-content:center;flex-flow:wrap;column-gap:10px;row-gap:5px}main #main-1 .title,main #main-2 .title,main #main-3 .title{display:flex;align-items:center;column-gap:2px;margin-block:7px;margin-right:7px}main #main-1 .title svg,main #main-2 .title svg,main #main-3 .title svg{width:30px;height:30px}main #main-1 .title h2,main #main-2 .title h2,main #main-3 .title h2{font-family:var(--fb);font-size:21px}main #main-1 .box .item{background-color:var(--bgc2);padding-bottom:4px;border-radius:5px;cursor:pointer}main #main-1 .box .item .img{width:170px;height:170px}main #main-1 .box .item .img img{width:100%;height:100%;object-fit:cover;border-top-right-radius:7px;border-top-left-radius:7px}main #main-1 .box .item h3{font-family:var(--fc);font-size:16px;text-align:center;padding-top:2px}main #main-2 .box .item,main #main-3 .box .item{width:48%;background-color:var(--bgc2);display:flex;justify-content:space-between;padding:5px;border-radius:5px}main #main-2 .box .item .right,main #main-3 .box .item .right{display:flex;align-items:center;column-gap:5px}main #main-2 .box .item .right .img,main #main-3 .box .item .right .img{width:67px;height:67px}main #main-2 .box .item .right .img img,main #main-3 .box .item .right .img img{width:100%;height:100%;border-radius:8px}main #main-2 .box .item .right .text .n-music,main #main-3 .box .item .right .text .n-music{font-family:var(--fb);font-size:18px}main #main-2 .box .item .right .text .name,main #main-3 .box .item .right .text .name{font-family:var(--fc);font-size:15px}main #main-2 .box .item .left,main #main-3 .box .item .left{display:flex;align-items:center;margin-left:2px;column-gap:8px}main #main-2 .box .item .left #download-btn,main #main-2 .box .item .left .pause-btn,main #main-2 .box .item .left .play-btn,main #main-3 .box .item .left #download-btn,main #main-3 .box .item .left .pause-btn,main #main-3 .box .item .left .play-btn{cursor:pointer}main #main-2 .box .item .left #download-btn,main #main-3 .box .item .left #download-btn{width:23px;height:23px}main #main-2 .box .item .left .pause-btn,main #main-2 .box .item .left .play-btn,main #main-3 .box .item .left .pause-btn,main #main-3 .box .item .left .play-btn{width:29px;height:29px}main #main-1 .title,main #main-3 .title{justify-content:space-between;margin-left:10px}main #main-1 .title .right,main #main-3 .title .right{display:flex;align-items:center}main #main-1 .title p,main #main-3 .title p{background-color:var(--bgc2);padding:9px 9px 9px 15px;font-family:var(--fc);font-size:15px;line-height:1;border-radius:5px;cursor:pointer}main #main-1 .title p::after,main #main-3 .title p::after{content:"";width:8px;height:8px;border-left:1px solid;border-bottom:1px solid;margin-top:3px;position:absolute;transform:rotate(45deg)}main #main-3 #pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:15px;flex-direction:row-reverse}main #main-3 #pagination-controls .pagination-button{background-color:var(--bgc2);color:var(--cw);padding:10px;cursor:pointer;border-radius:5px;font-family:var(--fc);font-size:15px}main #main-3 #pagination-controls .pagination-button:disabled{background-color:var(--cd);color:rgba(255,255,255,.234);cursor:not-allowed}main #main-3 #pagination-controls #page-info{margin-inline:8px;font-family:var(--fb);font-size:14px;color:#908f8f}main :is(#main-1,#main-2,#main-3) .skeleton-loader{width:100%;height:100%;top:0;left:0;background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%);background-size:200% 100%;animation:skeletimg 1.5s infinite;border-top-right-radius:7px;border-top-left-radius:7px}main .img img{display:none}main #text-erro-json{font-family:var(--fb);margin-block:40px;font-size:19px;color:#bdbdbd}@keyframes skeletimg{0%{background-position:200% 0}100%{background-position:-200% 0}}.loader .square{background:#ddd;width:10px;height:10px;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-5px}.loader #sq1{margin-top:-25px;margin-left:-25px;animation:lodingpage 675ms ease-in-out 0s infinite alternate}.loader #sq2{margin-top:-25px;animation:lodingpage 675ms ease-in-out 75ms infinite alternate}.loader #sq3{margin-top:-25px;margin-left:15px;animation:lodingpage 675ms ease-in-out 150ms infinite}.loader #sq4{margin-left:-25px;animation:lodingpage 675ms ease-in-out 225ms infinite}.loader #sq5{animation:lodingpage 675ms ease-in-out .3s infinite}.loader #sq6{margin-left:15px;animation:lodingpage 675ms ease-in-out 375ms infinite}.loader #sq7{margin-top:15px;margin-left:-25px;animation:lodingpage 675ms ease-in-out 450ms infinite}.loader #sq8{margin-top:15px;animation:lodingpage 675ms ease-in-out 525ms infinite}.loader #sq9{margin-top:15px;margin-left:15px;animation:lodingpage 675ms ease-in-out .6s infinite}@keyframes lodingpage{from{opacity:0}to{opacity:1}}footer{max-width:500px;min-width:fit-content;background-color:var(--bgc1);text-align:center;margin:30px auto 0 auto;padding:99px 10px 5px 10px;border-top-left-radius:10px;border-top-right-radius:10px;border-inline:2px solid var(--c-border);border-top:2px solid var(--c-border)}footer .topsite{cursor:pointer;width:3rem;height:3rem;background:#01090e;display:flex;justify-content:center;margin:-7.5rem auto .5rem;border-radius:5rem}footer .topsite svg{position:absolute;width:1.5rem;height:1.5rem;animation:.6s ease 0s infinite alternate none running topsiteanimat}footer .media p{font-family:var(--fb);font-size:17px}footer .media .join{margin-block:4px}footer .media .join svg{margin-right:5px;cursor:pointer;width:28px}footer p{font-family:var(--fc);font-size:15px}footer p sup{font-size:14px;line-height:0}@keyframes topsiteanimat{0%{margin:17px}100%{margin:11px}}#player{width:65%;background:rgba(15,25,38,.5);backdrop-filter:blur(5px);display:flex;justify-content:space-between;position:fixed;right:0;left:0;z-index:99;padding:2px 4px;border-radius:12px;margin:5px auto;bottom:-100px;transition:bottom 1s}#player .right{display:flex;align-items:center;column-gap:5px}#player .right .text #player-title{font-family:var(--fb);font-size:19px;line-height:1}#player .right .text #player-singer{font-family:var(--fc);font-size:15px;line-height:1}#player .right .img{width:67px;height:67px;border-radius:50%;outline:1px solid rgba(68,85,136,.462745098);padding:2px}#player .right .img img{width:100%;height:100%;border-radius:50%}#player .left{width:66%;display:flex;align-items:center;column-gap:1px;justify-content:flex-end}#player .left #play-btn{width:30px;height:30px;cursor:pointer}#player .left input{width:80%;height:4px;direction:ltr;cursor:pointer;accent-color:rgba(68,85,136,.4666666667);font-size:1px}#player .left .time{display:flex;text-align:center}#player .left .time #current-time,#player .left .time #total-time,#player .left .time .vasat{font-family:var(--fc);font-size:15px;margin-inline:1px}#player .rotate{animation:rotate 20s linear infinite}#player.showplayer{bottom:0}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#error-modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}#error-modal .modal-content{margin:15% auto;padding:15px;width:25%;background-color:#df5252;text-align:center;border-radius:10px}#error-modal .close-button{color:var(--cd);float:right;font-size:30px;font-weight:700;line-height:0;font-family:var(--fc);cursor:pointer}#error-modal #error-message{color:var(--cd);font-family:var(--fc);font-weight:700;font-size:18px}.pagination-button,footer .media .join svg,header .search button,header p,main #main-1 .box .item .img img,main #main-1 .title p,main #main-2 .box .item,main #main-3 .box .item,main #main-3 .title p{transition:opacity .5s}.pagination-button:hover,footer .media .join svg:hover,header .search button:hover,header p:hover,main #main-1 .box .item .img img:hover,main #main-1 .title p:hover,main #main-2 .box .item:hover,main #main-3 .box .item:hover,main #main-3 .title p:hover{opacity:.7}@media (max-width:1500px){body{width:80%}main #main-1 .box .item .img{width:150px;height:150px}}@media (max-width:1000px){body{width:95%}main #main-1 .box{margin-inline:5px}main #main-1 .box .item .img{width:145px;height:145px}}@media (max-width:700px){*{-webkit-tap-highlight-color:rgba(0,0,0,.22)}body{width:100%;margin-top:-5px}header{margin-top:10px;margin-inline:7px}header .search{width:70%;height:35px;padding:4px;border-radius:5px}header .search .search-box svg{width:19px;height:19px}header .search .search-box input{font-size:12px}header .search .search-box input::placeholder{font-size:12px}header .search button{font-size:13px;padding:6px;border-radius:5px}header p{margin-top:4px;font-size:34px}main :is(#main-1,#main-2,#main-3) .title{margin-block:7px;margin-right:4px;column-gap:1px}main :is(#main-1,#main-2,#main-3) .title svg{width:22px;height:22px}main :is(#main-1,#main-2,#main-3) .title h2{font-size:15px}main #main-1{margin-inline:0;margin-top:5px;padding-top:1px;padding-bottom:12px}main #main-1 .box{gap:4px;margin:0}main #main-1 .box .item{padding-bottom:2px}main #main-1 .box .item .img{width:90px;height:90px}main #main-1 .box .item .img img{border-top-right-radius:5px;border-top-left-radius:5px}main #main-1 .box .item h3{font-size:11.5px}main #main-2,main #main-3{margin-inline:0;margin-top:5px;padding-inline:4px;padding-top:1px;padding-bottom:12px}main #main-2 .box,main #main-3 .box{gap:5px;margin-inline:0}main #main-2 .box .item,main #main-3 .box .item{width:97%}main #main-2 .box .item .right,main #main-3 .box .item .right{column-gap:4px}main #main-2 .box .item .right .img,main #main-3 .box .item .right .img{width:45px;height:45px}main #main-2 .box .item .right .text .n-music,main #main-3 .box .item .right .text .n-music{font-size:14px}main #main-2 .box .item .right .text .name,main #main-3 .box .item .right .text .name{font-size:12px}main #main-2 .box .item .left,main #main-3 .box .item .left{column-gap:2px}main #main-2 .box .item .left #download-btn,main #main-3 .box .item .left #download-btn{width:17px;height:17px}main #main-2 .box .item .left .pause-btn,main #main-2 .box .item .left .play-btn,main #main-3 .box .item .left .pause-btn,main #main-3 .box .item .left .play-btn{width:23px;height:23px}main #main-1 .title,main #main-3 .title{margin-left:10px}main #main-1 .title p,main #main-3 .title p{padding:8px 8px 8px 16px;font-size:13px}main #main-1 .title p::after,main #main-3 .title p::after{width:8px;height:8px}main #main-3 #pagination-controls{margin-top:10px}main #main-3 #pagination-controls .pagination-button{padding-block:5px;padding-inline:12px;font-size:14px}main #main-3 #pagination-controls #page-info{margin-inline:6px;font-size:12px}main #text-erro-json{font-size:15px;margin-block:30px}footer{margin-top:19px}footer .topsite{width:2.7rem;height:2.7rem}footer .topsite svg{width:1.2rem;height:1.2rem}footer p{font-size:15px}footer .media p{font-size:16px}footer .media .join svg{width:28px}#player{width:93%}#player .right{column-gap:3px}#player .right .text #player-title{font-family:var(--fb);font-size:14px}#player .right .text #player-singer{font-family:var(--fc);font-size:11px}#player .right .img{width:45px;height:45px}#player .left #play-btn{width:27px;height:27px;padding-block:2px;box-sizing:content-box}#player .left input{width:60%;height:2px}#player .left .time #current-time,#player .left .time #total-time,#player .left .time .vasat{font-size:11px;margin-inline:.5px}#error-modal .modal-content{width:60%;padding:5px;padding-top:10px;margin-top:200px}#error-modal .close-button{font-size:25px;padding-top:3px}#error-modal #error-message{font-size:14px}}@media (max-width:380px){main #main-1 .box{margin:0}main #main-1 .box .item .img{width:80px;height:80px}}