:root{--pad-gap: 1vmax}*,*:before,*:after{-webkit-tap-highlight-color:transparent;user-select:none;box-sizing:border-box;margin:0;padding:0}button,svg{&:focus{border:none;outline:none}}@font-face{font-family:Open Sans;src:url(./fonts/open-sans.woff2) format("woff2");font-display:swap}:root{--light-bgcolor: #232323;--medium-bgcolor: #121212;--dark-bgcolor: #000;--border-radius: 1vmax;--theme-color: #08d437;--light-textcolor: #fff;--dark-textcolor: #c6c2be;--accent-color: #1ed760;--offset: .5rem;--default-font: "Open Sans", sans-serif, system-ui;--player-height: 7vmax}[data-astro-cid-upqv7g22],[data-astro-cid-upqv7g22]:before,[data-astro-cid-upqv7g22]:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;@media (width <= 1111px){scrollbar-width:thin}}body{width:100%;height:100vh;position:relative;overflow:hidden;@media (width <= 1111px){overflow-y:auto}}.playlist-item[data-astro-cid-4ht3nsfd]{display:flex;align-items:center;padding:.4vmax;gap:.5vmax;border-radius:8px;height:max-content;position:relative;cursor:pointer;transition:background-color .2s ease;*{pointer-events:none}&:focus{border:none;outline:none}&.title-green{.title{color:var(--theme-color);filter:brightness(150%)}@media (width >= 1111px){.volume-icon2{display:flex}}}.volume-icon2{width:1.1vmax;height:1.1vmax;position:absolute;right:1vmax;display:none;color:var(--theme-color)}@media (width <= 1111px){border-radius:calc(var(--pad-gap) / 2)}@media (hover: hover) and (pointer: fine){&:hover,&.playlist-item-active{background-color:var(--light-bgcolor)}}&.playlist-item-active{background-color:var(--light-bgcolor)}& img{--avatar-size: 3vmax;width:var(--avatar-size);height:var(--avatar-size);border-radius:.4vmax}.data{display:flex;flex-direction:column;gap:.1vmax;height:100%;.title{font-weight:400;font-size:1vmax;align-content:end;display:flex}.subtitle{font-size:.9vmax}[data-icon]{color:var(--accent-color)}.subtitle-container{color:var(--dark-textcolor);display:flex;gap:.3vmax}}}.container[data-astro-cid-6b5ihhfi]{display:flex;flex-direction:column;height:100%;gap:var(--pad-gap) 0;max-height:calc(100vh - var(--player-height))}.top-sidebar[data-astro-cid-6b5ihhfi]{background:var(--medium-bgcolor);border-radius:var(--border-radius);min-height:3vmax;display:flex;flex-wrap:wrap;place-content:center;padding:1vmax;.btn{position:relative;background-color:#1e293b;width:100%;min-height:3vmax;border:.15vmax solid var(--theme-color);color:var(--theme-color);border-radius:.5vmax;overflow:hidden;cursor:pointer;padding:.3vmax;@media (width <= 1111px){background-color:transparent}input{position:absolute;inset:0;border-radius:inherit;font-size:1vmax;padding-left:.8vmax;color:var(--theme-color);display:flex;background-color:#111;border-radius:.4vmax;&,&:focus{border:none;outline:none}}&:before,&:after{content:"";position:absolute;border-radius:50%;filter:blur(.6vmax);transition:all .5s ease;pointer-events:none}&:before{--s: 2vmax;width:var(--s);height:var(--s);background-color:var(--theme-color);top:.4vmax;right:.4vmax;z-index:10}&:after{--s: 3vmax;width:var(--s);height:var(--s);background-color:var(--theme-color);filter:blur(.6vmax) hue-rotate(90deg);top:.8vmax;right:1.2vmax;z-index:10}&:hover:before{right:1.8vmax;bottom:-16px}&:hover:after{right:-.7vmax}}}.main-sidebar[data-astro-cid-6b5ihhfi]{background:var(--medium-bgcolor);border-radius:var(--border-radius);height:100%;.the-container{display:flex;flex-direction:column;.playlist-container{font-family:var(--default-font);padding:.3vmax;display:flex;flex-direction:column;height:calc(100vh - var(--player-height) - 8vmax);padding-bottom:0;padding-top:.6vmax;.search-container{display:flex;align-items:center;padding:.5vmax .5vmax .5vmax .8vmax;.text{font-size:.8vmax;padding-left:.4vmax;margin-top:.5vmax}& input[type=search]{border:0;background:transparent;padding:.4rem 0;margin:0 .5rem;width:150px}>span{display:flex;align-items:center;gap:.3vmax}}.playlist{display:flex;flex-direction:column;padding:.3vmax;overflow-y:scroll;max-height:100%;gap:.3vmax}.playlist::-webkit-scrollbar{width:.4vmin}.playlist::-webkit-scrollbar-thumb{background:#fff4;border-radius:0 var(--pad-gap) var(--pad-gap) 0}.playlist::-webkit-scrollbar-track{background:transparent}}}}.sidebarPlaylist[data-astro-cid-6b5ihhfi]{scroll-behavior:smooth}.playlist[data-astro-cid-mlamalio]{--translucid-color: color-mix( in srgb, var(--medium-bgcolor), transparent 65% );--playlist-format: 3% 1fr .7fr .7fr .1fr;display:flex;flex-direction:column;padding:1.25vmax;gap:.15vmax;background:linear-gradient(to bottom,var(--translucid-color) 0 25%,var(--medium-bgcolor) 80% 100%);@media (width <= 1111px) and (orientation: portrait){--playlist-format: 8% 1fr 14%;.centrar{padding-left:.7vmax}}.cell{font-size:1vmax}.clock{width:1vmax;height:1vmax;color:var(--dark-textcolor)}& header{display:grid;grid-template-columns:var(--playlist-format);font-family:var(--default-font);font-weight:500;color:var(--dark-textcolor);div:nth-child(1){padding-left:.5vmax}div:nth-child(2){padding-left:.7vmax}.esconder{@media (width <= 1111px) and (orientation: portrait){display:none}}div:nth-child(4){text-align:center}+hr{width:100%;border:0;border-bottom:.1vmax solid var(--dark-textcolor);opacity:.25;margin-block:.5vmax}}}.container[data-astro-cid-aqhblxhm]{--dark-theme-color: color-mix(in srgb, var(--theme-color), #000 75%);display:grid;background:linear-gradient(to bottom,var(--theme-color),var(--dark-theme-color) 60%);border-radius:var(--border-radius);max-height:calc(100vh - var(--player-height) - 2vmax);overflow-y:scroll;height:100%;&:before{content:"";position:absolute;background:linear-gradient(to right,transparent,#000 45%),linear-gradient(to bottom,var(--theme-color),var(--dark-theme-color) 60%),var(--song-image, linear-gradient(transparent, transparent));width:100vw;height:100vh;opacity:.025;background-blend-mode:normal,color,color;pointer-events:none;background-size:contain;background-repeat:no-repeat;background-position:20%;background-blend-mode:color;z-index:0;transition:opacity .25s;overflow:hidden;display:none}}.container[data-astro-cid-aqhblxhm]::-webkit-scrollbar{width:.7vmax;@media (width <= 1111px){width:.4vmax}@media (width <= 1111px) and (orientation: portrait){width:.2vmax}}.container[data-astro-cid-aqhblxhm]::-webkit-scrollbar-thumb{background-color:#0005;border-radius:0 2vmax 2vmax 0}.container[data-astro-cid-aqhblxhm]::-webkit-scrollbar-track{background:transparent}.song-volume-container[data-astro-cid-243r45sf]{width:10vmax;margin-left:auto;height:100%;display:grid;grid-template-columns:2.3vmax 1fr;gap:.3vmax;align-items:center;align-content:center;@media (width <= 1111px) and (orientation: portrait){display:none}}[data-astro-cid-243r45sf]{cursor:pointer}.volume-icon[data-astro-cid-243r45sf]{width:1.1vmax;&.hidden{display:none}}.song-info-container[data-astro-cid-777hvpqc]{display:flex;width:fit-content;height:fit-content;align-content:center;img{width:5vmax;border-radius:.3vmax;box-shadow:2px 2px 8px #0003}.title{color:var(--theme-color)}.right{display:flex;flex-direction:column;justify-content:center;position:relative;p{margin:0;font-size:1vmax;padding-left:.6vmax;font-family:var(--default-font);text-wrap:balance}}}.song-player-container[data-astro-cid-aomgrfx3]{height:70%;display:grid;grid-template-rows:1fr 1fr;align-content:center;.buttons[data-astro-cid-aomgrfx3]{display:inline-grid;grid-template-columns:repeat(auto-fit,minmax(1vw,1fr));width:60%;grid-template-rows:1fr;margin:auto;justify-items:center;& button[data-astro-cid-aomgrfx3]{cursor:pointer;background:none;border:0;background-color:transparent;display:flex;flex-wrap:wrap;place-content:center;place-items:center;&.disabled svg[data-astro-cid-aomgrfx3]{color:#444}}.circle[data-astro-cid-aomgrfx3]{--size: 2.8vmax;width:var(--size);height:var(--size);background:#e9e9e9;border-radius:50%;display:flex;flex-wrap:wrap;place-content:center;place-items:center;color:#000}}.time-container[data-astro-cid-aomgrfx3]{--time-size: 1vmax;display:grid;grid-template-columns:var(--time-size) .9fr var(--time-size);align-items:center;gap:1vmax;font-family:var(--default-font);justify-content:space-between;font-size:1vmax;time{width:auto;&:nth-of-type(2){margin-left:-1.3vmax}}.bar-container{--progress: 100%;background:#666;height:10px;border-radius:2px;overflow:hidden;.bar{background:#fff;height:100%;width:100%}}}}.btn-icon[data-astro-cid-aomgrfx3]{color:var(--dark-textcolor);width:1vmax}.btn-in-circle[data-astro-cid-aomgrfx3]{color:#000;width:1.3vmax;display:flex;flex-wrap:wrap;place-content:center;place-items:center}.container[data-astro-cid-lxeybmsx]{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;height:100%;padding-inline:1.3vmax;align-items:center;@media (width <= 1111px) and (orientation: portrait){grid-template-columns:1fr 2fr;padding-right:1.7vmax}}.container[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:1fr;grid-template-rows:30px 1fr;justify-content:center;background:var(--dark-bgcolor);padding:var(--pad-gap);height:100%;background-color:#000}.player[data-astro-cid-j7pv25f6]{background:var(--dark-bgcolor);height:var(--player-height);width:100%;display:grid;position:absolute;left:0;bottom:0;z-index:25;box-sizing:border-box;background-color:#111}.content-container[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:18% 1fr;height:calc(100vh - var(--player-height));gap:var(--pad-gap);overflow:hidden;@media (width <= 1111px) and (orientation: portrait){grid-template-columns:32% 1fr}}.sidebar[data-astro-cid-j7pv25f6]{height:calc(100vh - var(--player-height) - 2vmax)}