.dcmate__sections-wrapper{display:flex;flex-direction:column;height:100%}.dcmate__sections-wrapper section.dcmate__section{height:100%;flex:0 0 auto}.dcmate__sections-wrapper .dcmate__section--container{height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 10%}.dcmate__track{position:relative;width:150px;height:150px;border-radius:10px;background:#ffffff80;box-shadow:0 4px 4px #00000026;cursor:pointer}.dcmate__track .pinned-indicator{position:absolute;top:-10px;right:-10px;background:#ffc107;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;z-index:1}.dcmate__track .pinned-indicator i{color:#000;font-size:16px}.dcmate__track .dcmate__track--image{position:relative;border-radius:10px}.dcmate__track .dcmate__track--image img{width:100%;height:100%;object-fit:cover;border-radius:10px}.dcmate__button{padding:20px 35px}.dcmate__button.dcmate__button--darken-600{background:#00acc1}.dcmate__button.dcmate__button--darken-700{background:#0097a7}.dcmate__button.dcmate__button--darken-800{color:#fff;background:#00838f}.dcmate__button.dcmate__button--darken-900{color:#fff;background:#006064}.dcmate__player{display:flex;flex-direction:column;align-items:center}.dcmate__player .dcmate__player--card{padding:15px;border-radius:15px;margin-bottom:50px;background:#282727;display:flex;flex-direction:row;gap:35px;width:100%}.dcmate__player .dcmate__player--card .dcmate__player--card__cover img{width:200px;height:200px;background:#ccc;border-radius:15px}.dcmate__player .dcmate__player--card .dcmate__player--card__content{width:100%}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content__title{color:#fff;font-size:24px;font-weight:500;margin-bottom:10px}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content__date{font-size:18px;color:#ffffff80;font-weight:200}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--progress{margin:50px 0}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--progress .mdc-linear-progress__bar-inner{border-color:#ffc107}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--progress .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 193, 7, 0.25)'/%3E%3C/svg%3E")}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--progress .mdc-linear-progress__buffer-bar{background-color:#ffc10740}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--progress[hidden]{display:none}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--waveform{width:100%;height:50px;margin:25px 0;position:relative;overflow:hidden}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--waveform canvas{width:100%!important;height:100%!important;display:block}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--meta{display:flex;flex-direction:row;align-items:center;gap:15px}.dcmate__player .dcmate__player--card .dcmate__player--card__content .dcmate__player--card__content--meta .dcmate__player--card__content--meta__time{color:#fff;font-weight:200;font-size:12px;margin-left:15px}.dcmate__player .dcmate__player--suggestions{display:flex;flex-direction:row;gap:25px}.dcmate__section#home{background:url(../../../images/liquid__background.png) no-repeat right center;background-size:cover;background-color:#0e0d0d}.dcmate__section#home .dcmate__section--intro{text-align:center;display:flex;flex-direction:column}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__profile-pic{margin-bottom:15px}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__profile-pic img.picture{width:150px;height:150px;border-radius:50%}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__username{font-size:3.5rem;font-weight:900;color:#00bcd4;background-image:linear-gradient(45deg,#00bcd4,transparent 100%,transparent 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;margin:0 auto}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__tagline{margin-top:5px;color:#fff;font-weight:300}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__tags{margin-top:20px;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__tags li{color:#00acc1;background:#00acc10d;padding:5px 15px;border-radius:25px;border:1px solid rgba(0,172,193,.75);transition:all .3s ease-in-out}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__tags li:hover{background:#00acc126}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__featured-tracks{margin-top:50px}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__featured-tracks .dcmate__section--intro__featured-tracks--list{display:flex;flex-direction:row;gap:20px;justify-content:center}.dcmate__section#home .dcmate__section--intro .dcmate__section--intro__call-to-action{margin-top:50px;display:flex;flex-direction:row;gap:20px;justify-content:center}.dcmate__section#featured{background-color:#181616}.dcmate__section#feed{background-color:#1c1b1b}.dcmate__section#feed .dcmate__feed{display:flex;flex-direction:row;position:relative;height:100%}.dcmate__section#feed .dcmate__feed .dcmate__feed--timeline{flex:0 0 50%}.dcmate__section#feed .dcmate__feed .dcmate__feed--timeline .dcmate__feed--timeline__list .dcmate__feed--timeline__list--item .dcmate__feed--timeline__list--item__divider{display:flex;flex-direction:row;align-items:center}.dcmate__section#feed .dcmate__feed .dcmate__feed--timeline .dcmate__feed--timeline__list .dcmate__feed--timeline__list--item .dcmate__feed--timeline__list--item__divider .date{font-weight:300;color:#fff}.dcmate__section#feed .dcmate__feed .dcmate__feed--timeline .dcmate__feed--timeline__list .dcmate__feed--timeline__list--item .dcmate__feed--timeline__list--item__divider span.trail{width:100%;height:1px;border-top:5px dashed rgba(255,193,7,.5)}.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration{flex:0 0 50%;position:relative;display:flex;align-items:center;justify-content:center}.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration img.illustration{position:absolute;max-width:70%;z-index:1}.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration .ripples{align-items:center;justify-content:center;display:flex}.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration .ripples .giant,.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration .ripples .medium,.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration .ripples .small{border-radius:50%;position:absolute;z-index:0}.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration .ripples .giant{width:450px;height:450px;background-color:#00acc140}.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration .ripples .medium{width:350px;height:350px;background-color:#00acc180;left:75px;top:300px}.dcmate__section#feed .dcmate__feed .dcmate__feed--illustration .ripples .small{width:250px;height:250px;background-color:#00acc1bf;left:100px;top:325px}.dcmate__section#about{background-color:#282727}.dcmate__section#about .dcmate__about{display:flex;flex-direction:column}.dcmate__section#about .dcmate__about .dcmate__about--header{display:flex;flex-direction:row;align-items:center}.dcmate__section#about .dcmate__about .dcmate__about--start img.dcmate__about--illustration{height:250px;margin-right:3rem}.dcmate__section#about .dcmate__about .dcmate__about--end .title{font-size:25px;font-weight:600;color:#fff}.dcmate__section#about .dcmate__about .dcmate__about--end .paragraph{font-size:14px;color:#ffffff80;margin-top:1rem;margin:1.5rem 0}.dcmate__section#about .dcmate__about .dcmate__about--end .call-to-action{display:flex;flex-direction:row;gap:15px}.dcmate__section#about .dcmate__about .dcmate__about--location{text-align:center;display:flex;align-items:center;justify-content:center;margin:50px 0}.dcmate__section#about .dcmate__about .dcmate__about--location i{font-size:35px;color:#ffc107;margin-right:.5rem}.dcmate__section#about .dcmate__about .dcmate__about--location p{font-size:18px;color:#fff;margin-left:.5rem;font-weight:300}.dcmate__section#about .dcmate__about .dcmate__about--capabilities{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:2.5rem}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item{height:125px;width:250px;position:relative;cursor:pointer;transition:all .25s ease-in-out}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item span.layout{content:"";background:#00bcd440;top:0;height:100%;width:100%;position:absolute;z-index:1;transition:all .25s ease-in-out}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item:hover{transform:scale(1.05)}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item:hover span.layout{background:#00bcd459}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item:hover h5.title{color:#fff}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item:hover span.waveform .waveform-bar{background:#ffc107}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item.studio{background-image:url(../../../images/studio-ticket-card.png);background-size:cover}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item.live{background-image:url(../../../images/live-ticket-card.png);background-size:cover}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item.collab{background-image:url(../../../images/collab-ticket-card.png);background-size:cover}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--left span.crop{position:absolute;transform:translateY(-50%);width:25px;height:25px;left:-15px;background-color:#282727;border-radius:50%;z-index:3}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--left span.crop:nth-child(1){top:20%}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--left span.crop:nth-child(2){top:50%}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--left span.crop:nth-child(3){top:80%}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--right span.crop{position:absolute;transform:translateY(-50%);width:25px;height:25px;right:-15px;background-color:#282727;border-radius:50%;z-index:3}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--right span.crop:nth-child(1){top:20%}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--right span.crop:nth-child(2){top:50%}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .ticket-edge--right span.crop:nth-child(3){top:80%}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item h5.title{position:absolute;z-index:3;top:35%;left:50%;transform:translate(-50%,-50%);color:#ffffffbf;font-size:50px;font-weight:900;text-transform:uppercase;transition:all .25s ease-in-out}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item span.waveform{position:absolute;z-index:3;bottom:20%;left:50%;transform:translate(-50%);width:75%;height:15px;transition:all .25s ease-in-out;display:flex;align-items:center;justify-content:space-between}.dcmate__section#about .dcmate__about .dcmate__about--capabilities .dcmate__about--capabilities__item .waveform-bar{width:3px;background-color:#ffffff80;transition:all .1s ease-in-out;transform-origin:center}.dcmate__section#contact{background-color:#2e2e2e}.dcmate__section#contact .dcmate__contact .dcmate__contact--header{position:relative;margin:25px 0 50px;z-index:0}.dcmate__section#contact .dcmate__contact .dcmate__contact--header h3.title{font-size:50px;color:#fff;font-weight:900;text-align:center;padding-top:25px;z-index:1}.dcmate__section#contact .dcmate__contact .dcmate__contact--header .rave-banner{position:absolute;width:100%;overflow:hidden;white-space:nowrap;opacity:.1;z-index:0}.dcmate__section#contact .dcmate__contact .dcmate__contact--header .rave-banner .rave-text{display:inline-block;animation:slide 90s linear infinite}.dcmate__section#contact .dcmate__contact .dcmate__contact--header .rave-banner .rave-text span{font-size:50px;font-weight:900;display:inline-block;margin-right:5px}.dcmate__section#contact .dcmate__contact .dcmate__contact--header .rave-banner .rave-text .neutral{color:#fff}.dcmate__section#contact .dcmate__contact .dcmate__contact--header .rave-banner .rave-text .highlight{color:#00acc1}.dcmate__section#contact .dcmate__contact .dcmate__contact--header #rave-banner-1{top:45px}.dcmate__section#contact .dcmate__contact .dcmate__contact--header #rave-banner-2{top:0}.dcmate__section#contact .dcmate__contact .dcmate__contact--header #rave-banner-2 .rave-text{animation:slide 120s linear infinite}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.dcmate__section#contact .dcmate__contact .dcmate__contact--methods{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:50px}.dcmate__section#contact .dcmate__contact .dcmate__contact--methods .dcmate__contact--methods--item{background:#1c1b1b;padding:20px;border-radius:5px;border:1px solid #0097a7;text-align:center}.dcmate__section#contact .dcmate__contact .dcmate__contact--methods .dcmate__contact--methods--item h4.title{font-size:24px;font-weight:500;color:#fff;margin-bottom:10px}.dcmate__section#contact .dcmate__contact .dcmate__contact--methods .dcmate__contact--methods--item h5.subtitle{font-size:14px;font-weight:300;color:#ffffff80;margin-bottom:15px}.dcmate__section#contact .dcmate__contact .dcmate__contact--direct-email{margin-top:50px;text-align:center}.dcmate__section#contact .dcmate__contact .dcmate__contact--direct-email button{outline:none;transition:all .25s ease-in-out;background:#ffc10759;box-shadow:0 0 25px #ffc10740;border:1px solid #ffc107;padding:10px 35px;border-radius:25px;font-size:18px;font-weight:400;font-family:"Exo 2",sans-serif;color:#fff;cursor:pointer}.dcmate__section#contact .dcmate__contact .dcmate__contact--direct-email button:hover{transform:scale(1.05);color:#fff;box-shadow:0 0 25px #ffc10780}.dcmate__section#contact .dcmate__contact .dcmate__contact--socials{margin:50px 0}.dcmate__section#contact .dcmate__contact .dcmate__contact--socials ul{display:flex;flex-direction:row;justify-content:center;gap:15px;list-style:none}.dcmate__section#contact .dcmate__contact .dcmate__contact--socials ul li img{width:25px;height:25px;cursor:pointer}.dcmate__section#contact .dcmate__contact .dcmate__copyright{text-align:center;font-size:16px;color:#ffffff80}*{clear:both;box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:"Exo 2",sans-serif}body{margin:0}