html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{background-color:transparent}h1{margin:.67em 0;font-size:2em}img{border:0}figure{margin:1em 40px}hr{height:0;box-sizing:content-box}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}*,:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}figure{margin:0}img{vertical-align:middle}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1,h1{font-size:36px}p{margin:0 0 10px}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}body{font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Matter,sans-serif;font-size:15px;font-weight:400;color:#3c3c3c;background-color:#fff;padding-top:51px;margin-top:0;font-variant-ligatures:no-contextual;height:100vh}.fonts-loaded body{font-family:Matter,Helvetica,Arial,sans-serif}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;color:#fff;background:#3e1165;padding-top:0}a,a:hover,a:visited{cursor:pointer;text-decoration:underline;color:#5a00aa}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus-visible,input:focus-visible,button:focus-visible{outline:solid 2px #3c95ff;outline-offset:2px}h1,h2,h3,h4,h5,h6,p,button{margin:20px 0}h1,h2,h3{font-weight:700}h1{font-size:48px;line-height:54px}h2{font-size:38px;line-height:42px}h3{font-size:25px;line-height:30px}body{font-size:16px;line-height:24px}.title-large{font-size:20px;line-height:26px}@media (max-width: 440px){h1{font-size:34px;line-height:40px}h2{font-size:28px;line-height:32px}h3{font-size:22px;line-height:28px}.title-large{font-size:18px;line-height:22px}body{font-size:15px;line-height:20px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-hint{display:none}.has-viewheight-full{min-height:100vh}.has-top-margin{margin-top:20px}.has-small-padding{padding:20px}.has-medium-padding{padding:40px}.has-text-centered{text-align:center}.has-observed{transition:.3s opacity}.has-hidden,[data-src]{transform:scale(0);opacity:0;pointer-events:none;visibility:hidden}#hero__joinContainer.has-hidden{display:none}[data-src].has-observed:not(.has-hidden){transform:scale(1);opacity:1;pointer-events:auto}.has-viewheight-half{min-height:60vh}.has-flex{display:flex}.has-content-centered{align-items:center;justify-content:center}.has-overflow-hidden{overflow:hidden}.has-cover-fit{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.has-contain-fit{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.has-floating{position:absolute;width:100%}.has-shadow{text-shadow:0 1px 12px rgba(0,0,0,.3)}.has-relative{position:relative}.has-absolute{position:absolute}.has-self-start{align-self:start}.has-self-center{align-self:center}.has-height-screen{height:100vh}.has-height-80\/screen{height:80vh}.has-height-huge{height:var(--space-huge)}.has-width-full{width:100%}.has-inset-0{inset:0}.has-object-bottom-right{object-position:bottom right}.has-mt-0{margin-top:0}.has-mt-large-1{margin-top:var(--space-large-1)}.has-text-white{color:#fff}.has-text-mango-d1{color:var(--mango-d1)}@media screen and (min-width: 480px){.has-self-start\:480{align-self:start}.has-self-center\:480{align-self:center}.has-mt-0\:480{margin-top:0}.has-mt-large-1\:480{margin-top:var(--space-large-1)}}.header{position:fixed;top:0;left:0;display:flex;height:60px;width:100%;align-items:center;justify-content:space-between;padding:20px;z-index:100;background:transparent;transition:.3s background-color}html.has-inset-macos-title-bar .landing__header{padding-top:65px}.opaque{background:#3e1165}.logo-wrapper{flex:1;display:flex;justify-content:space-between}.navigation-expanded .logo-wrapper{background-color:#3e1165;transition:.3s background-color}.logo--big{max-width:190px}.navigation{position:absolute;top:0;left:0;background:#3e1165;width:100%;z-index:-1;padding-top:60px;padding-bottom:5px;transition:.3s opacity;font-weight:600;display:flex;flex-direction:column;align-items:center}.navigation-expanded .navigation{max-height:100vh;overflow:auto}.navigation__list{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0}.navigation__list li{padding:7px 0}.navigation a,.navigation a:visited,.navigation button{color:#fff;background:transparent;text-decoration:none;border:none}.navigation a:hover{color:#fff;text-decoration:underline}.navigation__link{display:block;padding:10px 20px;margin:2px 20px;text-align:center}.navigation__link:focus-visible{outline:2px solid #3c95ff;outline-offset:2px}.navigation__link--button,.mobilenav__button{background-color:#ff780a;border-radius:100px;padding:10px 20px;outline:0;border:0;color:#fff;margin:20px 20px 40px;transition:.3s opacity}.navigation__link--button{display:none}.has-join .navigation__link--button{display:block}.navigation-expanded .navigation__link--button{margin:0 auto 20px}.navigation__divider{border:0;margin:0}.join-now-wrapper{position:relative;display:inline}.join-now-navigation-wrapper{position:relative}.eduNavigation__joinAlternative{display:block;width:100%;margin-top:10px}.eduNavigation__joinAlternative:first-child{margin-top:0}#navigation__joinContainer{display:none;position:absolute;top:calc(100% + 25px);right:0;background:#3e1165;padding:10px;border-radius:4px}#navigation__joinContainer:before{content:"";display:block;position:absolute;top:-20px;left:65%;transform:translate(-50%);border:10px solid transparent;border-bottom-color:#3e1165}.has-join #navigation__joinContainer{display:block}.navigation-expanded.has-join #navigation__joinContainer{display:flex}.navigation-expanded #navigation__joinContainer{position:relative;flex-direction:column;align-items:center;margin-bottom:10px}.navigation-expanded #navigation__joinContainer.has-hidden{display:none}.navigation__joinAlternative{display:flex;background:transparent;margin:0;padding:0;width:200px;border:none;border-radius:4px;overflow:hidden;text-decoration:none}.navigation__joinAlternative:first-child{margin-bottom:10px}.navigation__iconContainer{width:44px;height:44px;position:relative;display:flex;justify-content:center;align-items:center}.navigation__iconContainer:after{content:"";width:34px;height:34px;border-radius:50%}.navigation__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px}.navigation__joinText{flex-grow:1;display:flex;align-items:center;justify-content:center;color:#3c3c3c;background:#fff;margin:0;padding-left:20px;height:44px;padding-right:20px;text-align:center}.navigation__joinAlternative:hover .navigation__joinText{text-decoration:underline}.navigation__personalIconContainer{background:#5a00aa}.navigation__personalIconContainer:after{background:#4c0090}.navigation__eduIconContainer{background:#eb2d55}.navigation__eduIconContainer:after{background:#c72648}#navigation__mobileJoinContainer{display:none;position:absolute;top:100%;right:0;background:#3e1165;padding:10px;border-radius:4px}#navigation__mobileJoinContainer:before{content:"";display:block;position:absolute;top:-20px;right:62px;border:10px solid transparent;border-bottom-color:#3e1165}.has-join #navigation__mobileJoinContainer{display:block}.mobilenav{display:flex;justify-content:center;align-items:center}.mobilenav__hamburger{font-size:24px;color:#fff;background:transparent;border:0;padding:0 5px 4px}.mobilenav__button{display:none;margin:20px}.has-join .join-now-wrapper{display:none}@media (min-width: 480px){.has-join .mobilenav__button,.has-join .join-now-wrapper{display:block}.has-join .navigation__link--button,.has-join .join-now-navigation-wrapper{display:none}}.navigation-vertical.has-hidden{transform:scale(1);opacity:1;pointer-events:auto;visibility:visible}.navigation.navigation-vertical{position:static;padding:0;background:transparent;display:flex;justify-content:flex-end;flex-direction:row}.navigation-vertical .navigation__list{display:flex;flex-direction:row;align-items:center;background:transparent;list-style:none}@media (min-width: 1200px){.mobilenav{display:none}.header{height:70px;font-size:18px}.has-join .join-now-navigation-wrapper{display:block}.navigation-expanded .logo-wrapper{background-color:transparent}.navigation-expanded .navigation{overflow:hidden}.navigation__link{padding:0;opacity:.7;margin:0 20px}.navigation__link--button{padding:10px 20px;opacity:1}.has-join .navigation__link--button{display:block}.navigation__link--hightlighted{position:relative;opacity:1}.navigation__link--hightlighted:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#fff}.navigation__divider{width:1px;margin:0 20px;height:20px;background:#fff}}.image{width:100%}.image__full{transition:.3s opacity}.image__thumb{filter:blur(20px)}.footer{background-color:#fff;color:#000;font-size:15px;font-weight:600;padding:24px 56px 0}.footer a,.footer a:visited{color:#000;text-decoration:none}.footer a:hover{color:#000;text-decoration:underline}.footer__link{margin:5px 0;display:block}.footer__nav{width:100%}.footer__top{flex-wrap:wrap;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.footer__languagepicker,.footer__copyright{margin:40px 0}.footer__nav--social-list{list-style:none;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;margin:0}.languagepicker{width:120px;margin:12px 0}.languagepicker:focus-visible{outline:solid 2px #3c95ff;outline-offset:2px}.footer__nav--links{columns:160px 3;margin:24px 0}.footer__column{min-width:160px;margin-right:40px;margin-bottom:10px}.footer__column:last-child{margin-right:0}.footer__nav--links-list{list-style:none;padding:0}.social__link{display:flex;align-items:center;margin-left:12px}.social__link-text{margin-left:10px}.footer__nav--legal{font-size:13px}.footer__nav--legal-list{list-style:none;padding:0;display:block}.footer__copyright{font-size:13px;opacity:.5}.footer__languages--nav{width:100%;font-size:13px}.footer__languages--nav .footer__link--active{text-decoration:underline}@media (min-width: 600px){.footer__container{display:flex;justify-content:space-between;flex:1}.footer__nav--links{columns:160px 3}}@media (min-width: 900px){.footer__top,.footer__bottom,.footer__nav--legal,.footer__languages,.footer__languages--nav{display:flex}.footer__top{flex-direction:row;width:100%;justify-content:space-between}.footer__bottom{flex-wrap:wrap}.footer__nav--legal-list{display:flex}.footer__languages{margin-top:40px;flex-wrap:wrap;margin-bottom:15px;justify-content:flex-end}.footer__logo{display:flex;align-items:center}.footer__nav--links{columns:160px 3}.footer__nav--legal,.footer__languagepicker,.footer__copyright{margin:0 0 40px}.footer__nav--legal{flex:1}.footer__nav--legal .footer__link,.footer__languages--nav .footer__link{margin:0 20px 0 0}.footer__copyright{min-width:160px;justify-self:flex-end}.navigation.has-hidden{visibility:visible}}@media (min-width: 1100px){.footer__nav--links{display:flex;columns:auto;flex:1;justify-content:flex-start}.footer__top,.footer__bottom,.footer__nav--legal,.footer__languages{justify-content:flex-start}.footer__nav--legal-list{display:flex}.footer__languagepicker{width:140px}.footer__bottom,.footer__languages{max-width:1200px;justify-content:space-around;margin-left:auto;margin-right:auto}.footer__languages{justify-content:flex-end}.navigation.has-hidden{visibility:visible}.footer__middle{justify-content:flex-start}.footer__top{justify-content:space-between;align-items:center}}.modal-dialog{font-size:15px}.angular{background-color:#300b51;transform:scale(0)}.hero{color:#fff;background:#cbcbc9;overflow:visible;z-index:1;height:100vh;min-height:100vh;position:relative;display:flex}.hero__image{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-height: 380px){.hero{height:auto}}.hero .image__full,.hero .image__thumb{object-position:center center}.hero__cta{padding:16px 27px;border:0;border-radius:100px;box-shadow:0 1px 12px #0000001a;background-color:#ff780a;font-size:26px;font-weight:600}@media (min-width: 720px){.hero__picture{display:none}}video{display:none}@media (min-width: 720px){video.has-observed{display:block}}.aligned-section{padding:60px 40px}@media (min-width: 900px){.aligned-section{max-width:1060px;padding:0 60px;margin:0 auto}}@media (min-width: 720px){.landing-design-creator .hero__picture{display:inline}}.hero__container{z-index:1}.landing-design-creator .hero__container{top:0;left:0;padding:7rem 3rem 0}@media (min-width: 960px){.landing-design-creator .hero__container{top:20vh;left:10vw;margin-top:20vh;margin-left:10vw;max-width:40vw;padding:0 0 0 3rem;text-align:left;background:transparent}}@media (min-width: 1600px){.landing-design-creator .hero__container{left:20vw;margin-left:20vw}}@media (max-aspect-ratio: 1/1){.landing-design-creator .hero__container{padding-top:14vh;top:0}}.landing-design-creator .hero__cta{background:#9cf0e1;color:#000;height:52px;min-width:120px;line-height:52px;padding:0 16px;font-size:19px;border:0;border-radius:100px;box-shadow:0 1px 12px #0000001a;font-weight:600}.landing-design-creator .navigation__link--button,.landing-design-creator .mobilenav__button{background:#9cf0e1;color:#000;border:0;border-radius:100px;box-shadow:0 1px 12px #0000001a;font-weight:600}.landing-design-creator .hero__cta-wrapper{position:relative;display:inline}.landing-design-creator .hero__sub-title{color:#8ff3c1;font-weight:700}@media (max-width: 440px){.landing-design-creator .hero__sub-title{margin-top:8px}}.landing-design-creator .above-fold-wrapper{height:100vh;display:flex;justify-content:flex-end;flex-direction:column}.landing-design-creator .above-fold-wrapper .hero{z-index:2;flex:1 1 auto}.landing-design-creator .image.hero__image{overflow:hidden}.landing-content{background-color:#fff;margin-top:60px;padding-bottom:70px;color:#2d2d2d}@media (min-width: 1200px){.landing-content{margin-top:70px}}@font-face{font-family:Matter;font-style:normal;font-weight:400;src:url(https://static.soundtrap.com/static/Matter-Regular.ba141abfb8d4fc22.woff2) format("woff2");font-display:swap}@font-face{font-family:Matter;font-style:normal;font-weight:600;src:url(https://static.soundtrap.com/static/Matter-Medium.886925b46570243c.woff2) format("woff2");font-display:swap}@font-face{font-family:Matter;font-style:normal;font-weight:700;src:url(https://static.soundtrap.com/static/Matter-Bold.8fbb62e3fecc2f56.woff2) format("woff2");font-display:swap}.st-display-1{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:700;font-size:37px;line-height:1.5;letter-spacing:-.8px}.st-display-2{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:700;font-size:33px;line-height:38px;letter-spacing:-.6px}.st-heading-1{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:700;font-size:29px;line-height:35px;letter-spacing:-.5px}.st-heading-2{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:700;font-size:25px;line-height:30px;letter-spacing:-.3px}.st-heading-3{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:700;font-size:21px;line-height:25px;letter-spacing:0}.st-title-large{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:600;font-size:18px;line-height:23px;letter-spacing:.1px}.st-title-standard{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:600;font-size:15px;line-height:20px;letter-spacing:.1px}.st-body-standard{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:400;font-size:15px;line-height:20px;letter-spacing:.1px}.st-body-small{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:400;font-size:13px;line-height:17px;letter-spacing:.2px}.st-label-standard{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:600;font-size:13px;line-height:17px;letter-spacing:.2px}.st-label-small{font-family:Matter,sans-serif;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:no-contextual;font-weight:600;font-size:11px;line-height:15px;letter-spacing:.2px}.angular-loaded .deferred-click:after{display:none}.ng-hide,.hide{display:none!important}.deferred-click{position:relative}.deferred-click:after{content:"";display:block;background-image:url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:32px;height:32px;color:#0000;background-color:#4f0590;border-radius:50%;padding:25px;background-position:center;background-repeat:no-repeat;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}