.stylesheet-modal{background-color:var(--overlay);display:grid;height:100vh;place-items:center;position:fixed;top:0;width:100vw;z-index:9999999999}.modal-body{background-color:var(--bg2);min-height:80%;padding-top:5rem;width:80%}.hero-container{background-color:var(--bg1);min-height:130vh;overflow:hidden;position:relative;transition:background-color .45s}.hero-container:after{background-color:var(--inverse-bg1);border-top-left-radius:50% 70%;border-top-right-radius:50% 70%;bottom:0;content:"";height:150px;overflow-x:hidden;position:absolute;width:100vw;z-index:10}.hero-container *{transition:background-color .45s}nav{background-color:var(--bg1);height:80px;width:100%}nav img{cursor:pointer}nav *{max-height:80px}nav>div{display:flex;justify-content:space-between;margin:0 auto;max-width:1500px;width:100%}nav>div>*{color:var(--txt1);display:inline-block;font-family:Roboto Flex,sans-serif;font-size:2rem;font-weight:200;letter-spacing:2px;letter-spacing:10px;margin:auto 2rem}nav>div:first-child{height:100%}.main-nav{background-color:var(--bg1);position:relative;z-index:10}.fixed-nav{top:0;transition:all .5s ease-in-out}.fixed-nav,.static-nav{position:fixed;z-index:9999}.static-nav{animation:changePosition .35s ease-in-out;top:-80px;transition:all .25s ease-in-out}.hero-mode-constructor{justify-content:center}.hero-mode-constructor,.hero-mode-constructor>div:first-child{align-items:center;display:flex}.hero-mode-constructor>div>p>span{border-radius:10px;cursor:pointer;display:inline-block;padding:.5rem 0 .75rem .5rem}.hero-mode-constructor>div>p>span:hover{animation:rainbow 1s linear}.hero-mode-picture{height:100px;left:-12px;position:absolute;top:-12px}.hero-mode-bg{background-color:var(--inverse-bg1);border-radius:100%;height:30px;margin:.2rem 0 0 .7rem;overflow:hidden;position:relative;transition:all .5s ease-in-out;width:30px}.hero-to-dark{animation:lightToDark .5s ease-in-out forwards}.hero-to-light{animation:darkToLight .5s ease-in-out forwards}.sass-studios{white-space:nowrap}.headline{display:flex;margin:2.5rem auto;max-width:1500px;padding:2rem}.headline>div{flex:1 1 50%;max-width:750px}.intro p:nth-child(2){margin-top:-1.5rem}.intro p span{white-space:nowrap;word-spacing:10px}.intro p span:first-child{color:var(--txt1);font-family:Seaweed Script,cursive;font-size:1.5rem;font-size:min(4.5rem + 5vw,150px);font-weight:300;letter-spacing:2px}.intro p span:nth-child(2),.intro p span:nth-child(3){font-size:min(1.5rem + 3.5vw,80px)}.intro p span:nth-child(3){display:inline-block;position:relative;z-index:10!important}.intro-swoosh{aspect-ratio:367/100;display:block;opacity:0;position:absolute;transform:rotate(5deg);width:100%;z-index:-1!important}.intro-swoosh-down{animation:downFade .4s ease-in-out forwards}.intro-swoosh-up{animation:upFade .4s ease-in-out forwards}.intro-swoosh-first-render-sass{bottom:-20%;opacity:1}.intro-swoosh-first-render-css{opacity:0!important;transition:none!important}.intro-sub-heading{font-size:min(1.5rem + 3vw,50px)}.intro-container{display:grid;margin-top:15rem;place-items:center}.intro-graphic{height:60%;margin:0 30% 0 auto;position:relative;width:60%}.intro-graphic>img:first-child{margin-top:1.5rem}.intro-graphic>img:first-child,.intro-graphic>img:nth-child(2){left:50%;margin-left:6rem;top:50%;transform:translate(-50%,-50%) rotate(195deg);transition:all .4s ease-in-out;width:max(300%,1000px);z-index:0!important}.intro-graphic img{border-radius:15px;position:absolute;z-index:10}.intro-styling-container{margin-top:4rem;position:relative;width:fit-content}.intro-styling{position:absolute;white-space:nowrap;width:fit-content}.intro-primary-styling{animation:smallToBig .4s ease-in-out forwards;font-size:2rem;line-height:25px;top:-2rem;transition:color .4s ease-in-out}.intro-hold-width{font-size:2rem;line-height:25px;opacity:0;pointer-events:none}.intro-secondary-styling{animation:bigToSmall .4s ease-in-out forwards;color:var(--dimmed-text);font-size:1.5rem;top:1.5rem;transition:color .4s ease-in-out}.intro-primary-styling-first-render{font-size:2rem;top:-2.45rem}.intro-secondary-styling-first-render{color:var(--dimmed-text);font-size:1.5rem;top:1rem}.primary-graphic{z-index:2000!important}.secondary-graphic{position:relative}.intro-graphic-swap{aspect-ratio:3/2;height:auto;width:400px}.gradient-fadein{opacity:1;transition:all .4s ease-in-out}.gradient-fadeout{opacity:0;transition:all .4s ease-in-out}.graphic-swap-1-dark{left:175px;margin-top:-175px}.graphic-swap-2-dark{margin-top:0}.intro-swap-cont1,.intro-swap-cont2{position:relative}.hero-overlay:after{z-index:100}.hero-overlay-adjust:after,.hero-overlay:after{-webkit-backdrop-filter:brightness(.6) saturate(122%) blur(2px);backdrop-filter:brightness(.6) saturate(122%) blur(2px);border-radius:15px;content:"";height:267px!important;position:absolute;top:0;width:400px}.hero-overlay-adjust:after{left:175px;margin-top:-175px;z-index:10}#intro-after{cursor:pointer;height:25px;width:25px;z-index:100}#intro-after,#intro-highlight{position:absolute;right:-25px;top:-15px}#intro-highlight{animation:glow 1s infinite alternate;box-shadow:0 0 20px 5px hsla(0,0%,100%,.129);height:1px;transform:translate(-12px,10px);width:1px;z-index:10}@keyframes bigToSmall{0%{font-size:2rem;top:-2.45rem}70%{font-size:.75rem}to{font-size:1.5rem;top:1rem}}@keyframes smallToBig{0%{font-size:1.5rem;top:1.1rem}70%{font-size:2.75rem}to{font-size:2rem;top:-2rem}}@keyframes upFade{0%{bottom:-20%;opacity:0}30%{opacity:0}to{bottom:-20%;opacity:1}}@keyframes downFade{0%{bottom:-20%;opacity:1}70%{opacity:0}to{bottom:-20%;opacity:0}}@keyframes lightToDark{0%{transform:rotate(1turn)}to{transform:rotate(180deg)}}@keyframes darkToLight{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}@keyframes glow{0%{box-shadow:0 0 20px 5px hsla(0,0%,100%,.129)}to{box-shadow:0 0 30px 10px #fff}}@keyframes rainbow{0%{color:var(--pastel-pink)}11%{color:var(--pastel-peach)}22%{color:var(--pastel-yellow)}33%{color:var(--pastel-green)}44%{color:var(--pastel-blue)}55%{color:var(--pastel-purple)}66%{color:var(--pastel-pink)}to{color:var(--text1)}}@media(max-width:1360px){.intro-container{margin-left:calc(20vw - 300px);padding-top:2rem}.intro-graphic>img:first-child,.intro-graphic>img:nth-child(2){max-width:1100px}.intro{max-width:500px!important}}@media(max-width:1100px){.intro-container{margin-left:-15rem;padding-top:15rem}.graphic-swap-1-dark,.hero-overlay-adjust:after{left:50px}.graphic-swap-2-dark,.hero-overlay:after{left:-100px}}@media(max-width:800px){.headline{flex-direction:column}.intro-container{margin:0;padding:0}.graphic-swap-1-dark,.graphic-swap-2-dark,.hero-overlay-adjust:after,.hero-overlay:after{height:189px!important;transform:translate(30%,40%);width:275px}.intro-graphic>img:first-child,.intro-graphic>img:nth-child(2){max-width:1400px;transform:translate(-50%,-20%) rotate(195deg)}.graphic-swap-1-dark,.hero-overlay-adjust:after{left:100px;top:125px}.graphic-swap-2-dark,.hero-overlay:after{left:-80px}.hero-container{min-height:100vh}.intro p:nth-child(2){margin-bottom:.75rem}.headline{margin:1rem .75rem}.sass-studios{letter-spacing:2px;white-space:nowrap}}@media(max-width:600px){.graphic-swap-1-dark,.hero-overlay-adjust:after{left:0;top:125px}.graphic-swap-2-dark,.hero-overlay:after{left:-100px}.intro>p>span{white-space:wrap}}.template-designer-container{background-color:var(--bg1);height:1000px;overflow-x:hidden}.template-divider{background-color:var(--inverse-bg1);height:150px;position:relative;width:100%}.template-divider:after{background-image:var(--curve-divider);left:-30%}.template-divider:after,.template-divider:before{background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:100%;position:absolute;width:inherit;z-index:1}.template-divider:before{background-image:var(--inverse-curve-divider);left:30%;transform:rotateX(180deg) translateY(-100%)}.template-container{background-color:var(--inverse-bg1);min-height:900px;position:relative}.template-creator{display:flex;gap:2.5rem;margin:0 auto;max-width:1500px}.template-creator>div{margin-top:6rem}.template-config{background-color:var(--alternate-bg);background:var(--alternate-bg);border-radius:20px;box-sizing:border-box;flex-shrink:0;height:fit-content;padding:2rem;position:relative;width:450px;z-index:100}.template-config:after{background-color:inherit;background:inherit;border-radius:20px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px 0 #0a254059;content:"";display:block;height:100%;left:calc(-100vw + 1.5rem + 450px);position:absolute;top:0;width:100vw;z-index:-1}.template-stage{box-shadow:inset -12px 0 15px -5px #000000b3;flex-grow:1;overflow-x:scroll;padding:5rem .25rem .25rem 1.5rem;position:relative}.template-stage:after{background-color:var(--inverse-bg1);content:"";height:20px;left:0;overflow:hidden;position:absolute;top:0;width:v;z-index:100}.template-stage>div:first-child{margin-bottom:1rem}.template-config h2{color:var(--inverse-txt2);font-family:Seaweed Script,cursive;font-size:5.5rem;font-weight:300;letter-spacing:2px;margin:2rem}.config-columns{display:flex;justify-content:space-between}.config-columns>div{color:var(--inverse-txt2);display:flex;flex-direction:column}.config-columns>div:nth-child(2){align-items:flex-end}.config-columns>div>*{display:inline-block;height:50px;white-space:nowrap}.template-scale-preview{align-items:baseline;display:flex;white-space:nowrap}.template-scale-preview>div{vertical-align:middle!important}.template-scale-preview>div:first-child{margin-right:0}.template-scale-preview>div:first-child,.template-scale-preview>div:nth-child(2){flex-shrink:0;width:30px}.template-scale-preview>div:nth-child(2){color:var(--dimmed-text2);margin-right:2.5rem}.template-scale-preview>div:nth-child(3){color:var(--inverse-txt2)}.typography-inputs input,.typography-inputs select{background:#f5f5f5;border:1px solid #8a8a8a;border-radius:6px;box-shadow:0 3px 8px #0000000a;box-sizing:border-box;color:#000;font-family:inherit;outline:none;padding:.5em;text-overflow:ellipsis;width:160px}.typography-inputs input[type=color]{padding:.25em}.typography-decoration-h2{background-color:var(--dimmed-text2);border-radius:40px;height:4px;left:0;position:absolute}.typography-styles-container{position:relative;width:fit-content}.typography-units-active,.typography-units-inactive{border-radius:20px;cursor:pointer;padding:.5rem .75rem}.typography-units-active{background-color:var(--slight-background);transition:background-color .3s ease-in-out}.typography-units-inactive{background-color:#fff0;transition:background-color .3s ease-in-out}#typography-h2-decoration1{bottom:2rem;width:95%}#typography-h2-decoration2{bottom:1.3rem;width:50%}#typography-h2-decoration3{bottom:.6rem;width:25%}html[data-theme=light]{--bg1:#f5f5f5;--bg2:#c1c1c1;--inverse-bg1:#080808;--inverse-bg2:#2d2d2d;--alternate-bg:linear-gradient(107deg,#000,#303030);--dimmed-text:rgba(95,95,95,.799);--dimmed-text2:hsla(0,0%,100%,.799);--txt1:#0f0f0f;--txt2:#2d2d2d;--inverse-txt1:#fff;--inverse-txt2:#e6e6e6;--accents1:red;--btn-bg1:red;--btn-txt1:red;--slight-background:hsla(0,0%,100%,.445);--curve-divider:url(/static/media/bookNegative_Light.724bb3fb0949e5d7290a.svg);--inverse-curve-divider:url(/static/media/bookNegative_Dark.777470140689c2340585.svg);--pastel-pink:#c67;--pastel-peach:#c96;--pastel-yellow:#bb6;--pastel-green:#6b6;--pastel-blue:#69c;--pastel-purple:#96c;--overlay:rgba(0,0,0,.478)}html[data-theme=dark]{--bg1:#080808;--bg2:#313131;--inverse-bg1:#f5f5f5;--inverse-bg2:#ededed;--alternate-bg:#f5f5f5;--dimmed-text:hsla(0,0%,73%,.799);--dimmed-text2:hsla(0,0%,45%,.799);--txt1:#fff;--txt2:#ebebeb;--inverse-txt1:#2d2d2d;--inverse-txt2:#080808;--accents1:#51ff00;--btn-bg1:red;--btn-txt1:red;--slight-background:hsla(0,0%,50%,.174);--curve-divider:url(/static/media/bookNegative_Dark.777470140689c2340585.svg);--inverse-curve-divider:url(/static/media/bookNegative_Light.724bb3fb0949e5d7290a.svg);--pastel-pink:#ffb3ba;--pastel-peach:#ffd4b3;--pastel-yellow:#ffffb3;--pastel-green:#baffb3;--pastel-blue:#b3d4ff;--pastel-purple:#d4b3ff;--overlay:rgba(0,0,0,.478)}.theme-light{--bg1:#f5f5f5;--bg2:#c1c1c1;--inverse-bg1:#080808;--inverse-bg2:#2d2d2d;--alternate-bg:linear-gradient(107deg,#000,#303030);--dimmed-text:rgba(95,95,95,.799);--dimmed-text2:hsla(0,0%,100%,.799);--txt1:#0f0f0f;--txt2:#2d2d2d;--inverse-txt1:#fff;--inverse-txt2:#e6e6e6;--accents1:red;--btn-bg1:red;--btn-txt1:red;--slight-background:hsla(0,0%,100%,.445);--curve-divider:url(/static/media/bookNegative_Light.724bb3fb0949e5d7290a.svg);--inverse-curve-divider:url(/static/media/bookNegative_Dark.777470140689c2340585.svg);--pastel-pink:#c67;--pastel-peach:#c96;--pastel-yellow:#bb6;--pastel-green:#6b6;--pastel-blue:#69c;--pastel-purple:#96c;--overlay:rgba(0,0,0,.478)}.theme-dark{--bg1:#080808;--bg2:#313131;--inverse-bg1:#f5f5f5;--inverse-bg2:#ededed;--alternate-bg:#f5f5f5;--dimmed-text:hsla(0,0%,73%,.799);--dimmed-text2:hsla(0,0%,45%,.799);--txt1:#fff;--txt2:#ebebeb;--inverse-txt1:#2d2d2d;--inverse-txt2:#080808;--accents1:#51ff00;--btn-bg1:red;--btn-txt1:red;--slight-background:hsla(0,0%,50%,.174);--curve-divider:url(/static/media/bookNegative_Dark.777470140689c2340585.svg);--inverse-curve-divider:url(/static/media/bookNegative_Light.724bb3fb0949e5d7290a.svg);--pastel-pink:#ffb3ba;--pastel-peach:#ffd4b3;--pastel-yellow:#ffffb3;--pastel-green:#baffb3;--pastel-blue:#b3d4ff;--pastel-purple:#d4b3ff;--overlay:rgba(0,0,0,.478)}body{color:var(--txt1);font-family:Roboto Flex,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:2px;margin:0}*{--sb-size:9px}::-webkit-scrollbar{width:var(--sb-size)}::-webkit-scrollbar-track{background:#e5e5e5;border-radius:4px}::-webkit-scrollbar-thumb{background:#8a8a8a;border:1px solid #232e33;border-radius:4px}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:#8a8a8a #e5e5e5}}@font-face{font-display:swap;font-family:Roboto Flex;font-stretch:100%;font-style:normal;font-weight:100 1000;src:local("Roboto Flex"),url(/static/media/cyrillic-ext-roboto.8a8cc7f6200e7e7c5518.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto Flex;font-stretch:100%;font-style:normal;font-weight:100 1000;src:local("Roboto Flex"),url(/static/media/cyrillic-roboto.13d7944c3ecd3d16a284.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto Flex;font-stretch:100%;font-style:normal;font-weight:100 1000;src:local("Roboto Flex"),url(/static/media/greek-roboto.eef35f45dd467ecfb78e.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto Flex;font-stretch:100%;font-style:normal;font-weight:100 1000;src:local("Roboto Flex"),url(/static/media/vietnamese-roboto.01a8c24b4c27a3835d13.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto Flex;font-stretch:100%;font-style:normal;font-weight:100 1000;src:local("Roboto Flex"),url(/static/media/latin-ext-roboto.d713d5e107fabf5c50d4.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto Flex;font-stretch:100%;font-style:normal;font-weight:100 1000;src:local("Roboto Flex"),url(/static/media/latin-roboto.767bdf24317e15c751b0.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Seaweed Script;font-style:normal;font-weight:400;src:local("Seaweed Script"),url(/static/media/latin-seaweed.a553b1c41157265ed01b.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Seaweed Script;font-style:normal;font-weight:400;src:local("Seaweed Script"),url(/static/media/latin-seaweed.a553b1c41157265ed01b.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.none{display:none}.no-animation,.no-animation *{animation:none!important;transition:none!important}
/*# sourceMappingURL=main.0b5f881b.css.map*/