.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;&.visible{display:flex}&.invisible{display:none}*{pointer-events:none}&:focus{border:none;outline:none}&.title-green{.title{color:var(--theme-color)}@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%;.sidebar-headers{display:flex;border-bottom:.1vmax solid #fff2;.sidb{min-width:50%;display:flex;flex-wrap:wrap;place-content:center;padding:.5vmax;&.sidb-active{filter:brightness(125%);background-color:color-mix(in srgb,var(--theme-color) 50%,transparent 50%)}&.sidebar-left{border-top-left-radius:var(--border-radius)}&.sidebar-right{border-left:.1vmax solid #fff2;border-top-right-radius:var(--border-radius)}img{width:1.5vmax;height:1.5vmax;border-radius:50%;pointer-events:none}}}.the-container{display:flex;flex-direction:column;.playlist-container{font-family:var(--default-font);padding:.3vmax;display:flex;flex-direction:column;height:var(--containerHeight);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: var(--columns);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%);flex-grow:1;@media (width <= 1111px) and (orientation: portrait){--playlist-format: var(--columnsportrait)}.cell{font-size:1vmax;@media (width <= 1111px) and (orientation: portrait){&.penultimo-cell-of-header{text-align:center}}&.last-cell{justify-content:center;display:var(--hiddenColumn);svg{width:1.2vmax;height:1.2vmax}}}.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}}}@keyframes desaparecer{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-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%;scroll-timeline:--hidden;position:relative;display:flex;flex-direction:column;&: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}.userButton{position:absolute;top:1vmax;right:1vmax;z-index:50}.container-anchors[data-astro-cid-aqhblxhm]{position:absolute;top:1.5vmax;right:1.5vmax;display:flex;gap:.5vmax;z-index:30;button{width:2.5vmax;height:2.5vmax;border:none;outline:none;margin:0;padding:0;border-radius:50%;display:flex;flex-wrap:wrap;place-content:center;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--theme-color) 50%,black 30%);backdrop-filter:blur(.2vmax);transition:opacity .3s ease;aspect-ratio:1;&.profile{animation:none;overflow:hidden;transition:transform .5s ease,box-shadow .2s ease;will-change:transform,filter;z-index:10;touch-action:none;isolation:isolate;width:100%;position:relative;scale:1.05;@media (width >= 50px){pointer-events:none;img{display:none}&.openLogin{img{display:none}}}&:after{content:"";position:absolute;pointer-events:none;inset:0;background-repeat:no-repeat;background-image:url(/assets/profile1.png),var(--bg),linear-gradient(125deg,#ff008450 15%,#fca40040 30%,#ffff0030 40%,#00ff8a20 60%,#00cfff40 70%,#cc4cfa50 85%);background-position:50% 50%;background-size:200%;background-blend-mode:overlay;z-index:15;filter:brightness(1) contrast(1.5);transition:all .33s ease;mix-blend-mode:color-dodge;opacity:.8;@media (width >= 50px){background-image:url(/assets/favicon.webp);background-size:80%;opacity:1;mix-blend-mode:normal}}}&:active{opacity:.5}img{pointer-events:none;--s-image: 1.9vmax;width:var(--s-image);height:var(--s-image)}}}.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}}.last{width:2vmax;display:flex;padding-left:.7vmax;position:relative;@media (width <= 1111px) and (orientation: portrait){display:none}.confetti{position:absolute;left:-.8vmax;background-blend-mode:multiply;box-shadow:none;pointer-events:none;opacity:0}svg{width:1.3vmax;height:1.3vmax;opacity:.8;position:absolute;top:50%;left:calc(50% + .5vmax);transform:translate(-50%,-50%);@media (width <= 1111px) and (orientation: landscape) and (hover: none){width:1.5vmax;height:1.5vmax}&.heartEmpty{&.isSaved{opacity:0;+.heartFull{opacity:1}~.confetti{animation:showConffeti 1.3s ease forwards}}}&.heartFull{opacity:0;pointer-events:none;color:var(--theme-color)}}}}.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;position:relative;overflow:hidden;@media (width <= 1111px) and (orientation: portrait){grid-template-columns:1fr 2fr;padding-right:1.7vmax}}.popoverCustom[data-astro-cid-lxeybmsx]{--bg-color: rgb(3, 187, 3);--color: color-mix(in srgb, var(--bg-color) 50%, black 50%);position:absolute;z-index:100;right:1vmax;min-width:13vmax;width:fit-content;height:3.58vmax;border-radius:2.93vmax;border:none;background-color:var(--bg-color);color:#fff;box-shadow:0 .65vmax .65vmax #d2bbfd inset,0 .33vmax .65vmax #05050536,0 -.1vmax .65vmax var(--color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1vmax;pointer-events:none;opacity:0;padding:1.2vmax;&.show{animation:toTop .4s ease both,jello-horizontal .9s both .4s;animation-composition:add}}.popoverCustom[data-astro-cid-lxeybmsx]:before{width:70%;position:absolute;background-color:#fafafaad;content:"";height:.13vmax;filter:blur(.07vmax);top:.46vmax;border-radius:50%}.popoverCustom[data-astro-cid-lxeybmsx]:after{width:70%;position:absolute;background-color:#fafafa23;content:"";height:.13vmax;filter:blur(.07vmax);bottom:.46vmax;border-radius:50%}.popoverCustom[data-astro-cid-lxeybmsx]:hover{animation:jello-horizontal .9s both}@keyframes toTop{0%{transform:translateY(20vmax);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes jello-horizontal{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}.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)}