@import "https://cdn-uicons.flaticon.com/uicons-bold-rounded/css/uicons-bold-rounded.css";@import "https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css";@import "https://cdn-uicons.flaticon.com/uicons-solid-rounded/css/uicons-solid-rounded.css";@import "./uicons-brands.css";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Hurricane&family=Inspiration&family=Kanit:wght@400;500&family=Lato:wght@100;300;400;700;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Red+Hat+Mono:wght@500&family=Roboto+Condensed&family=Ubuntu:wght@300;400;500;700&display=swap";*{font-family:lato,sans-serif;font-weight:400}.font-lato{font-family:lato,sans-serif;font-weight:400}.font-raleway{font-family:raleway,sans-serif;font-weight:400}.font-fredoka{font-family:fredoka,sans-serif;font-weight:400}.font-hurricane{font-family:hurricane,cursive;font-weight:400}.font-inspiration{font-family:inspiration,cursive;font-weight:400}.font-kanit{font-family:kanit,sans-serif;font-weight:400}.font-ubuntu{font-family:ubuntu,sans-serif;font-weight:400}.font-redhatmono{font-family:red hat mono,monospace;font-weight:400}.font-robotocondensed{font-family:roboto condensed,sans-serif;font-weight:400}.profile-body{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;min-height:100%}.profile-content{padding-top:2rem}.profile-html{min-height:100%}.text-white{color:#fff!important}.text-black{color:#000!important}.profile-photo img{width:100px;height:100px;border-radius:100%;object-fit:cover}.profile-photo{margin-bottom:20px}.navbar-brand{color:#000}.navbar-icon{color:#317cc2;margin-right:.2rem}.font-bold{font-weight:700}.font-medium{font-weight:600}.font-black{font-weight:900}.font-regular{font-weight:400}.font-light{font-weight:300}.font-weight-bold{font-weight:500!important}.br-full{border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.bg-blue{background-color:#317cc2}.bg-green{background-color:#43db5b}.p-5{padding:5px!important}.mr-5p{margin-right:5px}.login-btn{font-size:12px;padding:5px 15px;margin-top:-3px;position:relative}.login-btn-icon{position:absolute;top:7px}.login-btn span{margin-left:15px}.fs-50{font-size:50px}.fs-30{font-size:30px}.fs-22{font-size:22px}.fs-5{font-size:5px}.fs-10{font-size:10px}.fs-18{font-size:18px}.fs-17{font-size:17px}.fs-15{font-size:15px}.fs-13{font-size:13px}.mt-r{margin-top:-10px}.fs-40{font-size:40px}.mt-100{margin-top:100px!important}.mt-30{margin-top:30px!important}a:hover{text-decoration:none}a{text-decoration:none}.create-profile-button{background-color:#77beff;box-shadow:0 2px 0 #5fb2ff;text-shadow:0 1px 0 rgba(0,0,0,.25);border-radius:4px;padding:10px}.demo-button{background:#a377ff;box-shadow:0 2px 0 #925fff;border-radius:4px;text-shadow:0 1px 0 rgba(0,0,0,.25);padding:10px}.features{margin-top:5px;margin-bottom:5px}.col-7 img{width:100%}.bg-linear-blue{width:100%;background-color:#2a2a72;background-image:linear-gradient(315deg,#2a2a72 0%,#009ffd 74%);height:250px}.card{background-color:#fff;width:100%;height:150px;margin-top:50px}.card-sm{background-color:#fff;width:100%;height:100px;margin-top:50px}.card-text{text-align:center;margin-top:40px}.card-value{text-align:center}footer{background:#fff;box-shadow:0 -4px 50px rgba(0,0,0,.1);height:350px}.mb-5p{margin-bottom:5px}.mt-5p{margin-top:5px}.mt-50p{margin-top:50px}.mt-100p{margin-top:100px}.pt-150{padding-top:150px}.pt-20{padding-top:20px}.pb-20{padding-bottom:20px}.px-20{padding-top:20px;padding-bottom:20px}.pagination{margin:auto;width:0;padding:20px}.pagination a{padding:15px!important;color:#000;background-color:#fff;margin:10px;border-radius:10px;text-decoration:none;border:none;box-shadow:0 0 20px rgb(0 0 0/15%)}.pb-15{padding-bottom:15px}.px-15{padding-top:15px;padding-bottom:15px}.text-absolute{position:absolute;top:-3px;left:25px}.footer-inline{margin:0;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}footer .container{height:100%}.footer-row{height:100%;position:relative}.footer-inline select{border:none;background:url(/assets/images/arrow-down.svg);background-repeat:no-repeat;background-size:14px;background-position:calc(100% - 1rem) center!important;-moz-appearance:none!important;-webkit-appearance:none!important;appearance:none!important;padding-right:2rem!important;opacity:1}.footer-inline select:focus-visible{outline:none}input:focus-visible{outline:none}.text-gray{color:#656565}.bg-form{background:linear-gradient(90deg,#141e30 0%,#243b55 100%);width:1px;height:1px}.center-form{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.form{background-color:#fff;margin-top:50px;width:400px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;padding:30px 40px}.form-label{display:inline-block;margin-bottom:5px;max-width:100%}.form-input{background-color:#e7e7e7;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:10px;width:100%;border:none;margin:auto}.form-component{margin-top:20px;position:relative}.form-button{background-color:#77beff;box-shadow:0 2px 0 #5fb2ff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;text-shadow:0 1px 0 rgba(0,0,0,.25);border:none;width:80%;padding:10px 5px;margin-top:30px}.form-error{color:#f77;text-align:center}.center-item{display:block;margin-right:auto;margin-left:auto}.ppf-checkbox{background:#fff;display:block;font-size:10vmin;width:1em;height:1em;border:solid 2px #21344c;position:relative;cursor:pointer}.ppf-checkbox>input{opacity:0;position:absolute}.check{position:absolute;top:0;left:0;right:0;bottom:0;margin:-3px;clip-path:polygon(0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);transition:.4s cubic-bezier(.8,0,.2,1);transition-property:background-color,clip-path,border-color;transition-delay:.1s,0s}input:checked+.check{background-color:#22354e;transition-delay:0s;clip-path:polygon(28% 38%,41% 53%,75% 24%,86% 38%,40% 78%,15% 50%)}.rememberMeText{margin-left:10px;position:absolute;top:-3px;left:17px}.relative{position:relative}.ppf-footer{position:absolute;bottom:10px;width:100%;color:#fff;text-align:center}.main-spotify{bottom:25px;background-color:#171717;display:grid;width:350px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative;margin-top:30px}.song-range{width:73%;height:3px;-webkit-appearance:none;background:#515151;outline:none;border-radius:15px}.song-range::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#515151}.song-image{width:75px;height:75px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin:10px;float:left;grid-column:1/2}.song-name-area{grid-column:2/12}.song-name{color:#fff;text-align:left;margin:0;margin-top:18px;font-size:16px}.song-author{text-align:left;margin:0;font-size:10px;color:#fff}.song-progress,.song-duration{text-align:left;font-size:10px;color:#fff}.spotify-logo{position:absolute;width:20px!important;height:20px!important;right:10px;top:10px}.profile-rank{width:150px;margin-left:auto;margin-right:auto;background-color:#fff;color:#fff;margin-top:10px;margin-bottom:10px;border-radius:100px;padding:5px;position:relative;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;text-shadow:0 1.5px rgb(0 0 0/20%)}.profile-rank-icon{margin-right:5px;position:absolute;top:7px}.profile-name{color:#fff;font-size:17px}.profile-rank span{font-weight:900;text-align:right;margin-left:20px}.profile-verified{width:20px;margin-left:7px;cursor:pointer;margin-bottom:4px}.tippy-box[data-theme~=gradient]{background:linear-gradient(90deg,#a770ef 0%,#cf8bf3 53.12%,#fdb99b 100%);color:#fff}.tippy-box[data-animation=custom][data-state=hidden]{opacity:0;animation:fadeInUp;animation-duration:2s;-webkit-animation:fadeInUp}.profile-rank-platinum{background:linear-gradient(95.85deg,#5cf274 0%,#129c28 100%);background-size:400% 400%;-webkit-animation:rankAnimation 4s ease infinite;-moz-animation:rankAnimation 4s ease infinite;animation:rankAnimation 4s ease infinite}.profile-rank-diamond{background:linear-gradient(95.85deg,#77beff 0%,#2b6eac 100%);background-size:400% 400%;-webkit-animation:rankAnimation 4s ease infinite;-moz-animation:rankAnimation 4s ease infinite;animation:rankAnimation 4s ease infinite}.profile-rank-gold{background:linear-gradient(95.85deg,#ffb747 0%,#d69024 100%);background-size:400% 400%;-webkit-animation:rankAnimation 4s ease infinite;-moz-animation:rankAnimation 4s ease infinite;animation:rankAnimation 4s ease infinite}.profile-rank-iron{background:linear-gradient(95.85deg,#aeaeae 0%,#5e5e5e 100%);background-size:400% 400%;-webkit-animation:rankAnimation 4s ease infinite;-moz-animation:rankAnimation 4s ease infinite;animation:rankAnimation 4s ease infinite}.profile-rank-special{background:linear-gradient(95.85deg,#c25cf2 0%,#570da2 100%);background-size:400% 400%;-webkit-animation:rankAnimation 4s ease infinite;-moz-animation:rankAnimation 4s ease infinite;animation:rankAnimation 4s ease infinite}.profile-rank-owner{background:linear-gradient(95.85deg,#f12b2b 0%,#850606 100%);background-size:400% 400%;-webkit-animation:rankAnimation 4s ease infinite;-moz-animation:rankAnimation 4s ease infinite;animation:rankAnimation 4s ease infinite}@-webkit-keyframes rankAnimation{0%{background-position:0% 15%}50%{background-position:100% 86%}100%{background-position:0% 15%}}@-moz-keyframes rankAnimation{0%{background-position:0% 15%}50%{background-position:100% 86%}100%{background-position:0% 15%}}@keyframes rankAnimation{0%{background-position:0% 15%}50%{background-position:100% 86%}100%{background-position:0% 15%}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.sec-center{position:relative;max-width:100%;text-align:center;z-index:200}[type=checkbox]:checked,[type=checkbox]:not(:checked){position:absolute;left:-9999px;opacity:0;pointer-events:none}.dropdown:checked+label,.dropdown:not(:checked)+label{position:relative;font-size:15px;line-height:2;height:40px;transition:all 200ms linear;border-radius:4px;min-width:150px;margin-top:6px;letter-spacing:1px;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;text-align:center;border:none;background-color:#eee;cursor:pointer;color:#3c3c3c;border-radius:100px;display:inline-block}.dark-light:checked~.sec-center .for-dropdown{background-color:#102770;color:#ffeba7;box-shadow:0 12px 35px 0 rgba(16,39,112,.25)}.dropdown:checked+label:before,.dropdown:not(:checked)+label:before{position:fixed;top:0;left:0;content:"";width:100%;height:100%;z-index:-1;cursor:auto;pointer-events:none}.dropdown:checked+label:before{pointer-events:auto}.dropdown:not(:checked)+label .uil{font-size:24px;margin-left:10px;transition:transform 200ms linear}.dropdown:checked+label .uil{transform:rotate(180deg);font-size:24px;margin-left:10px;transition:transform 200ms linear}.section-dropdown{position:absolute;padding:5px;background-color:#eee;top:70px;left:0;width:100%;border-radius:12px;display:block;z-index:2;opacity:0;pointer-events:none;transform:translateY(20px);transition:all 200ms linear;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.dark-light:checked~.sec-center .section-dropdown{background-color:#fff;box-shadow:0 14px 35px 0 rgba(9,9,12,.15)}.dropdown:checked~.section-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.section-dropdown:before{position:absolute;top:-20px;left:0;width:100%;height:20px;content:"";display:block;z-index:1}.section-dropdown:after{position:absolute;top:-7px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #eee;content:"";display:block;z-index:2;transition:all 200ms linear}.dropdown-sub:checked+label,.dropdown-sub:not(:checked)+label{position:relative;color:#fff;transition:all 200ms linear;font-family:roboto,sans-serif;font-weight:500;font-size:15px;border-radius:2px;padding:5px 0;padding-left:20px;padding-right:15px;text-align:left;text-decoration:none;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;justify-content:space-between;-ms-flex-pack:distribute;cursor:pointer}.dropdown-sub:checked+label .uil,.dropdown-sub:not(:checked)+label .uil{font-size:22px}.dropdown-sub:not(:checked)+label .uil{transition:transform 200ms linear}.dropdown-sub:checked+label .uil{transform:rotate(135deg);transition:transform 200ms linear}.dropdown-sub:checked+label:hover,.dropdown-sub:not(:checked)+label:hover{color:#102770;background-color:#ffeba7}.dark-light:checked~.sec-center .section-dropdown .for-dropdown-sub{color:#102770}.dark-light:checked~.sec-center .section-dropdown .for-dropdown-sub:hover{color:#ffeba7;background-color:#102770}.section-dropdown-sub{position:relative;display:block;width:100%;pointer-events:none;opacity:0;max-height:0;padding-left:10px;padding-right:3px;overflow:hidden;transition:all 200ms linear}.dropdown-sub:checked~.section-dropdown-sub{pointer-events:auto;opacity:1;max-height:999px}.section-dropdown-sub a{font-size:14px}.section-dropdown-sub a .uil{font-size:20px}.dropdown-image{width:30px;height:30px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;margin:5px;justify-content:left;position:absolute;left:2px;object-fit:cover}.for-dropdown span{margin-left:55px;margin-right:35px}.for-dropdown span:before{content:"";display:inline-block;height:100%;margin-top:3px;vertical-align:middle}.nav-item .verticalcenter:before{content:"";display:inline-block;height:100%;vertical-align:middle}.dashboard-icon{position:absolute;right:15px;top:12px}.logout-button{width:100%;position:relative;padding:10px;margin-left:-10px;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px}.logout-button .logout-icon{position:absolute;top:13px;margin-left:7px}.dashboard-stats-icon{padding:30px;width:146px}.profile-stats-icon{padding:30px;width:146px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.ml-15{margin-left:-15px}.card-sm-text{padding-left:40px;font-size:17px;color:#515151;padding-top:29px;letter-spacing:2px}.card-sm-subtext{padding-left:40px;font-size:55px;color:#515151;margin-top:-30px}.card-style{border-radius:14px;border:none;box-shadow:0 0 20px rgb(0 0 0/15%)}.p-10p{padding:10px}.card-square{position:relative;border-radius:14px;border:none;box-shadow:0 0 20px rgb(0 0 0/15%);background-color:#fff;width:100%;height:155px;margin-top:50px;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px}.card-full{position:relative;border-radius:14px;border:none;box-shadow:0 0 20px rgb(0 0 0/15%);background-color:#fff;width:100%;height:135px;margin-top:50px;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px}.profiles-icon{width:135px;height:135px;object-fit:cover;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;padding:15px}.profiles-text{position:absolute;top:40px;left:160px;font-size:23px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:300px}.profiles-subtext{position:absolute;top:70px;left:160px;font-size:16px;color:#414141}hr#topLimit{margin-top:50px}.edit-profile-up{position:absolute;top:35px;left:20px;font-size:25px;cursor:pointer}.edit-profile-down{position:absolute;top:70px;left:20px;font-size:25px;cursor:pointer}.profiles-edit{position:absolute;top:50px;right:10px}.profiles-edit-icon{font-size:25px;margin-right:21px;color:#374957}.profiles-info{font-size:33px;margin-top:25px}.profiles-info{font-size:20px;margin-top:25px}.profiles-stick{width:300px;height:4px;background:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%);border-radius:2px;position:absolute;top:25px;left:190px}.new-profile-button{float:right;background:#77beff;box-shadow:0 2px 0 #5fb2ff;border-radius:4px;padding:10px;width:120px;text-align:center;color:#fff;text-shadow:0 1px 0 rgb(0 0 0/25%)}.add-component-button{background:#77beff;box-shadow:0 2px 0 #5fb2ff;border-radius:4px;padding:10px;width:120px;text-align:center;color:#fff;text-shadow:0 1px 0 rgb(0 0 0/25%);margin:auto;cursor:pointer}.new-profile-button:hover{color:#fff}.mb-25p{margin-bottom:25px}#new-profile{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.6);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1100}#ppf-polipop{z-index:1111!important}.profileBox{background-color:#fefefe;border-radius:12px;display:table;left:50%;margin:auto;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:500px}.modal-header{font-size:20px;top:-75px;position:absolute;border:none}#closeButton{position:absolute;top:-60px;right:15px;color:#464646;opacity:1}.modal-header-upg{font-size:20px;top:-5px!important;position:absolute;border:none}#closeButton-upg{position:absolute;top:-5px!important;right:15px;color:#464646;opacity:1}.text-red{color:#f77!important}.bg-red{background-color:#f77!important;box-shadow:0 2px 0 #fd7272!important}.modal-text{margin-top:60px;text-align:left;margin-left:80px;margin-bottom:5px}.h-35p{height:35px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#6f6f6f;text-align:center;white-space:nowrap;background-color:#f2f2f2;border:none;border-radius:.25rem}.modal-input input{border:1px solid #e5e7eb!important}.modal-input{width:300px;margin:auto}.create-profile{background-color:#77beff;padding:10px;color:#fff;text-shadow:0 1px 0 rgb(0 0 0/25%);box-shadow:0 2px 0 #5fb2ff;border:none;border-radius:4px;width:130px;margin-bottom:25px}.modal-image{width:120px;height:120px;margin-top:35px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;justify-content:left;margin-bottom:-45px;object-fit:cover}.edit-profile-settings-form{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 0 20px rgb(0 0 0/15%)}.edit-profile-settings-form .info-text{font-size:18px;color:#303030;margin-bottom:5px}.edit-profile-settings-form span.text{font-size:20px}.edit-profile-settings-form .info-icon{margin-right:5px}.edit-profile-form-component{margin-bottom:30px}.edit-profile-form-component-top{margin-top:30px}.profile-gradient{width:100px;height:50px;cursor:pointer;position:relative;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.gradient-active p:before{content:"\A";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);opacity:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.gradient-active p:before{opacity:1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.hidden{opacity:0;display:none}#red{background:linear-gradient(90deg,#8a2387 0%,#e94057 52.21%,#f27121 100%)}#green{background:linear-gradient(90deg,#11998e 0%,#38ef7d 100%)}#blue{background:linear-gradient(90deg,#4e54c8 0%,#8f94fb 100%)}#orange{background:linear-gradient(90deg,#f12711 0%,#f5af19 100%)}#blurple{background:linear-gradient(90deg,#4568dc 0%,#b06ab3 100%)}#purple{background:linear-gradient(90deg,#8e2de2 0%,#4a00e0 100%)}#pink{background:linear-gradient(90deg,#a770ef 0%,#cf8bf3 53.12%,#fdb99b 100%)}#darkblue{background:linear-gradient(90deg,#141e30 0%,#243b55 100%)}.edit-profile-file-input{background:#fff;border:1px solid #e5e7eb;border-radius:4px;height:60px;text-align:center;color:#6f6f6f;width:100%;font-size:22px}.edit-profile-file-text{text-align:center;color:#989898;font-size:14px;margin-bottom:20px}.edit-profile-update-button{margin-top:50px;width:100%;background:#77beff;box-shadow:0 2px 0 #5fb2ff;border:none;border-radius:4px;height:50px;text-align:center;color:#fff;font-size:20px;text-shadow:0 1px 0 rgb(0 0 0/25%)}.edit-profile-header-info-text{text-align:center;margin-top:80px;color:#656565;margin-bottom:50px}.edit-profile-page.selected{font-weight:700}.edit-profile-page{font-size:21px;font-weight:500;cursor:pointer}.edit-profile-page-area{margin-bottom:10px}.preview-area{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;padding-bottom:115px}.preview-area .info{background-color:#000;color:#fff;text-align:center;font-size:13px;padding:6px;border-top-right-radius:15px;border-top-left-radius:15px;margin-bottom:100px}.not-found-icon{width:100%;height:100%}.not-found-text{margin-top:140px;font-size:110px!important;text-align:center}.not-found-subtext{text-align:center;font-size:18px}.not-found-minitext{text-align:center;font-size:15px;margin-top:-15px}.purple-button{background:#a377ff;box-shadow:0 2px 0 #925fff;padding:10px;margin-right:auto;margin-left:auto;width:135px;color:#fff;border-radius:4px;text-align:center;display:flex;justify-content:center;margin-top:10px;text-shadow:0 1px 0 rgba(0,0,0,.25)}.purple-button:hover{color:#fff}.edit-profile-icon{width:90px;height:90px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;margin-left:45px;position:relative;background:#374957;margin-top:10px}.card-square-icon{width:41px;height:41px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;position:relative;background:#374957;display:inline-block;margin:10px 0 0 57px}@font-face{font-family:ppfcustom;src:url(/assets/fonts/PPFCustom.woff) format("woff");src:url(/assets/fonts/PPFCustom.eot?ufj8ck);src:url(/assets/fonts/PPFCustom.eot?ufj8ck#iefix) format("embedded-opentype"),url(/assets/fonts/PPFCustom.ttf?ufj8ck) format("truetype"),url(/assets/fonts/PPFCustom.woff?ufj8ck) format("woff"),url(/assets/fonts/PPFCustom.svg?ufj8ck#PPFCustom) format("svg");font-weight:400;font-style:normal;font-display:block}.icon-craftrise:before{display:inline-block;font-family:ppfcustom;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\0041"}.icon-sonoyuncu:before{display:inline-block;font-family:ppfcustom;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\0042";--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.icon-sonoyuncu{margin-bottom:-5px!important}.icon-craftrise{padding-top:5px!important;padding-bottom:2px!important}.card-square-icon img{position:absolute;top:8px;left:8px;color:#fff;width:25px}.card-square-icon i{position:absolute;top:4px;left:8px;font-size:25px;color:#fff}.card-square-icon i.fa-brands{position:absolute;top:7px;left:8px;font-size:27px;color:#fff}.card-square-text{font-size:20px;text-align:center;margin-bottom:0!important;padding:5px}.card-square-subtext{padding:5px;font-size:11px;text-align:center;margin-bottom:0}.edit-profile-icon i{position:absolute;top:23px;left:25px;font-size:45px;color:#fff}.m-auto{margin:auto!important}.edit-profile-icon img{position:absolute;top:25px;left:25px;width:40px;color:#fff}#input-switch{height:0;width:0;visibility:hidden}#label-switch{cursor:pointer;text-indent:-9999px;width:55px;height:40px;background:#db4343;display:block;border-radius:100px;position:relative}#label-switch:after{content:"";position:absolute;top:5px;left:5px;width:30px;height:30px;background:#fff;border-radius:90px}input:checked+#label-switch{background:#43db5b}input:checked+#label-switch:after{left:calc(100% - 5px);transform:translateX(-100%)}#label-switch:active:after{width:130px}.toggle{position:relative;display:block;width:40px;height:20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0)}.toggle:before{content:"";position:relative;top:-1.5px;left:-2px;width:39px;height:24px;display:block;background:#db4343;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.toggle span{position:absolute;top:1px;left:0;width:20px;height:20px;display:block;background:#fff;border-radius:10px;box-shadow:0 3px 8px rgba(154,153,153,.5);transition:all .2s ease}.input-switch input:checked+.toggle:before{background:#43db5b}.input-switch input:checked+.toggle span{background:#fff;transform:translateX(15px);transition:all .2s cubic-bezier(.8,.4,.3,1.25),background .15s ease;box-shadow:0 3px 8px rgba(79,46,220,.2);-webkit-transform:translateX(15px);-moz-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px)}.input-switch input:checked+.toggle span:before{transform:scale(1);opacity:0;transition:all .4s ease}.input-switch{position:absolute;top:calc(50% - 10px);left:-60px}.profile-photo-centered{width:150px;height:150px;justify-content:center;display:flex;border-radius:100%;margin:auto;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;object-fit:cover}.slideshow-container{max-width:1000px;position:relative;margin:auto;min-height:700px}.sliders{display:none}.dashboard-profile-views{font-size:15px}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;user-select:none}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{from{opacity:.4}to{opacity:1}}@keyframes fade{from{opacity:.4}to{opacity:1}}.add-extension-form{max-width:425px;margin:auto;width:100%}.add-extension-text{font-size:24px}.add-extension-form .info-text{font-size:18px;color:#303030;margin-bottom:5px}.add-extension-form span.text{font-size:20px}.add-extension-form .info-icon{margin-right:5px}.clr-field.color-picker button{width:100%!important;height:100%!important;border-radius:5px!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;-ms-border-radius:5px!important;-o-border-radius:5px!important}.clr-field.color-picker{width:100%;height:100px}span.component-subtext{font-size:13px;color:#5e5e5e}span.component-subtext a{font-size:13px;color:#000}.clr-field.color-picker input{width:100%;height:100%;background:0 0!important;border:none!important;cursor:pointer!important}.size-100px{width:100px!important;height:100px!important}.size-75px{width:75px!important;height:75px!important}.size-150px{width:150px!important;height:150px!important}.size-125px{width:125px!important;height:125px!important}.radius-full{border-radius:100%!important;-webkit-border-radius:100%!important;-moz-border-radius:100%!important;-ms-border-radius:100%!important;-o-border-radius:100%!important}.radius-limited{border-radius:25px!important;-webkit-border-radius:25px!important;-moz-border-radius:25px!important;-ms-border-radius:25px!important;-o-border-radius:25px!important}.radius-none{border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;-ms-border-radius:0!important;-o-border-radius:0!important}.user-component{height:55px;background-color:#fff;margin:auto;margin-top:10px;margin-bottom:10px;display:table;position:relative;word-break:break-word;padding-right:10px;padding-left:10px;width:100%}.user-component span{text-align:center;vertical-align:middle;display:table-cell;word-break:break-word}.component-icons{font-size:39px;left:18px;margin-right:5px;-o-object-fit:cover;object-fit:cover;position:absolute;top:8px}.user-icon i{font-size:35px;padding:7px}.user-icon .radius-limited{border-radius:12px!important;-webkit-border-radius:12px!important;-moz-border-radius:12px!important;-ms-border-radius:12px!important;-o-border-radius:12px!important}.edit-pen-profile{font-size:25px;position:absolute;bottom:30px;left:30px;color:#fff;background-color:rgba(255,255,255,.5);padding:15px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%}.animation-bounce:hover{animation:bounce;-webkit-animation:bounce;animation-duration:.5s}.profile-name-area{background-color:#000;color:#fff;padding:5px;padding-right:15px;padding-left:15px;padding-bottom:3px!important;display:inline-block;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.animation-flash:hover{animation:flash;-webkit-animation:flash;animation-duration:.5s}.animation-pulse:hover{animation:pulse;-webkit-animation:pulse;animation-duration:.5s}.animation-rubberBand:hover{animation:rubberBand;-webkit-animation:rubberBand;animation-duration:.5s}.animation-shakeX:hover{animation:shakeX;-webkit-animation:shakeX;animation-duration:.5s}.animation-shakeY:hover{animation:shakeY;-webkit-animation:shakeY;animation-duration:.5s}.animation-headShake:hover{animation:headShake;-webkit-animation:headShake;animation-duration:.5s}.animation-swing:hover{animation:swing;-webkit-animation:swing;animation-duration:.5s}.animation-tada:hover{animation:tada;-webkit-animation:tada;animation-duration:.5s}.animation-wobble:hover{animation:wobble;-webkit-animation:wobble;animation-duration:.5s}.animation-jello:hover{animation:jello;-webkit-animation:jello;animation-duration:.5s}.animation-heartBeat:hover{animation:heartBeat;-webkit-animation:heartBeat;animation-duration:.5s}.animation-hinge:hover{animation:hinge;-webkit-animation:hinge;animation-duration:.5s}.animation-jackInTheBox:hover{animation:jackInTheBox;-webkit-animation:jackInTheBox;animation-duration:.5s}.animation-rollIn:hover{animation:rollIn;-webkit-animation:rollIn;animation-duration:.5s}.animation-rollOut:hover{animation:rollOut;-webkit-animation:rollOut;animation-duration:.5s}.mtb-5-p{margin-top:5px;margin-bottom:5px}.mtb-10-p{margin-top:10px;margin-bottom:10px}.mtb-15-p{margin-top:15px;margin-bottom:15px}.mtb-20-p{margin-top:20px;margin-bottom:20px}.mtb-25-p{margin-top:25px;margin-bottom:25px}.ppf-collapsible{background-color:#fff;color:#727272;cursor:pointer;padding:22px;width:100%;border:none;text-align:left;outline:none;box-shadow:0 0 50px rgba(0,0,0,.15);border-radius:18px;font-size:15px;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px}.ppf-active,.ppf-collapsible:hover{background-color:#f9f9f9}.collapsible-icon{margin-right:10px;font-size:18px}.collapsible-content{margin-top:15px;padding:18px;display:none;overflow:hidden;background-color:#fff;outline:none;box-shadow:0 0 50px rgba(0,0,0,.15);border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px}.faq-image{width:32%;height:auto;min-width:300px}.footer-icon{font-size:25px}.footer-icon:hover{color:#2b2b2b}.hovercard:hover{background:linear-gradient(16.67deg,#62acf1 0%,#cef1ff 100%);box-sizing:border-box;cursor:pointer}.hovercard:hover .badge-name{color:#fff!important}.disabled{cursor:not-allowed;opacity:.8}@media only screen and (max-width:770px){.profiles-stick{width:265px!important;top:15px!important;left:125px!important}.dashboard-profile-views{display:none}.profiles-subtext{font-size:12px!important}.profiles-edit-icon{font-size:18px!important}.profiles-text{font-size:16px!important}}@media only screen and (max-width:575px){.song-name-area .song-duration-area{display:none!important}.main-spotify{width:235px!important}.card-square{height:164px!important;padding-top:50px;padding-bottom:50px}.card-square-icon{display:none}}.card{border:none!important}.rankscard:hover{cursor:pointer;color:#fff!important}.rankscard-silver:hover{background:linear-gradient(16.67deg,#7c7c7c 0%,#d9d9d9 100%)}.rankscard-gold:hover{background:linear-gradient(16.67deg,#db9730 0%,#e0caa1 100%)}.rankscard-diamond:hover{background:linear-gradient(16.67deg,#3486d3 0%,#79a7d1 100%)}.rankscard-platinum:hover{background:linear-gradient(16.67deg,#16bd32 0%,#77c584 100%)}.rankscard:hover p{color:#fff!important}.h-90{height:90%}.payment-input{background:#fff;border-radius:4px;padding:10px;width:100%;margin:auto;border:1px solid #e5e7eb}.payment-absolute{position:absolute;bottom:10px;width:75%;right:0;left:0;margin:auto}.payment-button{color:#fff;background-color:#77beff;box-shadow:0 2px 0 #5fb2ff;text-shadow:0 1px 0 rgb(0 0 0/25%);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;position:absolute;right:0;left:0;bottom:10px}.payment-button:hover{color:#fff;background-color:#5eb0fc;box-shadow:0 2px 0 #53aafc;text-shadow:0 1px 0 rgb(0 0 0/25%)}.radiobtn{position:relative;display:block}.radiobtn label{display:block;background:#8ac6ff;color:#444;border-radius:5px;padding:10px 20px;border:2px solid #54abfc;margin-bottom:5px;cursor:pointer}.radiobtn label:after,.radiobtn label:before{content:"";position:absolute;right:11px;top:11px;width:20px;height:20px;border-radius:3px;background:#77beff}.radiobtn label:before{background:0 0;transition:.1s width cubic-bezier(.075,.82,.165,1) 0s,.3s height cubic-bezier(.075,.82,.165,2) .1s;z-index:2;overflow:hidden;background-repeat:no-repeat;background-size:13px;background-position:center;width:0;height:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+)}.radiobtn input[type=radio]{display:none;position:absolute;width:100%;appearance:none}.radiobtn input[type=radio]:checked+label{background:#77beff;animation-duration:1s;border-color:#52abfd}.radiobtn input[type=radio]:checked+label:after{background:#77beff}.radiobtn input[type=radio]:checked+label:before{width:20px;height:20px}:root{--primary: rgb(43, 43, 43);--greyLight: rgb(43, 43, 43) e1;--greyLight-2: #cbe0dd;--greyDark: #2d4848}ul{list-style-type:none}.items-list{max-width:90vw;margin:2rem;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:3rem;justify-content:center;align-content:center}@media only screen and (max-width:600px){.items-list{grid-template-columns:repeat(2,1fr)}}.item{width:10rem;height:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--greyDark);cursor:pointer}.item span{background:#fff;box-shadow:0 .8rem 2rem rgba(90,97,129,.05);border-radius:.6rem;padding:2rem;font-size:3rem;transition:all .3s ease}.item:hover span{transform:scale(1.2);color:var(--primary)}.item p{font-size:1.2rem;margin-top:1rem;color:var(--greyLight)}.page{display:flex;justify-content:center;align-items:center;height:5rem;margin:3rem;border-radius:.6rem;background:#fff;box-shadow:0 .8rem 2rem rgba(90,97,129,.05)}.page__numbers,.page__btn,.page__dots{display:flex;justify-content:center;align-items:center;margin:.8rem;font-size:1.4rem;cursor:pointer}.page__dots{width:2.6rem;height:2.6rem;color:var(--greyLight);cursor:initial}.page__numbers{width:2.6rem;height:2.6rem;border-radius:.4rem}.page__numbers:hover{color:var(--primary)}.page__numbers.active{color:#fff;background:var(--primary);font-weight:600;border:1px solid var(--primary)}.page__btn{color:var(--greyLight);pointer-events:none}.page__btn.active{color:var(--greyDark);pointer-events:initial}.page__btn.active:hover{color:var(--primary)}.icon-box{cursor:pointer;text-align:center;border:none;font-weight:700;background-color:#76beff;color:#fff;box-shadow:0 2px 0 #5fb2ff;text-shadow:0 1px 0 rgb(0 0 0/25%)}.t-10{top:8px!important}.icon-container{background-color:#76beff;min-width:50px;min-height:50px;text-align:center;padding:9px;font-size:22px;color:#fff}.iconContainer{justify-content:center;text-align:center}.iconContainer i{font-size:32px;padding:10px;color:#374957;margin:10px;border-radius:15px}.ppf-border{border:1px solid #e2e2e2!important}.ppf-border .card-header{background-color:#f9f9f9!important;border:none!important}.ppf-border .card-body{background-color:#f9f9f9!important}.announcement-area{background:linear-gradient(180deg,#79A8D5 0%,#58ACFA 100%);color:#fff;font-weight:600;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.announcement-area::after{background-image:url(../images/logo.png);background-size:92px 92px;display:inline-block;width:84px;height:92px;position:absolute;content:"";right:-8px;top:-25px}@media only screen and (max-width:990px){.announcement-area::after{display:none}}