@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box}::selection{background:#051223;color:#fff}::-webkit-scrollbar{width:.2rem}::-webkit-scrollbar-thumb{background:#ffb860;border-radius:5rem}::-webkit-scrollbar-track{background:#394653}html{scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;position:relative;font-family:"Poppins",sans-serif;background:#051223}body a,body b,body h1,body h2,body h3,body h4,body h5,body h6,body i,body li,body ol,body p,body span,body u,body ul{margin:0;padding:0;list-style:none;text-decoration:none}body a:hover{text-decoration:none}body img,body video{width:100%}body p{font-size:1.5rem;font-weight:400}main{width:100%;height:100vh;background:#051223;overflow:hidden;display:flex;align-items:center;justify-content:space-between}main section{width:calc(100% - 25rem);transition:all .5s ease}header,main section.active-player{width:100%}header{height:10vh;display:flex;align-items:center;justify-content:space-between;padding:0 5rem;background:#051223;position:relative;z-index:2}header .logo{font-size:2rem;font-family:"Playfair Display",serif;color:#fff}header .logo span{font-weight:800;font-size:2rem;color:#e37517}header .toggle{width:2.7rem;height:2.7rem;text-align:center;line-height:2.9rem;background:#fff;color:#051223;font-size:1.3rem;font-weight:500;cursor:pointer;transition:all .5s ease;box-shadow:0 0 2rem hsla(0,0%,100%,.258824);position:relative;z-index:7}header .toggle.toggle:hover{color:#fff;background:#e37517}.container{width:100%;height:90vh}.content{width:100%;height:calc(100% - 5rem);display:flex;align-items:center;justify-content:center;grid-gap:5rem;gap:5rem;background:#051223}.content .image{width:25rem;height:25rem;background:#fff;padding:.7rem;box-shadow:0 0 2rem hsla(0,0%,100%,.258824);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.content .image img{width:100%;height:100%;object-fit:cover;object-position:center}.content .text{width:25rem}.content .text h4{font-size:3rem;font-family:"Playfair Display",serif;color:#fff;margin-bottom:1.5rem}.content .text h6{font-size:1.5rem;font-weight:400;color:#ffb860}.player{height:5rem;background:#051223;z-index:1}.player,.player .progress{width:100%;position:relative}.player .progress{height:.3rem;background:#e37517;overflow:hidden}.player .progress input{width:100%;height:.3rem;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;border:0;outline:0;position:absolute;top:0;left:0;padding:0;transition:all .5s ease}.player .progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:.3rem;width:.3rem;border-radius:50%;background:transparent;position:relative;z-index:2;-webkit-transition:all .5s ease;transition:all .5s ease}.player .progress input::-moz-range-thumb{appearance:none;height:.3rem;width:.3rem;border-radius:50%;background:transparent;border:0;position:relative;z-index:2;-moz-transition:.5s ease all;transition:all .5s ease}.player .progress .track{background:#394653;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform:translateX(0);transform:translateX(0);pointer-events:none;transition:all .5s ease}.player .progress .audio{visibility:hidden}.player .controls{width:100%;padding:0 2rem;height:calc(100% - .3rem);display:flex;align-items:center;justify-content:space-between}.player .controls .time-end,.player .controls .time-step{width:4rem;color:#fff;font-size:1.2rem;font-weight:400;text-align:center}.player .controls .play-control{width:15rem;display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem}.player .controls .play-control .play-btn{width:3rem;height:3rem;border-radius:50%;border:0;outline:0;background:#e37517;color:#fff;font-size:1.5rem;line-height:3.5rem;cursor:pointer}.player .controls .play-control .next-btn,.player .controls .play-control .prev-btn{width:2.5rem;height:2.5rem;background:#394653;color:#fff;border:0;outline:0;border-radius:50%;text-align:center;line-height:2.7rem;cursor:pointer}.library{width:25rem;height:100vh;background:#010b19;position:fixed;top:0;right:-25rem;opacity:0;pointer-events:none;border-left:.2rem solid hsla(0,0%,100%,.13333333333333333);transition:all .5s ease;z-index:5}.library.active{right:0;opacity:1;pointer-events:all}.library .title{padding:0 1.5rem;background:#010b19;border-bottom:.2rem solid #ffb860;width:100%;height:4.5rem;line-height:3.8rem;position:relative;display:flex;align-items:center;justify-content:space-between}.library .title span{font-size:1.7rem;font-weight:600;font-family:"Playfair Display",serif;color:#fff;line-height:100%}.library .title .toggle{width:2rem;height:2rem;text-align:center;line-height:2rem;background:#fff;color:#051223;font-size:1rem;font-weight:500;cursor:pointer;transition:all .5s ease;position:relative;z-index:7;display:none}.library .title .toggle.toggle:hover{color:#fff;background:#e37517}.library .list{flex-direction:column;cursor:pointer;height:calc(100% - 4.5rem);overflow-y:scroll;position:relative;padding:.7rem 0;scrollbar-color:#ffb860 #394653;scrollbar-width:thin}.library .list,.library .list .item{display:flex;align-items:center;justify-content:flex-start;width:100%}.library .list .item{padding:1rem 1.5rem;transition:all .5s ease}.library .list .item:hover{background:#051223}.library .list .item:last-child{border-bottom:0}.library .list .item.active{background:#142030!important}.library .list .item .image{width:5rem;height:5rem;margin-right:1rem;overflow:hidden}.library .list .item .image img{width:100%;height:100%;object-fit:cover;object-position:center}.library .list .item .text{width:calc(100% - 6rem)}.library .list .item .text h5{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:.2rem}.library .list .item .text h6{font-size:.9rem;color:#394653}@media (max-width:1366px){.content{grid-gap:2rem;gap:2rem}}@media (max-width:1280px){.content .image{width:20rem;height:20rem;padding:.4rem}.content .text{width:20rem}.content .text h4{font-size:2.3rem;margin-bottom:1rem}.content .text h6{font-size:1rem}}@media (max-width:1024px){.content{flex-direction:column}.content .image{width:20rem;height:20rem;padding:.4rem}.content .text{width:20rem;text-align:center}.content .text h4{font-size:2rem;margin-bottom:.5rem}}@media (max-width:900px){section,section.active-player{width:100%!important}.library{width:100%;z-index:5}.library .title .toggle{display:block}}@media (max-width:500px){header{padding:0 2rem}header .toggle{width:2rem;height:2rem;line-height:2.2rem;font-size:.9rem}.content .image{width:17rem;height:17rem}.player .controls{padding:0}.player .controls .time-end,.player .controls .time-step{font-size:.7rem}.player .controls .play-control{grid-gap:.5rem;gap:.5rem}.player .controls .play-control .play-btn{width:2rem;height:2rem;line-height:2.2rem;font-size:1rem}.player .controls .play-control .next-btn,.player .controls .play-control .prev-btn{width:1.7rem;height:1.7rem;line-height:1.8rem;font-size:.7rem}}
/*# sourceMappingURL=main.cdb168fc.chunk.css.map */