.bg-\[\#e9e9e9\]{--tw-bg-opacity: 1;background-color:rgba(233,233,233,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.hover\:bg-black:hover,.bg-black{--tw-bg-opacity: 1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-300\/50{--tw-bg-opacity: .5;background-color:rgba(209,213,219,var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgba(239,68,68,var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgba(107,114,128,var(--tw-bg-opacity))}.dark .dark\:bg-black{--tw-bg-opacity: 1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#E7E8F3\]{--tw-bg-opacity: 1;background-color:rgba(231,232,243,var(--tw-bg-opacity))}.border-black{--tw-border-opacity: 1;border-color:rgba(0,0,0,var(--tw-border-opacity))}.border-t-\[\#e9e9e9\]{--tw-border-opacity: 1;border-color:rgba(233,233,233,var(--tw-border-opacity))}.border-b-transparent{border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-bg-gray-300{--tw-border-opacity: 1;border-bottom-color:rgba(209,213,219,var(--tw-border-opacity))}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.border-solid{border-style:solid}.border-none{border-style:none}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}.font-semibold{font-weight:600}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.h-full{height:100%}.h-40{height:10rem}.h-56{height:14rem}.h-4{height:1rem}.h-8{height:2rem}.h-0\.25{height:.0625rem}.h-0\.75{height:.1875rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-\[0\.6rem\]{font-size:.6rem;line-height:1}.text-\[0\.7rem\]{font-size:.7rem;line-height:1}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-2{margin-right:.5rem}.-mr-30{margin-right:-7.5rem}.ml-2{margin-left:.5rem}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.outline-none{outline:2px solid transparent;outline-offset:2px}.overflow-y-scroll{overflow-y:scroll}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-1\.5{padding:.375rem}.p-0\.25{padding:.0625rem}.px-\[12\%\]{padding-left:12%;padding-right:12%}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2\.25{padding-top:.5625rem;padding-bottom:.5625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.hover\:px-2:hover{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pr-3{padding-right:.75rem}.pt-4{padding-top:1rem}.pb-1{padding-bottom:.25rem}.pb-3\.5{padding-bottom:.875rem}.pt-5{padding-top:1.25rem}.hover\:pl-2:hover{padding-left:.5rem}.hover\:pr-3:hover{padding-right:.75rem}.pl-1{padding-left:.25rem}.pt-2{padding-top:.5rem}.pl-7{padding-left:1.75rem}.absolute{position:absolute}.relative{position:relative}.top-0{top:0px}.left-0{left:0px}.top-1\/2{top:50%}.left-1{left:.25rem}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-gray-500\/50{--tw-shadow-color: rgba(107, 114, 128, .5);--tw-shadow: var(--tw-shadow-colored)}.text-right{text-align:right}.text-gray-500{--tw-text-opacity: 1;color:rgba(107,114,128,var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.hover\:text-white:hover,.text-white{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgba(220,38,38,var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity: 1;color:rgba(253,186,116,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgba(156,163,175,var(--tw-text-opacity))}.w-full{width:100%}.w-10{width:2.5rem}.w-4\/5{width:80%}.w-8{width:2rem}.w-58{width:14.5rem}.w-\[17\%\]{width:17%}.w-\[28\%\]{width:28%}.w-\[25\%\]{width:25%}.w-\[90\%\]{width:90%}.z-10{z-index:10}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-5{-ms-grid-column-span:span 5 / span 5;grid-column:span 5 / span 5}.col-span-1{-ms-grid-column-span:span 1 / span 1;grid-column:span 1 / span 1}.col-span-2{-ms-grid-column-span:span 2 / span 2;grid-column:span 2 / span 2}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.duration-200{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;transition:color .5s,background-color .5s;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-family:Poppins,sans-serif}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:2px;height:2px}::-webkit-scrollbar,::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dbdbdb}.mode-toggle[data-v-7b6ae5ef]{padding:.25rem;width:3rem;height:1.5rem;min-width:2.5rem;min-height:1.5rem;background-color:#262626;border-radius:1.75rem;cursor:pointer;z-index:2;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;transition:.5s linear}.mode-toggle .toggle[data-v-7b6ae5ef]{width:1.25rem;height:1.25rem;border-radius:50%;box-shadow:inset 0 0 0 2px #a5abba}.mode-toggle .toggle .dark-mode[data-v-7b6ae5ef]{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%}.mode-toggle .toggle .dark-mode[data-v-7b6ae5ef]:before{content:"";position:relative;width:100%;height:100%;left:50%;float:left;background-color:#a5abba;transition:border-radius .5s ease,width .5s ease,height .5s ease,left .5s ease,transform .5s ease}li[data-v-a2fd80d2]:hover{color:#fff;background:black}i[data-v-a2fd80d2]{margin-right:.8rem;margin-left:.2rem}.navbar-content li[data-v-a2fd80d2]{margin:.1rem 0;padding:.6rem .3rem;list-style:none;transition:.1s linear;border-radius:.75rem;cursor:pointer}.navbar-content li[data-v-a2fd80d2]:after{content:"";position:absolute;background:transparent;width:2px;transform:translateY(-.5rem);height:2.6rem;right:-1.5rem}.navbar-content li[data-v-a2fd80d2]:hover:after{background:black}@media (max-width: 800px){li[data-v-a2fd80d2]{font-size:.75rem}}.main-content__banner[data-v-4996580f]{background:linear-gradient(to right,white,rgba(255,255,255,.85),rgba(255,255,255,0)),url(../img/banner.jpg) no-repeat center center/cover}i[data-v-4996580f]{margin:0 .2rem}.play-control i[data-v-4996580f]{cursor:pointer}.slidecontainer2[data-v-4996580f]{width:85%;height:1.5rem}.slider2[data-v-4996580f]{-webkit-appearance:none;width:100%;height:100%;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider2[data-v-4996580f]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4rem;height:1.4rem;border:0;background:url(https://img.icons8.com/external-flatart-icons-lineal-color-flatarticons/25/000000/external-right-arrow-arrow-flatart-icons-lineal-color-flatarticons-4.png);cursor:pointer}.slider2[data-v-4996580f]::-moz-range-thumb{width:1.4rem;height:1.4rem;border:0;background:url(https://img.icons8.com/external-flatart-icons-lineal-color-flatarticons/25/000000/external-right-arrow-arrow-flatart-icons-lineal-color-flatarticons-4.png);cursor:pointer}.slidecontainer1[data-v-4996580f]{width:85%;height:1.5rem}.slider1[data-v-4996580f]{-webkit-appearance:none;width:100%;height:100%;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider1[data-v-4996580f]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4rem;height:1.4rem;border:0;background:url(https://img.icons8.com/material-two-tone/24/000000/circled.png);cursor:pointer;transform:scale(.55)}.slider1[data-v-4996580f]::-moz-range-thumb{width:1.4rem;height:1.4rem;border:0;background:url(https://img.icons8.com/material-two-tone/24/000000/circled.png);cursor:pointer;transform:scale(.55)}@media (max-width: 800px){.between-container[data-v-4996580f]{border-radius:1rem}.main-content__trend-more[data-v-4996580f],.playlist-more[data-v-4996580f]{background:black;color:#fff;padding:.1rem .5rem}header>i[data-v-4996580f]{margin:0 1.25rem}.fa-bars[data-v-4996580f]{display:block}.fa-arrow-right[data-v-4996580f]{padding:.5rem;margin-left:-.5rem}.fa-arrow-left[data-v-4996580f],.fa-arrow-right[data-v-4996580f]{font-size:1.4rem}}.sidebar__shortcuts-item[data-v-24ff84d0]{display:inline-flex;align-items:center;background:white;padding:.25rem .5rem;object-fit:contain;width:fit-content;margin:.3rem .3rem .3rem 0;border-radius:1rem;font-size:.7rem;font-weight:600}.sidebar__shortcuts-item>img[data-v-24ff84d0]{width:.75rem;height:.75rem;margin-left:.25rem}.split.third[data-v-24ff84d0]{display:block;overflow:hidden;margin:1rem;cursor:pointer;border-radius:.5rem}.split.third img[data-v-24ff84d0]{width:100%;height:auto;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.split.third:hover img[data-v-24ff84d0]{-webkit-transform:scale(1.15);transform:scale(1.15)}@media (max-width: 800px){.left[data-v-65694dfe],.right[data-v-65694dfe]{display:none}main[data-v-65694dfe]{grid-template-columns:0 1fr 0;border-radius:1rem}}