@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.v-toast--fade-out{animation-name:fadeOut}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.v-toast--fade-in-down{animation-name:fadeInDown}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.v-toast--fade-in-up{animation-name:fadeInUp}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease-out}.fade-enter,.fade-leave-to{opacity:0}.v-toast{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:1052;pointer-events:none}.v-toast__item{display:inline-flex;align-items:center;animation-duration:.15s;margin:.5em 0;box-shadow:0 1px 4px #0000001f,0 0 6px #0000000a;border-radius:.25em;pointer-events:auto;opacity:.92;color:#fff;min-height:3em;cursor:pointer}.v-toast__item--success{background-color:#28a745}.v-toast__item--info{background-color:#17a2b8}.v-toast__item--warning{background-color:#ffc107}.v-toast__item--error{background-color:#dc3545}.v-toast__item--default{background-color:#343a40}.v-toast__item--warning{color:#000}.v-toast__item.v-toast__item--top,.v-toast__item.v-toast__item--bottom{align-self:center}.v-toast__item.v-toast__item--top-right,.v-toast__item.v-toast__item--bottom-right{align-self:flex-end}.v-toast__item.v-toast__item--top-left,.v-toast__item.v-toast__item--bottom-left{align-self:flex-start}.v-toast__text{margin:0;padding:.5em 1em;word-break:break-word}.v-toast__icon{display:none}.v-toast.v-toast--top{flex-direction:column}.v-toast.v-toast--bottom{flex-direction:column-reverse}.v-toast.v-toast--custom-parent{position:absolute}@media screen and (max-width: 768px){.v-toast{padding:0;position:fixed!important}}.v-toast__item{opacity:1;min-height:4em}.v-toast__item .v-toast__text{padding:1.5em 1em}.v-toast__item .v-toast__icon{display:block;width:27px;min-width:27px;height:27px;margin-left:1em;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45.999 45.999'%3e %3cpath fill='%23fff' d='M39.264 6.736c-8.982-8.981-23.545-8.982-32.528 0-8.982 8.982-8.981 23.545 0 32.528 8.982 8.98 23.545 8.981 32.528 0 8.981-8.983 8.98-23.545 0-32.528zM25.999 33a3 3 0 11-6 0V21a3 3 0 116 0v12zm-3.053-17.128c-1.728 0-2.88-1.224-2.844-2.735-.036-1.584 1.116-2.771 2.879-2.771 1.764 0 2.88 1.188 2.917 2.771-.001 1.511-1.152 2.735-2.952 2.735z'/%3e %3c/svg%3e") no-repeat}[dir=rtl] .v-toast__item .v-toast__icon{margin-left:unset;margin-right:1em}.v-toast__item.v-toast__item--success .v-toast__icon{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3e %3cpath fill='%23fff' d='M26 0C11.664 0 0 11.663 0 26s11.664 26 26 26 26-11.663 26-26S40.336 0 26 0zm14.495 17.329l-16 18a1.997 1.997 0 01-2.745.233l-10-8a2 2 0 012.499-3.124l8.517 6.813L37.505 14.67a2.001 2.001 0 012.99 2.659z'/%3e %3c/svg%3e") no-repeat}.v-toast__item.v-toast__item--error .v-toast__icon{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51.976 51.976'%3e %3cpath fill='%23fff' d='M44.373 7.603c-10.137-10.137-26.632-10.138-36.77 0-10.138 10.138-10.137 26.632 0 36.77s26.632 10.138 36.77 0c10.137-10.138 10.137-26.633 0-36.77zm-8.132 28.638a2 2 0 01-2.828 0l-7.425-7.425-7.778 7.778a2 2 0 11-2.828-2.828l7.778-7.778-7.425-7.425a2 2 0 112.828-2.828l7.425 7.425 7.071-7.071a2 2 0 112.828 2.828l-7.071 7.071 7.425 7.425a2 2 0 010 2.828z'/%3e %3c/svg%3e") no-repeat}.v-toast__item.v-toast__item--warning .v-toast__icon{background:url("data:image/svg+xml,%3csvg viewBox='0 0 52 52' xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill='%23000' d='M49.466 41.26L29.216 6.85c-.69-1.16-1.89-1.85-3.22-1.85-1.32 0-2.53.69-3.21 1.85L2.536 41.26c-.71 1.2-.72 2.64-.03 3.85.68 1.18 1.89 1.89 3.24 1.89h40.51c1.35 0 2.56-.71 3.23-1.89.7-1.21.69-2.65-.02-3.85zm-25.53-21.405h3.381v3.187l-.724 8.92H24.66l-.725-8.92v-3.187zm2.97 17.344a1.712 1.712 0 01-1.267.543c-.491 0-.914-.181-1.268-.543a1.788 1.788 0 01-.531-1.297c0-.502.176-.935.53-1.297a1.712 1.712 0 011.269-.544c.49 0 .914.181 1.268.544s.53.795.53 1.297c0 .503-.176.934-.53 1.297z'/%3e %3c/svg%3e") no-repeat}:root{--vc-clr-primary: #000;--vc-clr-secondary: #090f207f;--vc-clr-white: #ffffff;--vc-icn-width: 1.2em;--vc-nav-width: 30px;--vc-nav-height: 30px;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-background: transparent;--vc-pgn-width: 12px;--vc-pgn-height: 4px;--vc-pgn-margin: 4px;--vc-pgn-border-radius: 0;--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-active-color: var(--vc-clr-primary)}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button:after{display:block;content:"";width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-border-radius);background-color:var(--vc-pgn-background-color)}.carousel__pagination-button:hover:after,.carousel__pagination-button--active:after{background-color:var(--vc-pgn-active-color)}.carousel__prev,.carousel__next{box-sizing:content-box;background:var(--vc-nav-background);border-radius:var(--vc-nav-border-radius);width:var(--vc-nav-width);height:var(--vc-nav-height);text-align:center;font-size:var(--vc-nav-height);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__prev:hover,.carousel__next:hover{color:var(--vc-nav-color-hover)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}.carousel{position:relative;text-align:center;box-sizing:border-box}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative;touch-action:none;overscroll-behavior:none}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.carousel__slide[data-v-c8ebc2d0]{padding:5px}.carousel__viewport[data-v-c8ebc2d0]{perspective:2000px}.carousel__track[data-v-c8ebc2d0]{transform-style:preserve-3d}.carousel__slide--sliding[data-v-c8ebc2d0]{transition:.5s}.carousel__slide[data-v-c8ebc2d0]{opacity:.9;transform:rotateY(-20deg) scale(.9)}.carousel__slide--active~.carousel__slide[data-v-c8ebc2d0]{transform:rotateY(20deg) scale(.9)}.carousel__slide--prev[data-v-c8ebc2d0]{opacity:1;transform:rotateY(-10deg) scale(.95)}.carousel__slide--next[data-v-c8ebc2d0]{opacity:1;transform:rotateY(10deg) scale(.95)}.carousel__slide--active[data-v-c8ebc2d0]{opacity:1;transform:rotateY(0) scale(1.1)}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.absolute{position:absolute}.mb-3{margin-bottom:.75rem}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border-b{border-bottom-width:1px}.border-b-gray-700{--tw-border-opacity: 1;border-bottom-color:rgb(55 65 81 / var(--tw-border-opacity))}.p-0{padding:0}.text-center{text-align:center}.text-start{text-align:start}.text-\[13px\]{font-size:13px}.font-semibold{font-weight:600}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.spotifyheader{display:flex;align-items:center;border-bottom:2px solid #d9dadc;padding:20px}.spotifyheader img{width:195px;height:58px;align-items:center;justify-content:center;margin:0 auto}.logindiv{display:flex;justify-content:center;align-items:center;padding:30px}.facebookb,.appleb,.googleb,.telefoneb{opacity:1;border-radius:40px;width:460px;height:50px;font-size:21px}.facebookb:hover,.appleb:hover,.googleb:hover,.telefoneb:hover,.botaoinscrever:hover{cursor:pointer;border:1px solid black}.facebookb:active,.appleb:active,.googleb:active,.telefoneb:active,#lembrar:active,.botaoinscrever:active,.entrar:active{opacity:.8;outline:3px solid black;outline-offset:2px}.facebookb:focus,.appleb:focus,.googleb:focus,.telefoneb:focus,#lembrar:focus,.botaoinscrever:focus,.entrar:focus{opacity:.8;transition:1s;outline:3px solid black;outline-offset:2px}.facebook,.apple,.telefone,.google{padding:5px}li{list-style-type:none}.appleb i,.facebookb i,.telefoneb i,.googleb i{padding-right:7px}.facebookb{background-color:#3f6fef;border:1px solid #3259bf;color:#fff}.appleb{color:#fff;border:1px solid #9b9b9b;background-color:#131313}.googleb{background-color:#f0f0f0;color:#522817;border:1px solid #878787;padding-top:5px}.telefoneb{background-color:#fff;color:#686868;border:1px solid #878787}.ou{justify-content:center;display:flex;flex-direction:row}.linha1{margin-left:0;border-bottom:0;border-left:0;border-right:0;margin-top:15px;border-top:2px solid rgb(217,218,220);flex:1}.linha2{margin-right:0;border-bottom:0;border-left:0;border-right:0;margin-top:15px;border-top:2px solid rgb(217,218,220);flex:1}.ou span{text-transform:uppercase;font-size:13px;margin-top:10px;margin-left:18px;margin-right:18px}.login2{display:flex;margin:auto;justify-content:left;padding:20px}.formlogin{margin:0;justify-content:left}.email,.username{size:10px}input[type=email]:hover,input[type=text]:hover,input[type=password]:hover{border:1px solid black}input[type=email],input[type=text],input[type=password]{border-radius:5px;border:.1px solid #9e9e9e;background-color:#fff;width:420px;height:45px;font-size:16px;padding:10px}input[type=password]{font:small-caption}.endereso{font-size:15px;margin-bottom:10px}.senha{font-size:15px;margin-top:10px;margin-bottom:10px;margin-right:10px}.esqueceusenha{color:#000}.esqueceusenha:hover{color:#00be10}.lembrar{font-size:16px;padding:13px}#lembrar{width:15px;height:15px}.entrar{background-color:#1ed760;border:0px black solid;width:130px;height:50px;align-items:right;justify-content:right;border-radius:50px;font-size:20px}.entrard{align-items:right;justify-content:right;display:flex}.hrnap{margin-right:0;border-bottom:0;border-left:0;margin-top:15px;border-top:2px solid rgb(217,218,220)}.naotem{padding-top:20px;align-items:center;display:flex;justify-content:center;font-size:20px;margin-bottom:20px}.botaoinscrever{display:flex;justify-content:center;align-items:center;padding-bottom:0;margin-bottom:0;background-color:#fff;color:#686868;border:1px solid #686868;opacity:1;border-radius:40px;width:420px;height:50px;font-size:21px}@media screen and (max-width: 510px){.facebookb,.appleb,.googleb,.telefoneb{opacity:1;border-radius:40px;width:100%;height:50px;font-size:130%}input[type=email],input[type=password]{border-radius:5px;border:.1px solid #9e9e9e;background-color:#fff;width:100%;justify-content:center;align-items:center;margin:0 10px;height:45px;font-size:16px;padding:10px}.formlogin{margin:0;justify-content:center}.endereso{font-size:15px;margin-bottom:10px;justify-content:left}.senha{justify-content:center;font-size:15px;margin-top:10px;margin-bottom:10px}.esqueceusenha{margin-left:10vw}.lembrar{margin-left:3vw}#lembrar{margin-left:10vw}.login2{display:flex;align-items:center;flex-direction:column}.bototes{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.facebookb,.appleb,.googleb,.telefoneb{font-size:22px;width:400px}.linha1{margin-left:50px;border-bottom:0;border-left:0;border-right:0;margin-top:15px;border-top:2px solid rgb(217,218,220);flex:1}.linha2{margin-right:50px;border-bottom:0;border-left:0;border-right:0;margin-top:15px;border-top:2px solid rgb(217,218,220);flex:1}.ou span{text-transform:uppercase;font-size:13px;margin-top:10px;margin-left:18px;margin-right:18px}}@media screen and (max-width: 420px){.facebookb,.appleb,.googleb,.telefoneb{width:350px}}@media screen and (max-width: 380px){.facebookb,.appleb,.googleb,.telefoneb{width:280px}}@media screen and (max-width: 300px){.facebookb,.appleb,.googleb,.telefoneb{width:200px;font-size:16px}}@media screen and (max-width: 200px){.facebookb,.appleb,.googleb,.telefoneb{width:80px;font-size:0px}.facebookb i,.appleb i,.googleb i,.telefoneb i{width:80px;font-size:32px}.spotifyheader img{width:100%;height:100%;align-items:center;justify-content:center;margin:0 auto}}*{padding:0;margin:0}body{background-color:#121212;font-family:Montserrat,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:196px;background-color:#000;padding:24px}.sidebar .logo img{width:130px}.sidebar .navigation ul{list-style:none;margin-top:20px}.sidebar .navigation ul li{padding:10px 0}.sidebar .navigation ul li a{color:#b3b3b3;text-decoration:none;font-weight:700;font-size:13px}.sidebar .navigation ul li a:hover,.sidebar .navigation ul li a:active,.sidebar .navigation ul li a:focus{color:#fff}.sidebar .navigation ul li a:hover .fa,.sidebar .navigation ul li a:active .fa,.sidebar .navigation ul li a:focus .fa{color:#b3b3b3}.sidebar .navigation ul li .fa{font-size:20px;margin-right:10px}.sidebar .navigation ul li a:hover .fa:hover,.sidebar .navigation ul li a:hover .fa:active,.sidebar .navigation ul li a:hover .fa:focus{color:#fff}.sidebar .policies{position:absolute;bottom:10px}.sidebar .policies ul{list-style:none}.sidebar .policies ul li{padding-bottom:5px}.sidebar .policies ul li a{color:#b3b3b3;font-weight:500;text-decoration:none;font-size:10px}.sidebar .policies ul li a:hover,.sidebar .policies ul li a:active,.sidebar .policies ul li a:focus{text-decoration:underline}.main-container{margin-left:245px;margin-bottom:100px}.topbar{display:flex;justify-content:space-between;background-color:#101010;padding:14px 30px}.topbar .prev-next-buttons button{color:#7a7a7a;cursor:not-allowed;width:34px;height:34px;border-radius:100%;font-size:18px;border:0px;background-color:#090909;margin-right:10px}.topbar .navbar{display:flex;align-items:center}.topbar .navbar ul{list-style:none}.topbar .navbar ul li{display:inline-block;margin:0 8px;width:70px}.topbar .navbar ul li a{color:#b3b3b3;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:1px}.topbar .navbar ul li a:hover,.topbar .navbar ul li a:active,.topbar .navbar ul li a:focus{color:#fff;font-size:15px}.topbar .navbar ul li.divider{color:#fff;font-size:26px;margin:0 20px;width:auto}.topbar .navbar button{background-color:#fff;color:#000;font-size:16px;font-weight:700;padding:14px 30px;border:0px;border-radius:40px;cursor:pointer;margin-left:20px}.topbar .navbar button:hover,.topbar .navbar button:active,.topbar .navbar button:focus{background-color:#f2f2f2}.spotify-playlists{padding:20px 40px}.spotify-playlists h2{color:#fff;font-size:22px;margin-bottom:20px}.spotify-playlists .list{display:flex;gap:20px;overflow:hidden}.spotify-playlists .list .item{min-width:140px;width:160px;padding:15px;background-color:#181818;border-radius:6px;cursor:pointer;transition:all ease .4s}.spotify-playlists .list .item:hover{background-color:#252525}.spotify-playlists .list .item img{width:100%;border-radius:6px;margin-bottom:10px}.spotify-playlists .list .item .play{position:relative}.spotify-playlists .list .item .play .fa{position:absolute;right:10px;top:-60px;padding:18px;background-color:#1db954;border-radius:100%;opacity:0;transition:all ease .4s}.spotify-playlists .list .item:hover .play .fa{opacity:1;transform:translateY(-20px)}.spotify-playlists .list .item h4{color:#fff;font-size:14px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-playlists .list .item p{color:#989898;font-size:12px;line-height:20px;font-weight:600}.spotify-playlists hr{margin:70px 0 0;border-color:#636363}.preview{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to right,#ae2896,#509bf5);padding:15px 40px;display:flex;justify-content:space-between}.preview h6{color:#fff;text-transform:uppercase;font-weight:400;font-size:12px;margin-bottom:10px}.preview p{color:#fff;font-size:14px;font-weight:500}.preview button{background-color:#fff;color:#000;font-size:16px;font-weight:700;padding:14px 30px;border:0px;border-radius:40px;cursor:pointer}.profile{margin:20px 0;justify-content:center}.profile-sidebar{padding:20px 0 10px;background:#fff}.profile-userpic img{float:none;margin:0 auto;width:100%;height:50%;border-radius:30%!important}.profile-usertitle{text-align:center;margin-top:20px}.profile-usertitle-name{color:#5a7391;font-size:16px;font-weight:600;margin-bottom:7px}.profile-usertitle-job{text-transform:uppercase;color:#5b9bd1;font-size:12px;font-weight:600;margin-bottom:15px}.profile-userbuttons{text-align:center;margin-top:10px}.profile-userbuttons .btn{text-transform:uppercase;font-size:11px;font-weight:600;padding:6px 15px;margin-right:5px}.profile-userbuttons .btn:last-child{margin-right:0}.profile-usermenu{margin-top:30px}.profile-usermenu ul li{border-bottom:1px solid #f0f4f7}.profile-usermenu ul li:last-child{border-bottom:none}.profile-usermenu ul li a{color:#93a3b5;font-size:14px;font-weight:400}.profile-usermenu ul li a i{margin-right:8px;font-size:14px}.profile-usermenu ul li a:hover{background-color:#fafcfd;color:#5b9bd1}.profile-usermenu ul li.active{border-bottom:none}.profile-usermenu ul li.active a{color:#5b9bd1;background-color:#f6f9fb;border-left:2px solid #5b9bd1;margin-left:-2px}.profile-content{padding:20px;background:repeating-linear-gradient(45deg,black,transparent 100px);min-height:360px;border-radius:10%}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}