.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}@font-face{font-family:HankenSans;src:local("HankenSans Light"),local("HankenSans-Light"),url(/assets/HankenSans-Light-CrYkEnK8.woff2) format("woff2"),url(/assets/HankenSans-Light-S1Pz3AjO.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:HankenSans;src:local("HankenSans Bold Italic"),local("HankenSans-BoldItalic"),url(/assets/HankenSans-BoldItalic-DRlu2OKo.woff2) format("woff2"),url(/assets/HankenSans-BoldItalic-D1tWDI_m.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:HankenSans;src:local("HankenSans Italic"),local("HankenSans-Italic"),url(/assets/HankenSans-Italic-BYPwF7YQ.woff2) format("woff2"),url(/assets/HankenSans-Italic-Ba5dRCb6.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:HankenSans;src:local("HankenSans Med Italic"),local("HankenSans-MediumItalic"),url(/assets/HankenSans-MediumItalic-Dl3CRs3G.woff) format("woff"),url(/assets/HankenSans-MediumItalic-D_SVfWgF.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:HankenSans;src:local("HankenSans Bold"),local("HankenSans-Bold"),url(/assets/HankenSans-Bold-Cw1wLmeF.woff) format("woff"),url(/assets/HankenSans-Bold-BdD_CC-d.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:HankenSans;src:local("HankenSans ExtraBoldItalic"),local("HankenSans-ExtraBoldItalic"),url(/assets/HankenSans-ExtraBoldItalic-BOOHcW4v.woff) format("woff"),url(/assets/HankenSans-ExtraBoldItalic-DiFlQofZ.woff2) format("woff2");font-weight:800;font-style:italic}@font-face{font-family:HankenSans;src:local("HankenSans Regular"),local("HankenSans-Regular"),url(/assets/HankenSans-Regular-BGlWPr0w.woff) format("woff"),url(/assets/HankenSans-Regular-COBilFSO.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:HankenSans;src:local("HankenSans Light Italic"),local("HankenSans-LightItalic"),url(/assets/HankenSans-LightItalic-BQdFT4Ed.woff) format("woff"),url(/assets/HankenSans-LightItalic-CiFSS3Uk.woff2) format("woff2");font-weight:300;font-style:italic}@font-face{font-family:HankenSans;src:local("HankenSans ExtBd"),local("HankenSans-ExtraBold"),url(/assets/HankenSans-ExtraBold-Zgd_IY4p.woff) format("woff"),url(/assets/HankenSans-ExtraBold-9kyOeUVI.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:HankenSans;src:local("HankenSans Medium"),local("HankenSans-Medium"),url(/assets/HankenSans-Medium-DkNiTBTc.woff2) format("woff2"),url(/assets/HankenSans-Medium-DDhry1Lw.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:HankenSans;src:local("HankenSans Black Italic"),local("HankenSans-BlackItalic"),url(/assets/HankenSans-BlackItalic-xQ1XOzgL.woff2) format("woff2"),url(/assets/HankenSans-BlackItalic-CBybfHGv.woff) format("woff");font-weight:900;font-style:italic}@font-face{font-family:HankenSans;src:local("HankenSans Black"),local("HankenSans-Black"),url(/assets/HankenSans-SemiBold-Dl7-gAqZ.woff2) format("woff2"),url(/assets/HankenSans-SemiBold-DVjtTQw9.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:HankenSans;src:local("HankenSans Black Italic"),local("HankenSans-BlackItalic"),url(/assets/HankenSans-SemiBoldItalic-C8-ogfif.woff2) format("woff2"),url(/assets/HankenSans-SemiBoldItalic-F01Zff8l.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:HankenSans;src:local("HankenSans Black"),local("HankenSans-Black"),url(/assets/HankenSans-Black-USyT6-RS.woff2) format("woff2"),url(/assets/HankenSans-Black-CKGFmjKf.woff) format("woff");font-weight:900;font-style:normal}body{font-family:HankenSans,system-ui,Arial,sans-serif;font-display:swap}html,body{margin:0;padding:0;border:0;box-sizing:border-box}div,header,main,footer,input,select,iframe,button,textarea{box-sizing:border-box}h1{pointer-events:none}h1,h2,h3{font-weight:400}h1,h2,h3,p{line-height:1.5em}p{margin-bottom:10px}a{color:var(--cf-black);text-decoration:none}@media(max-width:750px){.mobile-hidden{display:none!important}}@media(max-width:480px){.tiny-hidden{display:none!important}}@media(min-width:750px){.desktop-hidden{display:none!important}}.middle{height:100%}.mobile-compatible-snackbar{white-space:normal!important}body{background:#fafafa;font-size:16px}::-webkit-scrollbar{height:0px;width:3px}::-webkit-scrollbar-thumb{background-color:#8d8d8d61}.newButton,.newButton:active{color:var(--cf-accent)}.textOverlay{width:94%;max-width:900px}p a{text-decoration:underline;color:var(--cf-accent);cursor:pointer}.textOverlay{margin:24px auto 52px}p{max-width:640px}.pretag{font-size:2em;font-weight:700;color:var(--cf-accent);margin-top:0;margin-bottom:24px}.tagline{font-size:4em;font-weight:700;margin-bottom:32px}.ctaButtons{display:flex;font-size:1.6em;flex-direction:row;margin-bottom:50px}.liveEditorContainer{min-height:480px;max-height:600px;height:52vh;padding:0;width:calc(100% - 10px)}.liveEditor{height:100%;width:100%;padding:0}section h2{display:inline-block;font-weight:700;font-size:2em;position:relative;margin:12px 0;z-index:1}section h2:after{position:absolute;bottom:0;left:0;padding:0 4px;transform:translate(-4px);border-radius:3px;content:"";display:block;height:50%;width:100%;background:var(--cf-background);z-index:-1}section h3{font-weight:700;margin-bottom:0}section h3+p{margin-top:12px}section p{margin-bottom:24px}.triple{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:16px}.triple .item{flex-grow:1;flex-shrink:1;font-weight:400;width:calc(100% - 12px);white-space:initial;padding:6px 10px}.triple h3{color:var(--cf-accent);margin-top:8px;margin-bottom:0;padding-bottom:12px;border-bottom:3px dotted var(--cf-accent)}.triple p{margin:16px 0 8px}hr{border:0;border-bottom:4px dotted var(--cf-background);margin-bottom:52px}footer{font-style:italic;color:#555}footer p{max-width:unset}.starterTemplates .item h3:after{content:" →";display:inline-block;position:relative;top:0;left:0;transition:transform .2s}.starterTemplates .item:hover h3:after{transform:translate(4px)}@media(max-width:500px){.ctaButtons{display:block;overflow:hidden}.ctaButtons .button{float:left;clear:both}}@media(min-width:751px){.hero{margin-top:60px}.triple .item:first-child{margin-top:-2px;transform:rotate(-1deg)}.triple .item:nth-child(2){margin-top:22px}.triple .item:last-child{margin-top:8px;transform:rotate(1deg)}}@media(max-width:750px){.hero .textOverlay{margin-top:18px}.tagline{font-size:3em}.triple{flex-direction:column}}.textOverlay{margin-top:86px}.feedback-user-info{color:#de5252;margin-left:10px}@font-face{font-family:VeraMono;src:url(/assets/VeraMono-BQX3rZzG.ttf)}img{border-radius:4px}.cm-mergeView .ͼ1,.cm-mergeView .ͼ1 .cm-scroller{height:100%!important}.cm-editor .cm-scroller{font-family:VeraMono}