.App{text-align:center}.App,html{height:100%}html{background:linear-gradient(315deg,#4d7e7e,#465572);background-color:#fefefe;background-color:var(--main-bg-color);background-size:cover}#root{height:100%}*,:after,:before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--main-bg-color:#fefefe;--hero-color:#344458;--hero-highlight:#f18b05;--hero-orange:#fd974f;--hero-orange-light:hsla(0,0%,100%,0.25);--active-color:#2f9aef;--piano-color:#2f9aef;--guitar-color:#f0c229;--marimba-color:#f6843f;--sequencer-color:#f6843f;--bass-color:#ec5eb2;--drum-color:#86c44e;--sound-color:#20b2aa;--text-color:#30acac;--definitions-color:#996dd9;--header-bg-color:#2e303f;--mixer-track-pad:15px;--error-color:#da575d;--main-font:"Nunito",sans-serif;--title-font:"Nunito Sans",sans-serif;--impact-font:"Alegreya Sans",sans-serif;--impact-font-alt:"Oleo Script",cursive;--nav-color:#414251;--main-border-radius-5:5px;--main-border-radius-7:7px;--main-box-shadow:0px 15px 5px -10px rgb(50 50 93/25%),0 30px 65px -30px rgb(0 0 0/0%);--project-box-shadow:0px 15px 5px -10px rgb(50 50 93/25%),0 30px 65px -30px rgb(0 0 0/0%);--background-pattern:radial-gradient(circle at top left,#ebebeb 0%,#ebebeb 10%,#e5e5e5 0,#e5e5e5 18%,#dedede 19%,#dedede 21%,#d8d8d8 22%,#d8d8d8 23%,transparent 0),radial-gradient(circle at top left,#d1d1d1 23%,#d1d1d1 66%,#cdcdcd 67%,#cdcdcd 75%,#c8c8c8 0,#c8c8c8 75%,transparent 0),radial-gradient(circle at top left,#c3c3c3 74%,#c3c3c3 84%,#bebebe 85%,#bebebe 0,#4d7e7e 0,#4d7e7e 86%,#465572 93%,#465572 100%);--alt-background-pattern:radial-gradient(circle at bottom right,#ebebeb 0%,#ebebeb 10%,#e5e5e5 0,#e5e5e5 18%,#dedede 19%,#dedede 21%,#d8d8d8 22%,#d8d8d8 23%,transparent 0),radial-gradient(circle at bottom right,#d1d1d1 24%,#d1d1d1 66%,#cdcdcd 67%,#cdcdcd 75%,#c8c8c8 0,#c8c8c8 75%,transparent 0),radial-gradient(circle at bottom right,#c3c3c3 74%,#c3c3c3 84%,#bebebe 85%,#bebebe 0,#4d7e7e 0,#4d7e7e 86%,#465572 93%,#465572 100%);--gray-background-pattern:radial-gradient(circle at 60% 60%,#fafafa 0%,#f7f7f7 6%,#f2f2f2 0,#f2f2f2 15%,#f0f0f0 0,#f0f0f0 47%,#ebebeb 0,#ebebeb 54%,#e8e8e8 0,#e8e8e8 56%,#e5e5e5 0,#e5e5e5 90%,#dfdfdf 0,#dfdfdf 100%);--background-admin-pattern:linear-gradient(67.5deg,#d7d7d7,#d7d7d7 46%,#bdbaba 0,#bdbaba 49%,#b5b5b5 0,#b5b5b5 56%,#a4a4a4 0,#a4a4a4 61%,#929292 0,#929292 75%,#818181 0,#818181 84%,#707070 0,#707070),linear-gradient(22.5deg,#d7d7d7,#d7d7d7 46%,#bdbaba 0,#bdbaba 49%,#b5b5b5 0,#b5b5b5 56%,#a4a4a4 0,#a4a4a4 61%,#929292 0,#929292 75%,#818181 0,#818181 84%,#707070 0,#707070),linear-gradient(112.5deg,#d7d7d7,#d7d7d7 46%,#bdbaba 0,#bdbaba 49%,#b5b5b5 0,#b5b5b5 56%,#a4a4a4 0,#a4a4a4 61%,#929292 0,#929292 75%,#818181 0,#818181 84%,#707070 0,#707070),linear-gradient(90deg,#e7e7e7,#c3c3c3);--background-pattern-blue:radial-gradient(circle at top left,#ebebeb 0%,#ebebeb 10%,#e5e5e5 0,#e5e5e5 18%,#dedede 19%,#dedede 21%,#d8d8d8 22%,#d8d8d8 23%,transparent 0),radial-gradient(circle at top left,#d1d1d1 23%,#d1d1d1 66%,#cdcdcd 67%,#cdcdcd 75%,#c8c8c8 78%,transparent 0),radial-gradient(circle at top left,#c3c3c3 79%,#c3c3c3 84%,#4d7e7e 0,#4d7e7e 86%,#465572 93%,#465572 100%)}body{box-sizing:border-box;margin:0;padding:0;height:100%;font-family:"Nunito",sans-serif;font-family:var(--main-font);font-weight:200;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-font-smoothing:antialiased}main{padding-top:80px;padding-left:60px;min-height:100%}.content{height:100%;min-height:100vh;padding-top:50px}h1{font-family:"Alegreya Sans",sans-serif;font-family:var(--impact-font);font-size:50px;font-weight:600;letter-spacing:1px;color:#fff;line-height:120%;max-width:90vw;margin:1em 1.5em 0 auto}h2{font-size:26px}h2,h3{font-family:"Nunito",sans-serif;font-family:var(--main-font);font-weight:600;color:#344458;color:var(--hero-color)}h3{font-size:18px}h1 .dark,h1.dark,h2 .dark,h2.dark{color:#465572}.hidden{visibility:hidden;display:none!important}button{height:32px;background-color:#3d4d60;padding:0 3px;font-size:15px;color:#fff;outline:none;font-size:11pt;font-weight:500;font-family:"Nunito",sans-serif!important;font-family:var(--main-font)!important;border:2px solid transparent;line-height:1;display:flex;align-items:center;justify-content:space-evenly;border-radius:5px;margin:3px}button,button:hover{cursor:pointer}button.rounded{border-radius:24px}button.default{background-color:#3d4d60}button.default,button.default:hover{transition:background-color .175s ease-in-out}button.default:hover{background-color:transparent;border:2px solid #3d4d60;color:#3d4d60!important}button.secondary{background-color:#fff;color:rgba(52,68,88,.5);border:1px solid rgba(52,68,88,.5);transition:opacity .175s ease-in-out;opacity:1}button.secondary:hover{transition:opacity .175s ease-in-out;opacity:.7}button.danger{background-color:#da575d;background-color:var(--error-color);color:#fff}button.danger,button.danger:hover{transition:background-color .175s ease-in-out}button.danger:hover{background-color:transparent;border:2px solid #da575d;border:2px solid var(--error-color);color:#da575d!important;color:var(--error-color)!important}button.danger-secondary{color:#da575d;color:var(--error-color);border:1px solid #da575d;border:1px solid var(--error-color);background-color:#fff;opacity:1;transition:opacity .175s ease-in-out}button.danger-secondary:hover{transition:opacity .175s ease-in-out;opacity:.7}button.confirm{background-color:#86c44e;background-color:var(--drum-color);color:#fff}button.confirm,button.confirm:hover{transition:background-color .175s ease-in-out}button.confirm:hover{background-color:transparent;border:2px solid #86c44e;border:2px solid var(--drum-color);color:#86c44e!important;color:var(--drum-color)!important}button:disabled,button:disabled:hover{background-color:#ccc;color:#3d4d60!important;border-color:#3d4d60;outline:none;cursor:not-allowed}button a{color:unset;text-decoration:none}.profile-picture{min-width:100px;min-height:100px;background-color:#fff;box-shadow:0 7px 14px 0 rgb(60 66 87/12%),0 3px 6px 0 rgb(0 0 0/12%);background-repeat:no-repeat;background-size:contain;background-position:50%;background-origin:content-box;width:100px;height:100px;border-radius:20%}.default-user-picture.small,.profile-picture.small{min-width:35px;min-height:35px;width:35px;height:35px;border-radius:100%}.default-user-picture.medium,.profile-picture.medium{min-width:60px;min-height:60px;width:60px;height:60px;border-radius:100%}.default-user-picture{min-width:100px;min-height:100px;border:2px dotted #3d4d60;background-image:url(/static/media/default_profile.e777a338.svg);background-clip:padding-box;padding:10px;left:175px;border-radius:20%}.default-user-picture.small{padding:3px}#page-heading{overflow:hidden;margin:0;padding-top:77px;position:relative}#page-heading:before{content:"";height:100%;position:absolute;top:0;left:0;width:100vw;opacity:1;z-index:-1}#page-heading-title{text-align:left;max-width:90vw;height:auto}#page-heading-title h1.secondary{margin-right:1.5em}.gadget-icon{min-width:36px;min-height:36px;background-color:#2f9aef;background-color:var(--piano-color);border-radius:50%;margin-right:10px;background-size:70%;background-repeat:no-repeat;background-position:50%;display:inline-flex;position:relative}.gadget-icon.guitar{background-color:#f0c229;background-color:var(--guitar-color)}.gadget-icon.bass,.gadget-icon.guitar{background-image:url(/static/media/bass.83115ca1.svg)}.gadget-icon.bass{background-color:#ec5eb2;background-color:var(--bass-color)}.gadget-icon.marimba{background-color:#f6843f;background-color:var(--marimba-color);background-image:url(/static/media/marimba.d8d578cc.svg)}.gadget-icon.piano{background-color:#2f9aef;background-color:var(--piano-color);background-image:url(/static/media/synth.5e28f4ee.svg)}.gadget-icon.drumkit,.gadget-icon.drums{background-color:#86c44e;background-color:var(--drum-color);background-image:url(/static/media/drumkit.3cb09844.svg)}.gadget-icon.definitions{background-color:#996dd9;background-color:var(--definitions-color);background-image:url(/static/media/definitions.85588027.svg)}.gadget-icon .play-icon{opacity:0;background-image:none;background-color:rgba(0,0,0,.375);color:#f1f1f1;transition:all .175s ease-in-out;text-align:center;cursor:pointer;border-radius:50%;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12pt}.library-item .gadget-icon .play-icon{font-size:28pt}.gadget-icon:hover .play-icon{opacity:1;transition:all .175s ease-in-out}.gadget-icon.definitions .play-icon{display:none}.x-mark{stroke:#000}.tooltip-outer{display:flex;margin:4px 4px 4px 8px;position:relative}.tooltip-outer .tooltip-text{display:none;position:absolute;background:#fff;padding:10px;opacity:.95;border-radius:6px;left:100%;bottom:0;z-index:100;width:275px;margin-left:3px}.tooltip-icon:hover{opacity:.8;cursor:help}.tooltip-outer:hover .tooltip-text{display:unset}.tooltip-outer.reactions:before{display:none;content:"";position:absolute;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);top:-1px;height:0;width:0;border:5px solid transparent;border-top-color:#f0f0f0;border-bottom:none;z-index:10000}.tooltip-outer.reactions:hover:before{display:unset}.tooltip-outer.reactions .tooltip-text{position:absolute;border-radius:6px;bottom:100%;z-index:4000;display:flex;justify-content:space-evenly;flex-wrap:nowrap;flex-direction:row;align-items:center;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);font-size:16pt;width:unset;background:hsla(0,0%,100%,.92);padding:10px;margin-bottom:1px;box-shadow:0 15px 5px -10px rgb(50 50 93/25%),0 30px 65px -30px rgb(0 0 0/0);transition:opacity .15s ease-out}.tooltip-outer.reactions{margin:0}.tooltip-outer.reactions .tooltip-text{visibility:hidden;opacity:0;display:unset;transition:visibility .3s ease 0s,opacity .3s ease 0s}.tooltip-outer.reactions:hover .tooltip-text{opacity:.95;visibility:visible}.tooltip-outer.reactions .tooltip-text .icon{margin:8px 5px;width:25px;display:flex;align-items:center;justify-content:center}.tooltip-outer.reactions:hover .tooltip-text .icon:hover{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.tooltip-outer.reactions .tooltip-text .selected .icon{background-color:rgba(46,48,63,.66);outline:3px solid rgba(46,48,63,.66);border-radius:3px}.reactions .outer-icon{width:75%}.reactions .icon.star{color:#86c44e;color:var(--drum-color)}.icon.love{color:#da575d;color:var(--error-color)}.switch{position:relative;display:inline-block;width:36px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:14px;width:14px;left:4px;bottom:5px;background-color:#fff}input:checked+.slider.default,input:checked+.slider.secondary{background:#2f9aef;background:var(--active-color)}input:focus+.slider.default,input:focus+.slider.secondary{box-shadow:0 0 1px #2f9aef;box-shadow:0 0 1px var(--active-color)}input:checked+.slider.confirm{background:#86c44e;background:var(--drum-color)}input:focus+.slider.confirm{box-shadow:0 0 1px #86c44e;box-shadow:0 0 1px var(--drum-color)}input:checked+.slider.danger,input:checked+.slider.danger-secondary{background:#da575d;background:var(--error-color)}input:focus+.slider.danger,input:focus+.slider.danger-secondary{box-shadow:0 0 1px #da575d;box-shadow:0 0 1px var(--error-color)}input:disabled+.slider{background-color:#2e303f!important;background-color:var(--header-bg-color)!important;color:#3d4d60!important;border-color:#3d4d60;cursor:not-allowed;opacity:.9}input:disabled+.slider:before{background-color:#ccc!important}input:checked+.slider:before{-webkit-transform:translateX(14px);transform:translateX(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.page-error{width:100%;text-align:center;padding:200px 5px;color:#fefefe;color:var(--main-bg-color);font-weight:300}.page-error h1{margin:auto}.page-error a{color:#f6843f;color:var(--sequencer-color);text-decoration:none}.page-error a:hover{text-decoration:underline}#empty-container{display:flex;width:100%;height:100%;align-items:center;flex-wrap:wrap;flex-direction:column;justify-content:center;opacity:.65;overflow:hidden;padding:25px;text-align:center}#empty-icon{color:#344458;color:var(--hero-color);font-size:70pt;opacity:.8}.scroll-top{position:fixed;bottom:15px;right:15px;width:50px;height:50px;font-size:20pt;background:tomato;display:flex;align-items:center;justify-content:space-around;border-radius:50%;opacity:1}.scroll-top,.scroll-top.hidden{transition:visibility 0s,opacity .15s linear}.scroll-top.hidden{opacity:0}.scroll-top.visible:hover{opacity:.8;cursor:pointer}.confirm-content{opacity:0;visibility:hidden;position:absolute;background-color:#fff;padding:1.5rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);border-radius:10px;display:flex;justify-content:space-between;height:60px;width:256px;right:calc(50% - 128px)}.confirm-actions,.confirm-content{flex-direction:row;align-items:center}.confirm-actions{display:inline-flex;justify-content:flex-end}.confirm-content button{width:40px}.confirm-content:before{position:absolute;z-index:-1;content:"";right:calc(50% - 10px);top:-8px;border-color:transparent transparent #fff;border-style:solid;border-width:0 10px 10px;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.confirm-anchor{position:relative}.confirm-anchor.show-content .confirm-content{z-index:10;opacity:1;visibility:visible;transition:all .5s cubic-bezier(.75,-.02,.2,.97)}.popup{background:#fff;border:1px solid #ccc;transition:1.1s ease-out;box-shadow:-2rem 2rem 2rem rgba(black,.2);-webkit-filter:blur(0);filter:blur(0);-webkit-transform:scale(1);transform:scale(1);opacity:1;position:fixed;top:62px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:"Nunito",sans-serif!important;font-family:var(--main-font)!important;color:#344458;color:var(--hero-color);padding:15px;z-index:5000;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.popup svg{margin-right:5px;color:#2f9aef;color:var(--piano-color);opacity:.85;font-size:13pt}.popup #icon\ success{color:#86c44e;color:var(--drum-color)}.popup #icon\ error{color:#da575d;color:var(--error-color)}.modal{background:#fff;border:1px solid #ccc;transition:1.1s ease-out;box-shadow:-2rem 2rem 2rem rgba(black,.2);-webkit-filter:blur(0);filter:blur(0);-webkit-transform:scale(1);transform:scale(1);opacity:1;position:absolute;transform:translate(-50%,-50%);padding:35px 15px 15px}.modal,.overlay{top:50%;left:50%;-webkit-transform:translate(-50%,-50%)}.overlay{background-color:rgba(0,0,0,.73);width:100%;height:100%;position:fixed;z-index:999;transform:translate(-50%,-50%)}.modal .modal-close{position:absolute;right:0;top:0;margin:5px;font-size:14pt;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal .modal-close:hover{opacity:.8}#loading-dialog-empty{display:none}.loading-wrapper{width:100%}.loading-dialog{display:block;background-color:#fafafa;color:#333;font-size:30px;line-height:150%;font-weight:700;box-sizing:border-box;margin:100px auto;height:200px;width:200px;border-radius:50%;padding:20px;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center}#date-outer,.loading-dialog{position:relative}#date-outer #modified{transition:all .25s ease-in-out}#date-outer #date-inner{display:none;position:absolute;background-color:#2e303f;background-color:var(--header-bg-color);color:#fff;font-weight:400;padding:2px 5px;border-radius:5px;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);top:-18px}#date-outer:hover{text-decoration:underline;cursor:pointer}#date-outer:hover #date-inner{display:unset}.page-content .home-logo a{text-decoration:none;margin:0 auto;color:#344458;color:var(--hero-color);font-weight:600}nav .top-nav-wrapper{width:100%;max-width:1920px;margin:0 auto;justify-content:center;overflow:hidden}nav .top-nav-logo-wrapper,nav .top-nav-wrapper{display:flex;align-items:center}.top-nav-logo-wrapper .menu-icon{display:none}nav.top-nav{background-color:#fff;position:fixed;width:100%;height:55px;color:#2b344f;z-index:5000;box-shadow:0 3px 3px rgba(0,0,0,.1);display:flex;align-items:center;box-sizing:border-box;opacity:.95;padding:0 60px}nav.top-nav a.home-logo{background-repeat:no-repeat;width:50px;height:50px;font-size:0}nav.top-nav a.home-logo,nav.top-nav a.home-logo:hover{background-image:url(/static/media/logo-blue.6d4e038f.svg);background-position:50%;background-size:70%}nav.top-nav a{color:#2b344f}nav.top-nav a,nav.top-nav span#account{min-width:60px;min-height:36px;text-decoration:none;font-weight:700;font-size:17px;line-height:36px;margin:0 15px;border-radius:6px;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:center;--webkit-user-select:none;background-size:100% 0;transition:background-size .125s ease-in-out}nav.top-nav span#account{background-color:#465572;color:#fff;border-radius:18px}nav.top-nav span#account:hover{background-color:rgba(43,52,79,.9);cursor:pointer}nav.top-nav a.active,nav.top-nav a:hover{background-image:linear-gradient(120deg,rgba(58,85,140,.75),rgba(121,153,217,.85));background-repeat:no-repeat;background-size:100% 2px;background-position:0 90%;cursor:pointer}nav.top-nav a.home-link{font-size:20px;font-weight:200;margin-left:0;margin-right:5px}nav.top-nav .expander{flex:1 1}nav.top-nav #beta{font-size:9pt;min-height:36px;font-weight:700;font-family:"Alegreya Sans",sans-serif;font-family:var(--impact-font);text-transform:uppercase}nav.top-nav .menu-wrapper{min-height:36px;margin:auto;display:flex;align-items:center}nav.top-nav .admin-link.btn{position:relative}nav.top-nav #admin-count{position:absolute;background-color:tomato;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8pt;color:#000;bottom:-2px;right:-11px;opacity:.9;box-shadow:0 7px 14px 0 rgb(60 66 87/12%),0 3px 6px 0 rgb(0 0 0/12%)}.btn.login-link,.btn.logout-link{border-radius:18px;background-color:#465572;color:#fff;padding:0 16px;width:120px;background-image:none!important;transition:background-color .175s ease-in-out}.btn.login-link:hover,.btn.logout-link:hover{background-color:rgba(43,52,79,.9)}ul.big-list li:before{font-family:"Font Awesome 5 Free";content:"\f35a";color:#fd974f;color:var(--hero-orange);font-weight:600;margin-right:10px}main.content section{display:flex;flex-direction:column;flex-wrap:wrap;border-bottom:3px solid #9eadbf;color:#344458;padding:25px}main.content section.no-border{border-bottom:0}main.content section.page{display:block;background-color:#fff;border-radius:15px;margin:2rem 6rem 6rem 2rem;padding:2rem 5rem 5rem;box-shadow:10px 10px 15px rgba(0,0,0,.1)}main.content section.page .content-wrapper{background-color:#fff}main.content section.page a{color:#fd974f;color:var(--hero-orange);text-decoration:none;font-weight:600}main.content section.page a:hover{text-decoration:underline}main.content .column-wrapper{display:flex;width:90vw;max-width:1920px;min-height:500px;margin:0 auto;justify-content:center;align-items:center}main.content .column-wrapper.slim{min-height:300px;padding-left:45px;padding-right:35px}main.content section .column{display:flex;flex-direction:column;flex:1 1;margin:20px;z-index:1;justify-content:center;font-size:17px;font-weight:600;flex-wrap:wrap;width:calc(50% - 11px)}main.content section .column.hero{min-width:360px}h2,main.content section .column h1{margin:0;line-height:120%;font-weight:600;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}h2.tertiary,main.content section .column h1.tertiary{margin-left:1em}main.content section .two-columns{display:flex;flex-direction:column;flex:1 1;margin:40px 0;z-index:1;justify-content:center}main.content section .column p,ul.big-list{font-size:17px;font-weight:600;line-height:1.6em}ul.big-list li{line-height:2.5em}main.content section .column p.slim{max-width:350px;text-align:left}main.content section .column ul.big-list{-webkit-padding-start:48px;padding-inline-start:48px;min-width:430px}main.content section .section-header{width:100%;text-align:center;font-size:20px;font-weight:600;position:relative;margin:1em 0}#beta{font-size:12pt;vertical-align:baseline}@media only screen and (max-width:980px){#page-heading{padding-top:20px}#page-heading.profile{padding:77px 15px 0}#page-heading-title h1,.currentUser #page-heading-title h1,.self #page-heading-title h1{width:100%;margin-left:.5em}.project-list-card.horizontal{margin-bottom:10px}.top-nav{padding:0!important}nav.top-nav a:hover{background-image:linear-gradient(120deg,rgba(200,200,225,.75),rgba(225,225,255,.75))}nav.top-nav .expander{display:none}nav .top-nav-wrapper{justify-content:space-between}.top-nav-logo-wrapper.visible .btn{margin-top:20px;color:#fff}.top-nav-logo-wrapper.collapsed .btn{display:none}.top-nav-logo-wrapper .menu-icon{display:unset;margin:15px;font-size:22pt;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.top-nav-logo-wrapper .menu-icon:hover{opacity:.7}.top-nav-logo-wrapper.collapsed .menu-wrapper{position:absolute;height:100vh;width:40%;top:0;right:-500px;transition:1s}.top-nav-logo-wrapper.visible .menu-wrapper{position:absolute;right:0;top:0;background-color:rgba(43,52,79,.79);height:100vh;width:40%;display:flex;flex-direction:column;align-items:center;padding-top:50px;margin-top:55px;transition:.4s}nav.top-nav span#account{margin-top:20px}.post-item{margin:15px 0}.single-post-page .post-item{margin:15px}.post-item ul.tags{width:280px}.post-item .post-icon-art .play-icon,.post-item .post-icon .play-icon{padding:55px}}@media only screen and (max-width:550px){#page-heading.profile{padding:77px 12px 0!important}#page-heading .user-card{margin-left:auto;margin-right:auto}#page-heading .user-card .user-info{padding-left:0}#page-heading .user-card h2{font-size:14pt}.user-card .profile-picture,.user-card .profile-picture-wrapper,.user-card .user-heading,.user-card .user-info{margin:auto;text-align:center}.user-card .follow-btn,.user-card .unfollow-btn{margin:auto;min-width:70%}.user-list-card .follow-btn,.user-list-card .unfollow-btn{margin:unset;min-width:unset}h1{font-size:28pt}#page-heading-title\ admin{margin:40px 0!important;justify-content:space-around!important}.admin.content .tabs{margin:5px}#discover-main-content{max-width:unset}#discover-main-content .post-item,.profile-content .post-feed .post-item{margin:0 0 20px}.scroll-top,button #save-text{display:none}.profile-content{max-width:unset;width:96%}.profile-content .nav-container{display:block;padding:15px 0 0!important;margin:auto}.profile-content .nav-container .discover-nav-alignment{justify-content:center!important}.nav-container .discover-nav-alignment .content-tabs .content-nav{min-width:70px;display:flex}.post-feed{padding:35px 10px!important}#discover-main-content,.profile-content,.project-list-card.horizontal{max-width:96vw!important}nav.top-nav a{margin-left:0!important;margin-right:0!important}}@media only screen and (max-width:320px){.post-item .post-info{flex-direction:column;height:auto;align-items:flex-start}.post-item .post-body{margin-bottom:15px}}.profile #page-heading-title h1.secondary{margin-right:0}#page-heading.profile{display:flex;justify-content:center;align-items:center;padding:77px 50px 0;max-width:100vw;margin:0 auto}#profile-page{background:linear-gradient(315deg,#4d7e7e,#465572);background-color:var(--main-bg-color);padding-bottom:10px}.profile-heading{width:100%;text-align:center;margin:10px 0}.profile-content{width:95%;max-width:90vw;margin:40px auto;border-radius:7px;position:relative;box-shadow:var(--main-box-shadow);background:#e8e8e8}.profile-content .post-feed{max-width:100%;max-height:90%;padding:35px 20px;align-items:flex-start}.profile-content .post-feed .post-item{transition:all .4s cubic-bezier(.075,.82,.165,1) 0s;background-color:#fff;box-shadow:0 10px 5px -10px rgb(50 50 93/25%),0 30px 60px -30px rgb(0 0 0/0)}.profile-content .post-feed .post-item .post-icon{width:400px;height:400px}.user-card{position:relative;width:100%;max-width:550px;background-color:#e8e8e8;padding:45px 17px;font-size:18px;border-radius:6px;box-shadow:0 4px 10px 0 rgb(60 66 87/12%),0 3px 6px 0 rgb(0 0 0/12%);display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-end;justify-content:flex-start;align-items:center;margin:20px 0}.user-card .followers-modal-anchor{display:inline;font-weight:700;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.user-card .followers-modal-anchor:hover{text-decoration:underline;cursor:pointer}.user-card .modal{top:50%;max-width:90%}.user-list-card{display:flex;flex-direction:column;width:470px;max-width:100%;font-size:16pt;max-height:420px;overflow:auto;margin-top:7px;border:1px solid rgba(0,0,0,.34);-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.user-list-card a{color:var(--hero-color);text-decoration:none}.user-list-card a:hover{text-decoration:underline}.user-list-element{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px;padding:8px}.user-list-element:hover{background-color:rgba(29,27,27,.082)}.user-list-element button{width:100px;margin-left:auto}.user-name{display:flex;align-items:center}.user-name .profile-picture{margin-right:6px}.user-card .profile-picture-wrapper{align-self:normal}.profile-overlay{width:100px;height:100px;background-image:none;background-color:rgba(0,0,0,.375);color:#f1f1f1;transition:all .175s ease-in-out;opacity:0;text-align:center;cursor:pointer;padding:11px;border-radius:20%;top:45px;position:absolute}.profile-overlay:hover{opacity:1}#upload-icon{font-size:45px;opacity:.8;position:absolute;left:28px;top:22px}.user-info{padding-left:15px;display:flex;flex-direction:column;flex-grow:1;width:75%;justify-content:space-between;align-self:normal}.user-info .user-heading{color:var(--hero-color);font-size:small;max-width:85%;word-wrap:break-word;vertical-align:middle;margin-bottom:10px}.user-info .user-heading h2{display:inline}.user-info span#edit-profile{display:flex}.user-info .user-edit-form{padding:8px 6px;margin:5px 0 15px;border:1px inset rgba(46,48,63,.32);border-radius:8px;background-color:hsla(0,0%,70.6%,.22);box-shadow:0 4px 10px 0 rgb(60 66 87/12%),0 3px 6px 0 rgb(0 0 0/12%);max-height:400px;transition:max-height .15s ease-out}.user-info .user-edit-form.hidden{max-height:0;transition:max-height .15s ease-out;display:unset!important;visibility:unset;overflow:hidden;margin:0;padding:0;border:none}.form-field-wrapper{font-weight:200;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:18px;margin-bottom:15px;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);text-align:left;display:flex;flex-direction:row;justify-content:space-between}.form-field-wrapper,.user-edit-form .text-label{font-family:var(--main-font)!important;color:var(--hero-color);align-items:center}.user-edit-form .text-label{display:inline-flex;font-size:11pt;font-weight:600;width:100%}.user-edit-form hr{margin-bottom:15px;flex:1 1;height:1px;border:none;border-top:1px solid rgba(46,48,63,.4)}.form-field-wrapper #privacy{font-size:9pt;font-weight:600;color:rgba(46,48,63,.69);font-family:var(--main-font)!important;display:flex;align-items:center;margin:4px}.form-field-wrapper #privacy .switch{margin-left:5px}.form-field-wrapper input#email{flex-grow:1;margin:0 10px 0 0;width:45%;min-width:100px;height:32px;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:16px;font-family:var(--main-font);font-weight:400;padding:.375rem .5rem;text-decoration:none}.content-nav.faves .icon{display:flex;align-items:center;justify-content:center}.content-nav.faves .icon #fave-star{color:var(--drum-color);font-size:17pt}#reset-button{text-decoration:none}.post-item{position:relative;width:400px;min-width:220px;max-width:100%;padding:10px;border-radius:10px;transition:all .4s cubic-bezier(.075,.82,.165,1) 0s;background-color:hsla(0,0%,84.3%,.2);background:#fff;box-shadow:0 10px 5px -10px rgba(50,50,93,.25),0 30px 60px -30px transparent;width:385px;margin:25px;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.post-item .admin-actions button{display:none}.post-item .post-description{color:rgba(52,68,88,.9);min-height:25px;max-height:100px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;line-height:17px;font-size:11.5pt;font-weight:400!important;margin-top:17px;margin-bottom:12px}.post-item .post-description #tag_text{text-decoration:none}.post-item .post-description #tag_text:hover{text-decoration:underline}.post-item:hover{box-shadow:0 15px 5px -10px rgba(50,50,93,.25),0 30px 65px -30px transparent}.post-item .post-icon{width:70px;height:70px;border-radius:5px;display:flex;position:relative;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/static/media/project_art.fdda2a36.svg);width:510px;max-width:100%;height:0!important;padding-bottom:100%!important}.post-icon-art canvas,.post-icon canvas{visibility:hidden}.playing canvas{visibility:visible!important}.post-item canvas{bottom:0;width:100%;height:100%;position:absolute;left:0;z-index:500}.post-item .post-icon-art:hover .play-icon,.post-item .post-icon:hover .play-icon{visibility:visible;opacity:.5;color:#fff}.post-item .post-icon .play-icon{visibility:hidden;opacity:0;transition:opacity .5s;text-shadow:3px 3px 5px rgba(0,0,0,.67);outline:none;border:none;background-color:transparent;width:100%;height:100%;background-color:rgba(0,0,0,.6);border-radius:5px;cursor:pointer;position:absolute;top:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:50pt}.post-item .post-summary{display:flex;grid-gap:5px;gap:5px;height:150px;align-self:center;flex-wrap:wrap}.post-item .post-summary .post-body{font-style:normal;font-size:15px;line-height:23px;font-weight:600;color:var(--hero-color);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right:5px;text-decoration:none;width:100%;font-size:larger}.post-item .post-body .edit-area{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center}.post-item.editing{padding-bottom:0}.post-item.editing .post-toolbar,.post-item.editing .reactions-tray,.post-item.editing .tags{display:none}.post-item .post-body textarea{width:100%;resize:none;height:80px;font-size:11pt;font-weight:500;font-family:var(--main-font)!important;padding:4px;outline:none;border:1px solid #ccc;border-radius:5px;background-color:rgba(240,230,225,.27);transition:border-color .15s ease-in-out}.post-item .post-body textarea:focus{border-color:var(--text-color);transition:border-color .15s ease-in-out}.post-item .post-body #character-counter{font-size:8pt;color:var(--nav-color);opacity:.7;margin-top:2px;align-self:flex-start}.post-item .edit-actions{flex-grow:1;display:inline-flex;justify-content:flex-end;margin-top:5px}.post-item .post-toolbar{position:relative;bottom:0;min-height:40px;border-radius:5px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;flex-wrap:wrap-reverse;background-color:hsla(0,0%,100%,.5)}.post-item .post-toolbar .button-group{min-width:40%;min-height:40px;margin-left:auto;display:inline-flex;justify-content:flex-end;align-items:stretch;flex-wrap:nowrap}.post-item .post-toolbar .button-group button{margin:0 2px;width:42px}.post-item .post-toolbar .project-link{text-decoration:none}.post-item .post-toolbar .btn-icon{font-size:14px}.post-item .post-toolbar .post-like-button{position:relative;border-top-left-radius:5px;border-bottom-left-radius:5px;height:100%;font-size:12px;font-weight:600;color:rgba(52,68,88,.5);background-color:hsla(0,0%,84.3%,.25);border:1px outset hsla(0,0%,84.3%,.25);transition:all .8s cubic-bezier(.075,.82,.165,1) 0s;display:inline-flex;align-items:center;justify-content:center}.post-item .post-toolbar .post-like-button:hover{cursor:pointer;color:rgba(52,68,88,.85);background-color:hsla(0,0%,96.1%,.5);box-shadow:var(--main-box-shadow)}.post-item .post-toolbar .post-like-button{border-radius:5px}.post-like-button.liked,.post-like-button.liked .btn-icon{color:#86c44e!important}.post-item .post-toolbar .post-reaction-button{position:relative;border-top-left-radius:5px;border-bottom-left-radius:5px;height:100%;margin:0;border:none;font-size:12px;font-weight:600;color:var(--error-color);background-color:hsla(0,0%,84.3%,.25);border:1px outset hsla(0,0%,84.3%,.25);transition:all .8s cubic-bezier(.075,.82,.165,1) 0s;display:inline-flex;align-items:center;justify-content:center;width:30px}.post-reaction-button #add-reaction{color:rgba(52,68,88,.5);font-size:14pt}.post-item .reactions-tray{margin-top:5px;margin-right:-2px;display:flex;justify-content:flex-end}.post-item .reactions-tray .tray-element{border:1px outset rgba(52,68,88,.75);border-radius:10px;width:44px;padding:0 3px;margin:0 2px;height:20px;font-family:var(--main-font);color:rgba(52,68,88,.5);display:flex;align-items:center;justify-content:space-around;font-weight:500;font-size:10pt}.post-item .reactions-tray .tray-element .icon-wrapper{display:flex}.post-item .reactions-tray .tray-element .tray-icon{height:16px}.post-item .post-toolbar .post-reaction-button:hover{cursor:pointer;color:rgba(52,68,88,.85);background-color:hsla(0,0%,96.1%,.5);box-shadow:var(--main-box-shadow)}.post-item .post-toolbar .post-reaction-button{border-radius:5px}.options{position:absolute;color:rgba(52,68,88,.5);right:0;top:0;padding:15px}.options:hover{cursor:pointer;transition:all .8s cubic-bezier(.075,.82,.165,1) 0s;color:rgba(52,68,88,.85)}.post-item .options #ellipsis-icon{visibility:hidden}.post-item:hover .options #ellipsis-icon{visibility:visible}.options .options-dropdown{position:absolute;left:-100%;right:50%;display:flex;justify-content:center;flex-direction:column;width:120px;background-color:#fff;margin:3px;padding:4px;border-radius:6px;box-shadow:0 4px 10px 0 rgb(60 66 87/12%),0 3px 6px 0 rgb(0 0 0/12%);z-index:1000}.options hr{width:88%;margin-left:auto;margin-right:auto;border:.1px solid #3d4d60;border-top:0;background-color:#3d4d60;opacity:.25}.options .options-dropdown .options-row{height:22px;width:100%;vertical-align:middle;margin-left:auto;margin-right:auto;display:flex;align-items:center}.options-row svg{margin-right:5px}.options-row.delete svg{color:var(--error-color)}.options-row:hover{opacity:.8;background-color:rgba(61,77,96,.13)}.options .hidden{visibility:hidden}.options #report-flag{font-size:9pt;vertical-align:middle}.report-body{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-top:10px}.report-body select,.report-body textarea{flex-grow:1;margin:5px 10px 5px 0;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:16px;font-family:var(--main-font);font-weight:400;padding:.375rem .5rem;text-decoration:none}.report-body select.error{border-color:#cd5c5c;border-width:2px;transition:border-color .15s ease-in-out,border-width .15s ease-in-out}.post-item .post-body{font-weight:700;color:#333;font-size:larger!important;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;flex:1 1;margin-bottom:15px;font-size:xx-large!important;padding-top:8px}.post-item.deleted{display:none}.music-info.author{overflow:hidden;text-overflow:ellipsis;margin-right:.3em;-webkit-user-select:none;-ms-user-select:none;user-select:none;flex:1 1}.music-info.author a{color:rgba(52,68,88,.5)}.post-item .post-body{text-decoration:none}.post-like-button.liked #post-like-count{color:#86c44e!important}.post-like-button:disabled,.post-like-button:disabled:hover{background-color:#ccc!important;color:#3d4d60!important;outline:none!important;cursor:not-allowed!important}.post-like-button:disabled:hover{box-shadow:none!important}.post-item .post-header{display:flex;justify-content:flex-start;margin:2px 0}.post-item .post-header .profile-picture{margin-right:6px}.post-item .post-info{display:flex;align-items:center;font-size:12px;font-weight:700;max-width:85%;min-height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:5px;overflow:visible;flex-wrap:wrap;flex-direction:row;align-content:flex-start;margin:3px 0}.post-item .post-info,.post-item .post-info a{color:rgba(52,68,88,.5)}.post-item .post-info .project-link{width:100%;overflow:hidden;max-width:100%;text-overflow:ellipsis}.post-item ul.tags{opacity:.85;max-width:60%}.post-item .tags-scroll-container,.post-item ul.tags{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;position:relative}.post-item .tags-scroll-container{width:100%;height:100%;margin-bottom:4px;padding-right:20px}.post-item ul.tags:after{content:"";width:28px;position:absolute;height:40px;right:0;top:0;background:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0))}.post-item .tags-scroll-container:hover{overflow-x:scroll;margin-bottom:0;scrollbar-width:thin}.post-item .tags-scroll-container a{text-decoration:none}.post-item ul.tags li{display:inline;color:#fff;font-size:12px;font-weight:700;background-color:var(--bass-color);padding:.4em .5em;margin-left:5px;line-height:150%;height:20px;white-space:nowrap;text-decoration:none}.post-item ul.tags a:hover{text-decoration:underline;cursor:pointer;opacity:.8;transition:all .1s}.post-item .tags-scroll-container::-webkit-scrollbar,.post-item .tags-scroll-container::-webkit-scrollbar-track{height:4px}.post-item .tags-scroll-container::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid rgba(65,66,81,.81)}.single-post-page{padding-top:90px;padding-bottom:90px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.single-post-page .post-item.deleted{display:unset;opacity:.4;cursor:not-allowed;pointer-events:none}.single-post-page .post-item.deleted .play-icon{display:none}.project-item.card{position:relative;justify-content:start;grid-gap:55px;gap:55px;width:400px;min-width:220px;height:125px;max-height:220px;padding:10px;border-radius:10px;transition:all .4s cubic-bezier(.075,.82,.165,1) 0s;background-color:#fff;box-shadow:0 10px 5px -10px rgba(50,50,93,.25),0 30px 60px -30px transparent;margin:10px 0;max-width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.project-item.large{width:725px;min-height:240px}.project-item.featured{width:250px;height:250px;overflow:hidden}.project-item.large .project-description{color:rgba(52,68,88,.5);height:68px;text-overflow:ellipsis;margin:8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;line-height:17px;font-size:11.5pt}.project-item.card:hover{box-shadow:0 15px 5px -10px rgba(50,50,93,.25),0 30px 65px -30px transparent}.project-item .project-icon{position:relative;width:70px;height:70px;border-radius:5px;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/static/media/project_art.fdda2a36.svg)}.project-item.large .project-icon{width:90px;height:90px}.project-item.featured .project-icon{width:100%;height:100%}.project-item .project-icon-art:hover .play-icon,.project-item .project-icon:hover .play-icon{visibility:visible;opacity:.5;color:#fff}.project-item .project-icon-art .play-icon,.project-item .project-icon .play-icon{visibility:hidden;opacity:0;transition:opacity .5s;text-shadow:3px 3px 5px rgba(0,0,0,.67);outline:none;border:none;background-color:transparent;width:100%;height:100%;padding:20px;background-color:rgba(0,0,0,.6);border-radius:5px;cursor:pointer;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;font-size:50pt}.project-icon-art{width:70px;height:70px;border-radius:5px;position:relative}.project-item.large .project-icon-art{width:182px;height:182px}.project-item.featured .project-icon-art{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:url(/static/media/project_art.fdda2a36.svg)}.project-icon-art img{border-radius:5px;width:100%;height:100%;object-fit:cover}.project-item .project-icon.playing{padding-left:0;background-image:none;color:#fff}.project-item .project-summary{display:flex;grid-gap:5px;gap:5px;height:150px;align-self:center;flex-wrap:wrap}.project-item .project-summary .project-name{font-style:normal;font-size:15px;line-height:19px;font-weight:600;color:var(--hero-color);margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right:5px;text-decoration:none}.project-item.large .project-summary .project-name{font-size:15px;line-height:23px;font-weight:600;padding-left:10px;font-size:larger}.project-item .project-name-text{display:-webkit-box;-webkit-line-clamp:1;font-size:13pt;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project-item.featured .project-name{font-size:15pt}.project-item.featured .project-name.overflowing,.project-item .project-name-text.overflowing{text-overflow:ellipsis;-webkit-transform:translateX(0);transform:translateX(0);transition:4s}.project-item.featured .project-name.overflowing:hover{white-space:nowrap;-webkit-transform:translateX(calc(200px - 100%));transform:translateX(calc(200px - 100%));text-overflow:unset;overflow:visible}.project-item .project-name-text.overflowing:hover{white-space:nowrap;-webkit-transform:translateX(calc(35px - 100%));transform:translateX(calc(35px - 100%));text-overflow:unset;overflow:visible}.project-item .project-summary .sort-criteria{display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;font-size:12px;font-weight:700;bottom:10px;left:10px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:5px;color:rgba(52,68,88,.5)}.project-item .project-sharing.collaborative{min-width:65px}.project-item .project-sharing.private{background-color:var(--bass-color);min-width:60px}.project-item .project-sharing.viewonly{background-color:var(--drum-color);min-width:75px}.project-item .project-sharing.public{background-color:var(--sequencer-color);min-width:75px}.project-item .project-sharing.featured{background-color:var(--definitions-color);min-width:75px}.project-item.row .project-sharing{min-width:75px!important;margin:0 10px;z-index:100}.project-item .project-sharing.hidden{display:none}.project-item .project-details{display:block}.project-item .project-details.hidden{visibility:hidden}.project-item .project-toolbar{visibility:visible;position:absolute;bottom:10px;right:10px;height:40px;border-radius:5px;display:flex;background-color:hsla(0,0%,100%,.5)}.project-item .project-name{font-weight:900;color:#333;overflow:hidden;text-overflow:ellipsis;margin-right:.3em;-webkit-user-select:none;-ms-user-select:none;user-select:none;flex:1 1}.project-item .project-name-link{text-decoration:none;color:#333;font-size:13pt!important;font-style:normal;line-height:19px;font-weight:600;color:var(--hero-color)}.project-item.row .project-name-link{font-weight:200!important;max-width:215px}.project-item .project-name-link:hover{text-decoration:underline}.project-item.featured .author,.project-item .project-name .author{font-weight:400;display:block;width:100%;flex-grow:1;font-size:11pt;color:#333;overflow:hidden;text-overflow:ellipsis;margin-right:.3em;-webkit-user-select:none;-ms-user-select:none;user-select:none;flex:1 1}.project-item.featured .author a,.project-item .project-name .author a{text-decoration:none;color:#333}.project-item.featured .author a:hover,.project-item .project-name .author a:hover{text-decoration:underline}.project-item .project-name{text-decoration:none}.project-item .project-sharing{color:var(--piano-color);font-weight:700;margin-left:3px;margin-top:3px;min-width:none;font-weight:800;font-size:11px;line-height:20px;height:20px;color:#fff;border-radius:5px;text-align:center;padding:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:var(--piano-color)}.project-item.featured .project-info{display:flex;flex-direction:column}.music-info{bottom:26px}.music-info,.project-item .creation-date{visibility:visible;display:flex;align-items:flex-end;justify-content:flex-end;position:absolute;font-size:12px;font-weight:700;left:10px;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:5px;color:rgba(52,68,88,.5)}.project-item .creation-date{bottom:10px}.project-item.large ul.tags{visibility:visible;list-style:none;padding:0;display:flex;flex-wrap:nowrap;margin-top:15px;position:absolute;bottom:0;left:170px;max-width:355px;overflow:hidden;opacity:.85}.project-item.large ul.tags li{display:inline;color:#fff;font-size:14px;font-weight:700;background-color:var(--bass-color);padding:.1em .5em;margin:0 10px 10px 0;line-height:150%}.project-item:hover .options #ellipsis-icon{visibility:visible}.project-item .options #ellipsis-icon{visibility:hidden}#discover-content{padding-bottom:50px;position:relative;background:linear-gradient(315deg,#4d7e7e,#465572);background-color:var(--main-bg-color)}.project-list-card{position:relative;width:505px;max-width:100%;background-color:#e8e8e8;padding:10px 20px;font-size:18px;border-radius:7px;box-shadow:var(--main-box-shadow);display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-end;justify-content:flex-start;align-items:center;height:560px;max-height:90%;overflow:auto;margin:0 0 50px}.project-list-card.horizontal{flex-direction:row;width:unset;max-width:90vw;height:275px;margin:10px auto 50px;overflow-y:hidden}.project-list-card.horizontal .project-item .project-sharing{display:none}.project-list-card.horizontal .project-item{margin:0 20px;overflow-y:hidden}#discover-main-content .project-item .project-sharing{display:none!important}.profile-content .project-list-card{width:100%;height:unset;box-shadow:none;padding:10px 20px;box-shadow:var(--main-box-shadow);display:flex;flex-direction:row;flex-wrap:wrap;overflow:unset;justify-content:space-around}.nav-container{display:flex;flex-direction:column;width:100%;padding:30px 60px 15px;margin:0 auto}.nav-container .learn-description-wrapper{position:relative;max-width:600px;display:grid;grid-gap:20px;gap:20px;margin:0 auto 45px;text-align:center}.nav-container .learn-description-wrapper .description{font-weight:600;text-align:justify}.nav-container .discover-nav-alignment{display:flex;position:relative;justify-content:space-between;align-items:flex-end;flex-direction:row;flex-wrap:wrap}.nav-container .discover-nav-alignment .content-tabs{position:relative;display:grid;grid-template-columns:repeat(4,auto);grid-column-gap:28px;-webkit-column-gap:28px;column-gap:28px;font-weight:400;max-width:960px}.nav-container .discover-nav-alignment .content-tabs .content-nav{display:flex;flex-direction:column;border-radius:5px;padding:5px;min-width:80px;align-items:center;text-align:center}.nav-container .discover-nav-alignment .content-tabs .content-nav:hover{cursor:pointer;background-color:hsla(0,0%,70.6%,.25)}.nav-container .discover-nav-alignment .content-tabs .content-nav .content-nav-label{margin-top:5px}.nav-container .discover-nav-alignment .content-tabs .content-nav .icon:hover{cursor:pointer}.content-tabs.faves .btn.faves,.content-tabs.posts .btn.posts,.content-tabs.projects .btn.projects{background-color:hsla(0,0%,70.6%,.5)}.nav-container .discover-nav-alignment .search-container{overflow:hidden;margin-top:14px}.nav-container .discover-nav-alignment .search-container .input-wrapper{position:relative;display:flex;flex-direction:row;width:280px;height:40px;max-width:100%;border-radius:25px;align-items:center;padding-left:10px;background-color:hsla(0,0%,100%,.6);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.1);outline:0;border:0;border-bottom:2px}.nav-container .search-icon{color:#7f8382;font-size:1.2rem;line-height:1.2rem;vertical-align:middle;transition:color .25s;margin-right:5px}.nav-container .search-icon:hover{color:#555858;cursor:pointer}.nav-container .discover-nav-alignment .search-container .input-wrapper input{position:relative;display:flex;flex-direction:row;width:280px;height:40px;max-width:400px;border-radius:25px;border:none;align-items:center;padding-left:5px;background-color:transparent;font-size:16px;color:rgba(0,0,0,.7)}.nav-container .discover-nav-alignment .search-container .input-wrapper input:before{content:"\f002";color:#7f8382;font-size:1.2rem;line-height:1.2rem;vertical-align:middle;transition:color .25s;margin-right:5px}.nav-container .discover-nav-alignment .search-container .input-wrapper input::-webkit-input-placeholder{color:#7f8382}.nav-container .discover-nav-alignment .search-container .input-wrapper input:focus{outline-width:0;outline-style:none}.nav-container .discover-nav-alignment .search-container .input-wrapper i{color:#7f8382;font-size:1.2rem;line-height:1.2rem;vertical-align:middle;transition:color .25s;margin-right:5px}.nav-container .discover-nav-alignment .search-container .input-wrapper i:hover{color:#000}.nav-container .discover-nav-alignment .search-container .search-results{display:none;position:absolute;width:280px;max-height:400px;margin-top:5px;padding:5px 0;border-radius:20px 20px 30px 30px;background-color:#fff;color:#a6a6a6;overflow-x:hidden;overflow-y:scroll;z-index:9;box-shadow:0 3px 4px 0 rgba(0,0,0,.11)}.nav-container .discover-nav-alignment .search-container .search-results .search-item{display:flex;height:35px;flex-direction:row;justify-content:left;align-items:center;text-transform:lowercase;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.nav-container .discover-nav-alignment .search-container .search-results .search-item:focus,.nav-container .discover-nav-alignment .search-container .search-results .search-item:hover{background-color:#f1f1f1;cursor:pointer}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-text-snippet{width:50%;height:25px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-type{width:30%;height:25px;line-height:25px;text-transform:uppercase;font-size:12px;margin-left:5px}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-icon-wrapper{width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin-left:3px}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-icon-wrapper .result-icon{width:16px;height:16px}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-icon-wrapper .result-icon.posts{background-color:#fff;color:#fff;-webkit-mask-image:url(/static/media/post-open.f69bc224.svg);mask-image:url(/static/media/post-open.f69bc224.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-origin:content-box;-webkit-mask-origin:content}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-icon-wrapper .result-icon.guidebook{background-color:#fff;color:#fff;-webkit-mask-image:url(/static/media/project-code.9038d638.svg);mask-image:url(/static/media/project-code.9038d638.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:center;-webkit-mask-position:center;mask-origin:content-box;-webkit-mask-origin:content}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-icon-wrapper.glossary{background-color:#f263d3}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-icon-wrapper.posts{background-color:#55c5ff}.nav-container .discover-nav-alignment .search-container .search-results .search-item .result-icon-wrapper.guidebook{background-color:#ff7d00}.nav-container .discover-nav-alignment .search-container .search-results .search-item.glossary-item{color:#ef4565}.nav-container .discover-nav-alignment .search-container .search-results .search-item.tutorial-item{color:#56758e}.nav-container .discover-nav-alignment .search-container li{line-height:1em}.nav-container .discover-nav-alignment .search-container li:before{content:""}.nav-container .icon{width:45px;height:45px;padding:5px;cursor:default;border-radius:50%;background-position:50%;background-size:50%;background-repeat:no-repeat;background-color:#fff;box-shadow:0 3px 4px 0 rgba(0,0,0,.11)}.nav-container .posts-section{background-image:url(/static/media/post-open.f69bc224.svg)}.nav-container .guidebook-section{background-image:url(/static/media/project-code.9038d638.svg);opacity:.9}.search-menu{max-width:100%}.search-text{width:100%;padding-left:60px;color:var(--nav-color);opacity:.75;font-size:10pt;display:inline-flex;flex-wrap:wrap;align-content:center;align-items:center;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.search-text button{height:21px;font-size:10pt;margin-left:5px}.search-text .clear-search:hover{opacity:.7;cursor:pointer}.sort-menu{text-align:right;font-size:14px;font-weight:700;color:#999;line-height:2em;-ms-user-select:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;position:relative;margin-top:10px;text-transform:uppercase}.sort-criteria:hover{text-decoration:underline;cursor:pointer}.sort-menu i{margin-left:4px}.sort-menu .drop-menu{left:unset;right:0}.sort-menu .drop-menu .menu-item{padding-left:1em}.drop-menu{position:absolute;background-color:#fff;border:1px solid rgba(0,0,0,.07);border-radius:8px;padding:8px 0;z-index:100;display:flex;flex-direction:column;min-width:150px;box-shadow:0 3px 5px rgba(0,0,0,.33);-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.drop-menu.hidden{display:none}.drop-menu:hover{cursor:pointer}.drop-menu.terminal{max-height:70vh;overflow-y:auto!important}.drop-menu li.menu-item{line-height:150%;display:flex;align-items:center;font-size:14px;font-weight:400;color:#3c4e60;outline:none;border:none;padding:5px 20px 5px 10px;white-space:nowrap;position:relative;text-align:left}.drop-menu li.menu-item:hover{background:rgba(0,0,0,.15)}.drop-menu li.menu-item:active{background:rgba(0,0,0,.2)}.drop-menu li.menu-item.highlight{background:rgba(0,0,0,.085)}.menu-item:hover>.drop-menu{display:flex;left:143px;top:-10px}.drop-menu.created .menu-item.created,.drop-menu.created_desc .menu-item.created_desc,.drop-menu.num_favorites_desc .menu-item.num_favorites_desc{background:rgba(0,0,0,.085);font-weight:700}.post-feed{position:relative;width:100%;min-height:100%;padding:18px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;overflow:hidden auto}.content.feed .post-feed{background:linear-gradient(315deg,#4d7e7e,#465572);background-color:var(--main-bg-color)}.post-count{width:100%;color:var(--nav-color);opacity:.75;font-size:11pt;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-align:center;padding-bottom:20px}.post-feed:after{content:"";flex:auto;width:100%}.feed .post-feed{flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center}#discover-main-content{width:95%;max-width:90vw;margin:10px auto;border-radius:7px;position:relative;box-shadow:var(--main-box-shadow);background:#e8e8e8}#discover-content .post-feed{padding-bottom:50px;padding-top:10px;align-items:flex-start}.project-feed{width:95%;margin:auto;padding-top:20px;border-radius:50px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}#discover-content .project-feed .project-sharing{display:none}ul.big-list{list-style:none}.content.admin{background:var(--background-pattern)}#page-heading-title\ admin{display:flex;align-items:center;justify-content:space-between;margin:40px;flex-wrap:wrap}#page-heading-title\ admin h1{margin:0;color:#2b344f}.admin.content .tabs span{padding:5px;background-color:#e4e4e4;border:3px solid transparent;transition:all .5s;font-family:var(--main-font);font-weight:700;font-size:13px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.admin.content .tabs span#posts{border-radius:5px 0 0 5px}.admin.content .tabs span:hover{transition:all .5s;opacity:.8;cursor:pointer}.admin.content .tabs span#posts.selected{background-color:var(--sequencer-color);color:#fff}.admin.content .tabs span#library.selected{background-color:var(--definitions-color);color:#fff}.admin.content .tabs span#flags.selected{background-color:var(--error-color);color:#fff}.admin.content .tabs span#projects.selected{background-color:var(--drum-color);color:#fff}.admin.content .tabs span#posts:hover{border:3px solid var(--sequencer-color)}.admin.content .tabs span#library:hover{border:3px solid var(--definitions-color)}.admin.content .tabs span#flags:hover{border:3px solid var(--error-color)}.admin.content .tabs span#projects:hover{border:3px solid var(--drum-color)}.admin.content .tabs span#projects{border-radius:0 5px 5px 0}.admin-table-card{position:relative;width:90%;max-width:100%;min-height:unset;background-color:#e8e8e8;padding:10px 20px;font-size:18px;border-radius:7px;box-shadow:var(--main-box-shadow);display:flex;flex-direction:column;flex-wrap:nowrap;align-content:flex-end;justify-content:flex-start;align-items:center;height:560px;max-height:70%;overflow:auto;margin:auto;font-family:var(--main-font)!important}.admin-table-card.post-approval{background:none;box-shadow:none;width:unset;max-height:unset;margin:0;min-height:unset;padding:0 10px}.admin-table-card span.name{min-width:385px;display:flex;align-items:center}.admin-table-card span.author{width:200px}.admin-table-card span.actions{width:255px}.admin-table-card .project-item span.actions{width:215px}.admin-table-card span.reason{width:200px}.admin-table-card span.expand{width:50px;text-align:center}.admin-table-card #table-header{font-weight:700;border-bottom:1px solid var(--nav-color)}.admin-table-card .row{min-height:40px;width:100%;margin:5px 0;display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap}.admin-table-card .project-item{min-height:75px}.admin-table-card .post-item{margin:10px 0}.admin-table-card .details .post-item{margin:auto!important}.post-approval .post-item .tags{display:none}.post-approval .post-item .admin-actions{position:absolute;bottom:0;left:2%;width:96%;display:flex;justify-content:space-evenly;height:36px;border-top:1px solid rgba(65,66,81,.29)}.post-approval .post-item .admin-actions button{width:45%;background-color:unset;color:rgba(65,66,81,.78);display:flex;justify-content:center}.post-approval .post-item .admin-actions button#approve:hover{color:var(--drum-color)}.post-approval .post-item .admin-actions button#ignore:hover{color:var(--error-color)}.library-item .play-icon path{-webkit-transform:scale(.5) translate(50%,50%);transform:scale(.5) translate(50%,50%)}.library-item .play-icon{display:flex;align-content:center;justify-content:center}.admin-table-card #new-label{color:var(--drum-color)}.admin-table-card .author{max-width:150px}.admin-table-card .author,.admin-table-card .name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.admin-table-card .name{max-width:300px}.admin-table-card .author a{text-decoration:none;color:var(--header-bg-color)}.admin-table-card.project-container .name{white-space:unset;cursor:default}.admin-table-card .author a:hover{text-decoration:underline}.admin-table-card .actions{display:flex;align-items:center}.admin-table-card input,.admin-table-card textarea{margin:5px 10px 5px 0;width:55%;min-width:100px;height:32px;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:5px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-size:16px;font-family:var(--main-font);font-weight:400;padding:.375rem .5rem;text-decoration:none}.admin-table-card textarea{height:100px;resize:none}.admin-table-card input:read-only,.admin-table-card textarea:read-only{cursor:no-drop;background-color:rgb(85 85 85/22%);border-color:#a9a9a9}.expand{-webkit-user-select:none;-ms-user-select:none;user-select:none}.expand:hover{cursor:pointer;opacity:.7}.admin-table-card .details{display:none}.admin-table-card .details.expanded{display:flex;width:97%;padding:20px;background:hsla(0,0%,99.6%,.76);flex-direction:column;align-items:flex-start}.admin-table-card .details .row{height:unset;font-size:12pt;line-height:1;min-height:24px;color:var(--header-bg-color)}.admin-table-card div.details.expanded>span>hr{margin:15px 0}.admin-table-card .details pre{font-family:monospace;white-space:pre;font-size:90%;background-color:#555;padding:2em;color:#efefef;max-width:100%;min-width:90%;margin:auto;max-height:100%;overflow:auto}.admin-table-card .row .post-item{margin:auto}.admin-table-card .post-item .options,.admin-table-card .post-item .post-toolbar,.admin-table-card .post-item .reactions-tray{display:none}
/*# sourceMappingURL=main.a60c465b.chunk.css.map */