*{box-sizing:border-box}html{height:100%}body{font-family:'Heebo', sans-serif;font-weight:300;padding:0;margin:0;background:#caced6;color:#393a45;min-height:100%;display:flex;flex-direction:column}.body-wrapper{flex:1}.clearfix{clear:both}h1,h2,h3,h4,h5,h6{font-weight:normal;text-transform:uppercase}h1{font-size:30px;line-height:30px;font-weight:100}h1 img{height:22px}h1>span{opacity:0.5}@media (min-width: 700px){h1{font-size:60px;line-height:60px}h1 img{height:45px}}h2 span{opacity:0.5}h2 img{height:18px}h4{margin-bottom:5px}a{color:#015DA2}dl{margin:5px 0}dt,dd{display:inline-block}dt{text-transform:uppercase;font-size:12px;font-weight:900}dd{margin-left:12px}code{display:block;padding:7px;border:1px solid rgba(57,58,69,0.3);background:rgba(255,255,255,0.1);overflow-x:hidden}.flash{padding:30px;color:#fff}.flash.notice{background:#53a672}.flash.alert{background:#FF3A5D}.icon{fill:currentColor}.icon.outline path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}.collapsed{max-height:0 !important}.slide-down{transition:max-height 0.5s cubic-bezier(0.72, 0.05, 0.29, 0.97)}header{border-bottom:1px solid #393a45;padding:30px 0 10px 0}@media (min-width: 700px){header{padding:50px 0 10px 0}}header .logo{display:inline-block}header nav{float:right}footer{margin:80px 0 0 0}footer .container>div{padding:10px 0 40px 0;border-top:1px solid #393a45;text-align:right}footer a{display:inline-block;padding-left:20px;color:#393a45;text-decoration:none}.logo{font-weight:900}.logo a{color:black;text-decoration:none}nav ul{margin:0;padding:0}nav ul li{list-style:none;display:inline-block;padding:0 0 0 15px}nav a{text-decoration:none}table{border-collapse:collapse}table td{padding:10px;border:1px solid rgba(57,58,69,0.2)}.container{padding:0 20px;max-width:1300px;margin:0 auto}@media (min-width: 700px){.container{padding:0 40px}}.title{padding:25px 0}.title h1{display:inline-block;margin:0;padding:20px 0}.title .controls .icon{height:14px}@media (min-width: 1000px){.title .controls{float:right;text-align:right}}.columns>div{padding:0 0 30px 0}.columns>div .inner{padding:5px 0 0 0;border-top:1px solid #393a45}@media (min-width: 700px){.columns{display:flex;width:100%;margin-top:60px}.columns>div{width:auto;padding:0 30px 10px 0}}.player.large{position:relative;padding-bottom:30px;background:#0f0f17}.comment{border-bottom:1px solid rgba(57,58,69,0.2);margin-bottom:10px}.comment .byline{float:left;margin-right:8px}.share-dialog{display:none}.share-dialog>div{padding:20px 0}.pagination{text-align:center;padding:10px 0}.pagination span a,.pagination span.current{display:inline-block;padding:2px 10px;text-align:center;margin:auto 5px;border-radius:30px}.pagination span a.current,.pagination span.current.current{border:1px solid #53a672}.pagination a:hover{background:rgba(255,255,255,0.5)}.about p{max-width:500px}.drum-patch-builder{position:relative;background:linear-gradient(to bottom, #2a2931, #0f0f17);color:#caced6;padding-bottom:40px}.drum-patch-builder h2{margin:10px 0;padding:0 2%;font-weight:100}.drum-patch-builder #file{width:0px;height:0px;overflow:hidden}.drum-patch-builder #time,.drum-patch-builder #load{float:left}.drum-patch-builder #time{margin:27px 0 0 0}.drum-patch-builder #load{margin:20px 0 0 2%}.drum-patch-builder .controls{float:right;margin:20px 2% 0 0}.drum-patch-builder .controls .progress{display:inline-block;vertical-align:bottom}.drum-patch-builder .controls .loader{width:40px;height:40px}.drum-patch-builder .controls .loader circle{stroke-width:3px}.drum-patch-builder .controls .loader text{font-size:18px;font-weight:300}.drum-patch-builder #preview{margin-top:20px;width:100%;height:75px;cursor:pointer}.drum-patch-builder #preview circle{stroke:#fff;stroke-width:1px;fill:none}.drum-patch-builder #preview .sample{stroke:#555}.drum-patch-builder #preview .sample.active{stroke-width:2px;stroke:#53a672}.drum-patch-builder path.wave{stroke:#678fff;stroke-width:1px;fill:none}.drum-patch-builder .key-info{margin:15px 0 0 2%;display:inline-block;vertical-align:top;width:48%;user-select:none}.drum-patch-builder .key-info .key-info-inner{position:relative;text-align:center;min-width:450px}.drum-patch-builder .key-info svg{height:429px}.drum-patch-builder .key-info .sample-name{fill:#fff}.drum-patch-builder .key-info text{font-family:Heebo;font-weight:200}.drum-patch-builder .key-info span{position:absolute;display:block;padding:5px;font-size:14px;left:50%;width:200px;margin-top:-5px;cursor:move}.drum-patch-builder .key-info span::selection{background:none}.drum-patch-builder .key-info span.left{text-align:right;margin-left:-281px}.drum-patch-builder .key-info span.right{text-align:left;margin-left:81px}.drum-patch-builder .key-info span.hovered{background:#53a672;color:#fff}.drum-patch-builder .key-info .sample-type{fill:#6f90f7;font-size:11px;font-weight:300}.drum-patch-builder .key-info path,.drum-patch-builder .key-info circle,.drum-patch-builder .key-info line{fill:#0f0f17;stroke:#a0a0a0;stroke-miterlimit:10;transition:fill 0.2s}.drum-patch-builder .key-info .key{cursor:pointer}.drum-patch-builder .key-info .highlight{fill:#fff;stroke:none}.drum-patch-builder .key-info .active{fill:#00cb81;stroke:none}.drum-patch-builder .key-info .empty{color:#616271;cursor:default}.drum-patch-builder .key-info #left_samples tspan{text-anchor:end}.drum-patch-builder .sample-detail{background:#393a45;border:1px solid #53a672;width:48%;margin:15px 0;display:inline-block;position:relative;transition:opacity 0.3s}.drum-patch-builder .sample-detail h2{margin-bottom:0}.drum-patch-builder .sample-detail .length{margin:0 2%;opacity:0.6}.drum-patch-builder .sample-detail #removeSample{position:absolute;top:15px;right:15px}.drum-patch-builder .sample-detail .controls{padding:15px}body.embedded{background:#25252c}.embedded{background:#25252c;color:rgba(255,255,255,0.3);font-size:21px}.embedded a{color:inherit;text-decoration:none}.embedded a:hover{text-decoration:underline}.embedded .logo{float:right;font-weight:900;color:rgba(255,255,255,0.7);padding:25px 25px 0 25px}.embedded .name{padding:25px 25px 0 25px;text-transform:uppercase}.embedded .patch-name{color:rgba(255,255,255,0.8)}.embedded .icon{height:16px}.embedded .player.large{margin:5px 0 18px 0;background:none}.embedded .waveform.large{background:none;min-height:100px;height:100px}.embedded .details{padding:0 25px 25px 25px}.embedded dl{font-size:12px;color:rgba(255,255,255,0.5);float:left;width:200px;margin:0;padding:0}.embedded dd{text-transform:uppercase}a .spinner{display:none;height:14px;margin-right:4px}.help{display:block;font-size:16px;font-style:italic}.button,[type=submit]{display:inline-block;cursor:pointer;border-radius:0px;font:normal 400 18px/1.4 'Heebo', sans-serif;text-transform:uppercase;text-decoration:none;text-align:center;padding:10px 16px;margin-top:5px;background:none;transition:background, color 0.1s ease-out}.button.large,[type=submit].large{font-size:20px}.button.large .spinner,[type=submit].large .spinner{height:20px;margin-bottom:-2px;margin-right:10px}.button.small,[type=submit].small{font-size:14px;padding:5px 10px;margin-top:0;border-width:2px !important}.button.small .spinner,[type=submit].small .spinner{height:15px;margin-right:4px}.button.tiny,[type=submit].tiny{font-size:13px;padding:0px 4px;margin-top:0;border-width:1px !important}.button.tiny .spinner,[type=submit].tiny .spinner{height:13px;margin-right:4px}.button.primary,[type=submit].primary{color:#53a672;border:2px solid #53a672}.button.primary:hover,[type=submit].primary:hover{background:#53a672;color:#fff}.button.secondary,[type=submit].secondary{color:#678fff;border:2px solid #678fff}.button.secondary:hover,[type=submit].secondary:hover{background:#678fff;color:#fff}.button.tertiary,[type=submit].tertiary{color:#FF3A5D;border:2px solid #FF3A5D}.button.tertiary:hover,[type=submit].tertiary:hover{background:#FF3A5D;color:#fff}.button.black,[type=submit].black{color:#393a45;border:2px solid #393a45}.button.black:hover,[type=submit].black:hover{background:#393a45;color:white}.field_with_errors{color:#d30025}.field_with_errors [type=text],.field_with_errors [type=email],.field_with_errors [type=password],.field_with_errors textarea{border-color:#FF3A5D}form .field{padding-bottom:20px}label{font-size:18px;display:block}label.inline{display:inline}[type=text],[type=email],[type=password],textarea{width:100%;background:none;border-radius:6px;border:2px solid #393a45;cursor:pointer;display:block;font:normal 400 18px/1.4 'Heebo', sans-serif;max-width:100%;padding:6px 12px}[type=text]:focus,[type=email]:focus,[type=password]:focus,textarea:focus{background:rgba(255,255,255,0.1)}[type=text]:focus:hover,[type=email]:focus:hover,[type=password]:focus:hover,textarea:focus:hover{cursor:text}[type=text]:hover,[type=email]:hover,[type=password]:hover,textarea:hover{background:rgba(255,255,255,0.4)}select{width:100%;max-width:200px;-webkit-appearance:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMjMxRjIwIiBkPSJNNTEyIDY4LjZMMjU2IDUxMiAwIDY4LjZ6Ii8+PC9zdmc+);background-position:90% 50%;background-repeat:no-repeat;background-size:auto 25%;border-radius:6px;border:2px solid #393a45;display:block;padding:7px 48px 7px 12px;font:normal 400 18px/1.4 'Heebo', sans-serif}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){select::-ms-expand{display:none}select:focus::-ms-value{background:transparent;color:#222}}@-moz-document url-prefix(){select{background-image:none}}select::-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.form-checkbox{display:block;height:0;position:absolute;right:100%}.form-checkbox+label{cursor:pointer;display:block;position:relative}.form-checkbox+label::before{border-radius:3px;box-shadow:0 0 0 3px #403132;content:"";display:inline-block;height:0.75em;margin-right:0.5em;width:0.75em}.form-checkbox+label::after{background-color:#403132;border-radius:2px;box-shadow:0;color:#e7f4b4;content:"";display:block;height:10px;width:10px;left:2px;opacity:0;overflow:hidden;position:absolute;top:8px;transform:scale(0.4);z-index:2}.form-checkbox+label:hover::before{background:rgba(255,255,255,0.6)}.form-checkbox:active+label::before{background:rgba(57,58,69,0.2);transform:scale(1)}.form-checkbox:focus+label::before{background:rgba(255,255,255,0.6);transform:scale(1.2)}.form-checkbox:checked+label::after{transform:scale(1);opacity:1}.file-upload-form{color:#fff}.file-upload-form .progress,.file-upload-form .uploading-message{padding:20px;color:#53a672;font-size:20px}.file-upload-form .progress.error,.file-upload-form .uploading-message.error{color:#FF3A5D}.file-upload-form .uploading-message{display:none}.inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}label.button{margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.loader{width:60px;height:60px;margin:0 10px}.loader circle{fill:none;stroke:#53a672;stroke-width:2px;stroke-dasharray:220}.loader text{fill:#53a672;stroke:none;font-size:24px;font-weight:100;text-align:center}.band{margin-top:40px;background:linear-gradient(to bottom, #2a2931, #0f0f17);padding:50px 0;z-index:1;position:relative;box-shadow:0 15px 20px rgba(0,0,0,0.3)}.band .jumbo{margin-bottom:30px}@media (min-width: 1000px){.band .container{display:flex}.band .container .jumbo{width:30%;margin-bottom:0}.band .container .featured-patch{padding-left:20px;width:70%}}.band .featured-patch{color:rgba(255,255,255,0.3)}.band .featured-patch .embedded{border:1px solid rgba(255,255,255,0.5)}.band .featured-patch .player.large{background:none;padding-bottom:0}.band .featured-patch .waveform.large{min-height:auto;height:auto}.band .featured-patch .caption{padding-top:5px;float:right;font-size:14px}.jumbo{font-size:32px;font-weight:100;color:#fff}.jumbo .cta{margin-top:25px}@media (min-width: 700px){.jumbo{font-size:56px;line-height:68px}}#knobs{width:200px;max-width:100%;display:block;margin-bottom:14px}.center{text-align:center}.center img{max-width:100%;z-index:0}.key-shadow{box-shadow:inset 0 0 10px rgba(0,0,0,0.7);background:rgba(0,0,0,0.1);position:absolute;opacity:0;pointer-events:none;z-index:5;transition:opacity 0.125s ease-out}.callouts{padding:20px 1.5%;max-width:1111px;margin:0 auto}.callouts .callout-title{font-size:28px;margin-bottom:0;margin-top:-10px}.callouts .callout{padding-bottom:20px;padding-top:15px;pointer-events:none}.callouts .callout a{pointer-events:auto}.callouts p{margin:0;font-size:17px}@media (min-width: 1000px){.callouts .callout,.callouts .callout-title{width:50%;float:left;padding-right:60px}.callouts .callout-title{font-size:33px}.callouts .callout{padding:0 60px 60px 90px;margin-top:-73px}.callouts p{text-align:left}}.callouts .icon{display:inline-block;background:#c5c8cf;border:1px inset;border-radius:4px;height:73px;width:73px;line-height:70px;text-align:center;font-size:18px;margin-right:15px;margin-bottom:10px}.callouts .icon img{vertical-align:middle}@media (min-width: 1000px){.callouts .icon{position:relative;display:block;left:-90px;top:74px;margin-right:0;margin-bottom:0}}.top-10{margin-top:30px;display:block}@media (min-width: 1000px){.top-10{display:flex}}.top-10 h3{border-top:1px solid #393a45}@media (min-width: 1000px){.top-10>div{width:50%}}.top-10 .results{display:block}.notifications-link{background:#FF3A5D;padding:1px 9px 0 9px;color:#fff;border-radius:30px;transition:0.3s}.notifications-link:hover{background:#d30025;color:#fff}.notifications-link.none{color:#393a45;border:1px solid #393a45;background:none;opacity:0.8}.notifications-link.none:hover{color:#fff;background:#393a45}.notifications{margin:0;padding:0;list-style:none}.notifications>div{overflow:hidden;max-height:85px;border-bottom:1px solid rgba(57,58,69,0.2);border-left:5px solid rgba(57,58,69,0.2);border-right:1px solid rgba(57,58,69,0.2)}.notifications>div.unread{border-left:5px solid #FF3A5D}.notifications>div>a{text-decoration:none;display:block;text-overflow:ellipsis;white-space:nowrap;padding:10px;color:#393a45}.notifications>div>a:hover{background:rgba(255,255,255,0.1)}.notifications>div .icon{height:13px;margin-right:3px}.notifications p{margin-bottom:0}.pack .contents{text-transform:uppercase;font-size:13px}.pack .contents span{opacity:0.51}.pack-detail div.patches ul{padding-bottom:20px}@media (min-width: 700px){.pack-detail .info{flex-grow:1;width:25%}.pack-detail div.patches{flex-grow:2;width:75%}}.pack-detail .description{border-bottom:1px solid #393a45;margin-bottom:5px;padding-bottom:20px}.pack-detail .comments{border-top:1px solid #393a45;padding-top:4px}.pack-detail h3{margin-top:0}a.like-link,a.comment-link{white-space:nowrap;color:rgba(57,58,69,0.5)}a.like-link.liked,a.comment-link.liked{color:#FF3A5D}.packs-menu{list-style:none;padding:5px 0;margin:0}.packs-menu li{font-size:14px}@media (min-width: 1000px){.packs-menu li{text-align:right}}.patch .button.tiny{position:relative;top:-2px}.patch .button.tiny:hover{text-decoration:none}.patch .type{text-transform:uppercase;padding:0 0 5px 29px;font-size:13px}.patch .type span{opacity:0.51}.patch dl{opacity:0.6;float:left;width:200px;margin:0;padding:0}.patch dt{font-weight:normal}.waveform{display:block;cursor:pointer;width:100%}.waveform .wave{stroke-linecap:round;stroke-linejoin:round;fill:none}.waveform .playing-progress{stroke:#53a672;stroke-width:1px;fill:none}.waveform.preview:hover .wave{stroke:#393a45}.waveform.preview .wave{transition:stroke 0.3s, stroke-width 0.3s ease-out;stroke:RGB(142, 143, 145);stroke-width:1px}.waveform.preview .loading-progress{display:none}.waveform.large{background:#292931;background:linear-gradient(to bottom, #2a2931, #0f0f17);min-height:150px}@media (min-width: 700px){.waveform.large{min-height:200px}}.waveform.large .wave{stroke:#678fff;fill:none;stroke-width:1px}.waveform.large .marker{stroke:RGB(103, 101, 122);fill:none;stroke-width:1px}.waveform.large .loading-progress{stroke:#504f5e;fill:none;stroke-width:1px}.patch-all>div{width:33%;padding-right:20px}.patch-detail .description{border-bottom:1px solid #393a45;margin-bottom:10px}.patch-detail h3{margin-top:0}@media (min-width: 700px){.patch-detail .author{flex-grow:1;width:25%}.patch-detail .main{flex-grow:2;width:50%}.patch-detail .stats{flex-grow:1;width:25%;padding-right:0}}.edit_patch select{display:inline-block}.new-patch{background:linear-gradient(to bottom, #2a2931, #0f0f17)}.new-patch section{float:left;width:50%;text-align:right}.new-patch section:nth-child(2){text-align:left}.new-patch form,.new-patch .builder{padding:50px;width:350px;text-align:center}.new-patch form{float:right}.new-patch .file-upload-form img{margin:21px 0}.new-patch .builder{text-align:center}.toggle-keys{display:none;position:absolute;bottom:15px;right:3.6%;width:200px;height:27.5px;text-align:right;text-decoration:none;color:#a2a5ab;transition:color 0.3s}.toggle-keys:hover{color:#caced6}.toggle-keys span{text-transform:uppercase;font-size:12px;display:inline-block;position:relative;bottom:8px;margin-right:6px}.midi-indicator{position:absolute;bottom:17px;left:3.6%;color:#caced6;font-size:12px}.midi-indicator svg{margin-right:3px;width:10px;height:10px}.midi-indicator svg.active circle{fill:#53a672}.midi-indicator circle{fill:#393a45}#op1-keys-container{position:relative;max-height:218px;overflow:hidden}.search{background:rgba(15,15,23,0.25);padding:30px 0}.search .columns{margin-top:0;display:flex;flex-flow:row wrap;justify-content:space-between}.search .columns>div{padding-right:0}.search.patch-search .columns>div{width:49%}@media (min-width: 700px){.search.patch-search .columns>div{width:18%}}.search.pack-search .columns>div{width:49%}@media (min-width: 700px){.search.pack-search .columns>div{width:24%}}.search input[type=text],.search select{margin-right:15px;color:#fff}.search input[type=text]:hover,.search input[type=text]:focus,.search select:hover,.search select:focus{background:transparent}.search label{font-size:14px;text-transform:uppercase}.search select{width:100%;max-width:auto}.search .button{margin-top:-3px;width:100%}ul.results{list-style:none;padding:0}@media (min-width: 700px){ul.results{display:flex;flex-flow:row wrap;justify-content:space-between}}ul.results>li{cursor:pointer;border-radius:4px;padding:6px;margin:15px 0;background:#d8dbe3;transition:box-shadow 0.4s ease-out}@media (min-width: 700px){ul.results>li{flex:0 1 49%}}ul.results>li:hover{box-shadow:0 8px 20px rgba(57,58,69,0.3)}ul.results a{text-transform:uppercase;text-decoration:none}ul.results a:hover{text-decoration:underline}ul.results a.username{color:rgba(57,58,69,0.4)}ul.results .icon{height:12px}ul.results .social{float:right;color:rgba(57,58,69,0.5);text-align:right}@media (min-width: 1000px){.sign-up,.log-in{width:40%;margin:0 auto}}.sign-up .links,.log-in .links{margin-top:20px}.tapes-intro{background:linear-gradient(to bottom, #2a2931, #0f0f17);padding:30px 0 50px 0}.tapes-intro svg{margin:10px}@media (min-width: 700px){.tapes-intro svg{float:left}}.tapes-intro svg.reel line,.tapes-intro svg.reel path,.tapes-intro svg.reel circle{stroke:#caced6;fill:none;stroke-width:1.5}.tapes-intro svg.laptop{margin-right:25px}.tapes-intro .words{color:#caced6;font-size:36px;font-weight:100;max-width:550px;margin-left:10px}@media (min-width: 700px){.tapes-intro .words{margin-left:200px}}.tapes-intro .words .button{margin-top:15px}.tape-backup-detail .description{border-bottom:1px solid #393a45;margin-bottom:10px}.tape-backup-detail h3{margin-top:0}@media (min-width: 700px){.tape-backup-detail .author{flex-grow:1;width:25%}.tape-backup-detail .main{flex-grow:2;width:50%}.tape-backup-detail .stats{flex-grow:1;width:25%;padding-right:0}}.tape-player{background:linear-gradient(to bottom, #2a2931, #0f0f17);position:relative;text-align:center}.tape-player #screen .st0{fill:none;stroke:#534468;stroke-width:1.5}.tape-player #screen .st1{fill:#FFFFFF}.tape-player #screen .st2{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-linecap:square}.tape-player #screen .st3{fill:none;stroke:#534468;stroke-width:1.5}.tape-player #screen .st4{fill:#534468}.tape-player #screen .st5{font-family:Heebo;font-weight:300}.tape-player #screen .st6{font-size:20px}.tape-player #screen .mute,.tape-player #screen .solo{cursor:pointer}.tape-player #screen .mute:hover rect,.tape-player #screen .mute.active rect{fill:#FF3A5D;stroke:none}.tape-player #screen .solo:hover rect,.tape-player #screen .solo.active rect{fill:#53a672;stroke:none}.tape-player #screen .mute:hover text,.tape-player #screen .mute.active text{fill:#0f0f17}.tape-player #screen .solo:hover text,.tape-player #screen .solo.active text{fill:#caced6}.tape-player .transport{display:block;text-align:center;padding-top:15px}.tape-player .time-position{font-size:38px;font-weight:100;color:#caced6}.tape-player .play-pause{margin-left:10px;cursor:pointer}.tape-player .play-pause svg{height:28px}.tape-player .play-pause.paused .play{display:none}.tape-player .play-pause.paused .pause{display:block}.tape-player .play-pause.playing .play{display:block}.tape-player .play-pause.playing .pause{display:none}.tape-player .play-pause rect,.tape-player .play-pause polygon{fill:none;stroke:#678fff;stroke-width:1.5}.tape-player .track{stroke:#678fff;stroke-width:1;stroke-linecap:butt;cursor:pointer}.tape-player .track-bg{stroke:transparent;stroke-width:5;stroke-linecap:butt;cursor:pointer}.tape-player .cap{fill:#caced6;opacity:0;transition:opacity 0.3s ease}.tape-player .cap.active{opacity:1}.tape-player .track-group:hover .cap{opacity:1;fill:#678fff}.tape-player .playing-progress,.tape-player .loading-progress{stroke:#caced6;stroke-width:1px;z-index:1}.tape-player .loading-progress{stroke:#53a672}.tape-player .loop-start{stroke:#53a672;stroke-width:1px}.tape-player .loop-end{stroke:#FF3A5D;stroke-width:1px}.processing,.failed{background:linear-gradient(to bottom, #2a2931, #0f0f17);padding:40px 0 30px 0;text-align:center}.processing h1,.failed h1{margin:0;padding:15px 0 0 0;text-transform:uppercase;font-size:30px;color:#678fff;font-weight:100;line-height:40px}.processing .subtitle,.failed .subtitle{color:#caced6}.failed h1{color:#FF3A5D}.limit-note{font-size:24px;max-width:600px;padding:0 0 30px 0}.limit-note .button{margin-top:15px}.tapes{display:flex;flex-flow:row wrap}.tape-icon{background:rgba(0,0,0,0.1);border-radius:8px;padding:15px;margin:0 1% 15px 0;transition:background 0.4s ease;text-align:center;text-decoration:none;width:100%}@media (min-width: 700px){.tape-icon{width:32%}}.tape-icon:hover{background:rgba(0,0,0,0.3)}.tape-icon img{max-width:100%}.tape-icon .label{background:#fff;color:#393a45;padding:5px 12px;text-transform:uppercase;margin:5px 10px 0 10px;transition:all 0.5s ease}.tape-icon .date{display:block;font-size:12px;opacity:0.6}.user-detail h3{margin-top:0}@media (min-width: 700px){.user-detail .info{flex-grow:1;width:25%}.user-detail div.patches{flex-grow:2;width:75%}}@media (min-width: 700px){.edit-profile .columns>div{width:50%}}