.header[data-v-7ad14c7d]{width:100%;background-color:#00f;text-align:center;top:0;left:0;background-color:#fff;border-bottom:4px solid #000;z-index:2}.header.sticky[data-v-7ad14c7d],.headerItems[data-v-7ad14c7d]{position:-webkit-sticky;position:sticky}.headerItems[data-v-7ad14c7d]{left:0;top:0;margin:auto}.headerItems a[data-v-7ad14c7d]{text-decoration:none;font-weight:600;color:#000}.headerItems .nav[data-v-7ad14c7d]{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:2px 0}.headerItems .nav a[data-v-7ad14c7d]:not(:first-child){margin:24px}.headerItems .nav a.home[data-v-7ad14c7d]{margin:24px 24px 24px 0;font-weight:800;font-size:24px;position:relative;top:1px}.headerItems .nav a.nav__link.shop[data-v-7ad14c7d]{margin-right:0}button.menuButton[data-v-7ad14c7d]{position:absolute;top:0;right:20px;width:45px;height:45px;padding:0;min-width:45px;line-height:40px}@media only screen and (min-width:700px){.highlighted[data-v-7ad14c7d]{position:relative}.highlighted[data-v-7ad14c7d]:not(.home){transform:scale(1.2)}.highlighted[data-v-7ad14c7d]:before{content:" ";background-color:rgba(255,72,176,.8);height:70%;width:calc(100% + 25px);left:-12px;bottom:-2px;position:absolute;z-index:-1;border-radius:20px}.showForSmall[data-v-7ad14c7d]{display:none}}@media only screen and (max-width:700px){.hideForSmall[data-v-7ad14c7d]{display:none!important}.nav[data-v-7ad14c7d]{flex-direction:column!important;text-align:left}.nav .firstGroup a[data-v-7ad14c7d]{display:block;margin-left:0!important}}.subscribe-container__title[data-v-35941068]{font-size:90px}.subscribe.fullVersion[data-v-35941068]{text-align:center;background-color:rgba(255,72,176,.1);padding:120px 0 100px;top:-120px;margin-bottom:-120px}input[type=email][data-v-35941068]{padding:16px;border-radius:15px;border:4px solid #000}.marginAuto[data-v-35941068]{margin:auto!important}.signupForm[data-v-35941068]{max-width:500px}.wavyPinkTop[data-v-35941068]{position:relative}.wavyPinkTop[data-v-35941068]:before{width:100%;height:80px;position:absolute;top:-80px;left:0;content:" ";background-image:url(/c0a27baf4e7673b0399b9c97d1114a6e8bc71dd0/19e70/ui/wavy.svg);background-repeat:no-repeat;background-size:cover;z-index:-1}.subscribe:not(.fullVersion) h1[data-v-35941068]{font-size:24px!important;margin:0}.subscribe:not(.fullVersion) p[data-v-35941068]{margin-bottom:0;margin-top:8px}.footer[data-v-cc860782]{background-color:#fff}.header[data-v-cc860782]{width:100%;display:flex;flex-direction:row;align-items:baseline}.footer-section[data-v-cc860782]{border-top:4px solid #000;padding-top:24px;background-color:rgba(255,72,176,.3)}.footer-section a[data-v-cc860782]{text-decoration:none;color:#000}.footer-section .footerWrapper[data-v-cc860782]{display:flex;flex-direction:row}.footer-section .nav[data-v-cc860782]{display:flex;flex-direction:column}.footer-section .nav a[data-v-cc860782]{margin:8px 0;font-weight:600;transition:all .2s}.footer-section .nav a[data-v-cc860782]:hover{color:#ff48b0}.footer-section .nav .home[data-v-cc860782]{font-size:24px;font-weight:700;margin-top:0}.footer-section .madeByLine[data-v-cc860782]{margin-bottom:0}.footer-section .email[data-v-cc860782]{margin-top:4px}.notificationBanner[data-v-47e8cd9e]{text-align:center;width:100%;padding:4px 0;font-weight:600;background-color:rgba(255,72,176,.15)}body{margin:0}.default{position:relative}.layout{max-width:960px;margin:0 auto;padding:0 24px}@font-face{font-family:Linotte;src:url(/e5d2a36c5e8b2935c8d972eab6ea832ca461c3de/b79d1/fonts/linotte-regular-webfont.woff2);font-weight:400}@font-face{font-family:Linotte;src:url(/4897b223287ec99238f133fa50aeba6866d6a6d2/e2e2f/fonts/linotte-semibold-webfont.woff2);font-weight:600}@font-face{font-family:Linotte;src:url(/49d324f0a46bfa945b52aeda8b262983e30e4d40/9adeb/fonts/linotte-bold-webfont.woff2);font-weight:700}@font-face{font-family:Linotte;src:url(/16cd36b35fb393f5c7f4427fc97f312915bb7e23/d4aab/fonts/linotte-light-webfont.woff2);font-weight:300}@font-face{font-family:Linotte;src:url(/c4972d1355dac9e25c7d6c82dac61d99c26a7191/10045/fonts/linotte-heavy-webfont.woff2);font-weight:800}body{font-family:Linotte;font-weight:400}.button,button,input[type=submit]{padding:16px 24px;border-radius:16px;background-color:rgba(255,72,176,.8);border:4px solid #000;color:#000!important;margin:16px 0;min-width:100px;display:inline-block;font-family:Linotte;font-size:18px;font-weight:700;text-decoration:none;transition:background-color .2s}.button.small,button.small,input[type=submit].small{font-size:16px;padding:12px 18px;margin:12px 0;text-align:center}.button:hover,button:hover,input[type=submit]:hover{cursor:pointer!important;background-color:#ff48b0}.button.yellow,button.yellow,input[type=submit].yellow{background-color:#ffe900}.button.yellow:hover,button.yellow:hover,input[type=submit].yellow:hover{background-color:#d4ba00}.button.grey,button.grey,input[type=submit].grey{background-color:#d9d9d9}.button.grey:hover,button.grey:hover,input[type=submit].grey:hover{background-color:#b9b9b9}.button.white,button.white,input[type=submit].white{background-color:#fff}.button.white:hover,button.white:hover,input[type=submit].white:hover{background-color:#d9d9d9}.button.disabled,button.disabled,input[type=submit].disabled{opacity:.4;pointer-events:none}input[type=submit]:hover{cursor:pointer}.contentWrapper{max-width:1080px}.contentWrapper,.contentWrapperMed{margin:0 auto;padding:0 24px;z-index:1;position:relative}.contentWrapperMed{max-width:900px}.contentWrapperSmall{max-width:678px;margin:0 auto;padding:0 24px;z-index:1;position:relative}.grid-container{display:inline-grid;grid-template-columns:calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px) calc(8.33333% - 22px);grid-column-gap:24px;grid-row-gap:24px;margin:48px 0;width:100%}.no-margin{margin:0!important}.no-margin-top{margin-top:0!important}.margin-top{margin-top:48px}.margin-top16{margin-top:16px}.margin-bottom16{margin-bottom:16px}.margin-top24{margin-top:24px}.margin-top48{margin-top:48px}.margin-top64{margin-top:64px}.padding-top{padding-top:48px}.padding-top24{padding-top:24px}.padding-top48{padding-top:48px}.padding-top64{padding-top:64px}.padding-bottom{padding-bottom:48px}.padding-bottom24{padding-bottom:24px}.padding-bottom48{padding-bottom:48px}.padding-bottom64{padding-bottom:64px}.half{grid-column:span 6}.third{grid-column:span 4}.five-twelth{grid-column:span 5}.seven-twelth{grid-column:span 7}.two-third{grid-column:span 8}.fourth{grid-column:span 3}.fourth,.sixth{justify-self:center}.sixth{grid-column:span 2}.three-fourth{grid-column:span 9}.full,.whole{grid-column:span 12}.uppercase{text-transform:uppercase}h1{font-size:32px!important}h2{font-size:24px!important}h3{font-size:20px!important;line-height:1.4em}h4{font-size:18px!important}.dotShadow{transition:all .4s;transform:translateY(0)}.dotShadow:before{content:"";background-image:radial-gradient(#ff48b0 1px,transparent 0);background-size:4px 4px;background-position:0;position:absolute;top:20px;left:20px;width:100%;height:100%;z-index:-1;border-radius:20px;transition:all .4s;background-blend-mode:multiply}.dotShadow:hover{transform:translateY(-10px)}.dotShadow:hover:before{top:30px;width:calc(100% - 20px);left:40px}.dotShadow.small-dots:before{top:10px;left:10px}.dotShadow.small-dots:hover:before{top:22px;left:33px}.hidden{display:none}blockquote{position:relative;font-style:italic}blockquote:before{content:open-quote;position:absolute;font-size:200px;top:-50px;left:-50px;color:rgba(255,72,176,.3);z-index:-1;font-style:normal}blockquote:after{content:close-quote;opacity:0}p{line-height:1.5em}p a{color:#000;text-decoration:none;position:relative}p a:before{position:absolute;background-color:rgba(255,72,176,.5);width:100%;height:4px;bottom:-3px;content:" ";mix-blend-mode:multiply;transition:height .3s;border-radius:4px}p a:hover:before{height:calc(100% + 6px)}.text-center{text-align:center}.imageWithCaption{display:flex;flex-direction:column;margin:48px 0 32px}caption{text-align:left;font-size:14px;color:rgba(0,0,0,.6)}.numberedList{list-style:none;counter-reset:counter;margin-left:4px}.numberedList h4{margin:0}.numberedList p{margin:8px 0 16px}.numberedList li{counter-increment:counter;position:relative}.numberedList li:before{content:counter(counter);width:30px;height:30px;border-radius:40px;background-color:rgba(255,72,176,.1);line-height:32px;font-weight:600;text-align:center;display:inline-block;position:absolute;left:-46px;top:0;color:#ff48b0}.card{border:4px solid #000;padding:40px;border-radius:16px;background-color:#fff}.card .button,.card button,.card input[type=submit]{margin-bottom:0}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.4);border-radius:20px;border:4px solid #000}::-webkit-scrollbar-corner{background:rgba(0,0,0,.4)}@-webkit-keyframes pastelBgCycle{0%{background-color:#fff2f2}13%{background-color:#fff2fe}26%{background-color:#f5f2ff}39%{background-color:#f2f6ff}52%{background-color:#f2fffd}65%{background-color:#f2fff4}78%{background-color:#fdfff2}91%{background-color:#fffaf2}to{background-color:#fff2f2}}@keyframes pastelBgCycle{0%{background-color:#fff2f2}13%{background-color:#fff2fe}26%{background-color:#f5f2ff}39%{background-color:#f2f6ff}52%{background-color:#f2fffd}65%{background-color:#f2fff4}78%{background-color:#fdfff2}91%{background-color:#fffaf2}to{background-color:#fff2f2}}.hidden{display:none!important}.form input[type=email],.form input[type=text],.form textarea{padding:8px 16px;font-size:18px;font-family:Linotte;border:4px solid #000}.form input[type=email],.form input[type=text]{margin:16px 0}.form.singleTextInput{display:flex;flex-direction:row;justify-content:space-between;align-content:stretch;margin:0}.form.singleTextInput input[type=email],.form.singleTextInput input[type=text]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;border-top-left-radius:16px;border-bottom-left-radius:16px;width:100%}.form.singleTextInput button{width:50%;min-width:160px;border-top-left-radius:0;border-bottom-left-radius:0}.article{overflow-y:scroll;padding-bottom:60px;padding-top:20px;margin:0;display:flex;justify-content:center}.article .articleBody{max-width:700px;margin:0 24px;height:-webkit-max-content;height:-moz-max-content;height:max-content}@media only screen and (max-width:992px){.fourth,.half,.sixth,.third,.three-fourth{grid-column:span 6}.five-twelth,.seven-twelth,.two-third{grid-column:span 12}}@media only screen and (max-width:700px){.five-twelth,.fourth,.half,.seven-twelth,.sixth,.third,.three-fourth,.two-third{grid-column:span 12}}.interactiveHomepage[data-v-235b5e25]{margin:24px 0}.graphicContainer[data-v-235b5e25]{position:relative}.graphicContainer #bg[data-v-235b5e25]{top:0;width:100%;border:4px solid #000;border-radius:16px}.graphicContainer .item[data-v-235b5e25]{position:absolute}.graphicContainer .item img[data-v-235b5e25]{width:100%}.graphicContainer .moving[data-v-235b5e25]{transform:translateY(0);transition:transform .3s;cursor:pointer}.graphicContainer .moving[data-v-235b5e25]:hover{transform:translateY(-16px)}.graphicContainer .featured-zine[data-v-235b5e25]{top:28%;left:25%;width:20%}.graphicContainer .shop[data-v-235b5e25]{top:46%;left:5%;width:18%}.graphicContainer .letter[data-v-235b5e25]{top:70%;left:35%;width:19%}.graphicContainer .zines[data-v-235b5e25]{top:29%;left:49%;width:14%}.graphicContainer .screen[data-v-235b5e25]{top:34.5%;left:73.2%;width:20%}.graphicContainer .screen .screenElements img[data-v-235b5e25]{position:absolute;pointer-events:none;transition:all .6s}.graphicContainer .screen .screenElements .heart[data-v-235b5e25]{width:25%;top:20%;left:17%}.graphicContainer .screen .screenElements .rectangle[data-v-235b5e25]{width:60%;top:15%;left:28%}.graphicContainer .screen .screenElements .cursor[data-v-235b5e25]{width:20%;top:45%;left:57%;z-index:2}.graphicContainer .screen:hover .heart[data-v-235b5e25]{left:15%;top:18%}.graphicContainer .screen:hover .rectangle[data-v-235b5e25]{top:26%;left:31%}.graphicContainer .screen:hover .cursor[data-v-235b5e25]{top:30%;left:24%}.graphicContainer .about[data-v-235b5e25]{top:5%;left:5%;width:16%}.graphicContainer .bookend[data-v-235b5e25]{top:33%;left:59%;width:11%;pointer-events:none}.graphicContainer .sign[data-v-235b5e25]{top:3%;left:35%;width:30%}.itemName[data-v-235b5e25]{z-index:99;opacity:0;position:absolute;bottom:-68px;left:50%;transform:translateX(-50%);background-color:#ffe900;border-radius:30px;padding:12px 24px;transition:all .1s;pointer-events:none;border:4px solid #00007f;font-weight:600;font-size:18px;text-align:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;color:#00007f}.itemName.show[data-v-235b5e25]{opacity:1}.itemName[data-v-235b5e25]:before{content:"  ";background-image:url(/c74eb6b4c97e5420e8fe69e3f9d64358b7691d9a/75b0c/ui/linktriangle.svg);position:absolute;top:-20px;left:50%;transform:translateX(-50%);background-repeat:no-repeat;z-index:-2;width:48px;height:20px}.swinging[data-v-235b5e25]{-webkit-animation-name:swinging-data-v-235b5e25;animation-name:swinging-data-v-235b5e25;-webkit-animation-duration:1s;animation-duration:1s;transform-origin:top center}@-webkit-keyframes swinging-data-v-235b5e25{0%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes swinging-data-v-235b5e25{0%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}.shopItemPreview[data-v-63a1cde0]{max-width:286px;margin:auto}.shopItemContainer[data-v-63a1cde0]{border:4px solid #000;padding:20px;border-radius:16px;background-color:#fff;height:350px;background-size:cover;background-position:top}.shopItemContainer .price[data-v-63a1cde0]{position:absolute;bottom:16px;right:16px;background-image:url(/7bf6ea9b92c837e032095aef276cd3d83b90ef81/5b5fe/ui/startag.svg);width:75px;height:75px;background-size:contain;background-repeat:no-repeat}.shopItemContainer .price .priceText[data-v-63a1cde0]{margin:auto;text-align:center;position:absolute;width:100%;transform:translateY(-50%) translateX(-2px);top:calc(50% + 1px);font-weight:700;color:#000}.shopItemContainer .price .priceText .dollarSign[data-v-63a1cde0]{font-size:16px;position:relative;top:-2px;right:2px}.shopItemContainer .price .priceText .priceNum[data-v-63a1cde0]{font-size:24px}.title[data-v-63a1cde0]{margin-top:12px}.title a[data-v-63a1cde0]{text-decoration:none!important;color:#000}.zine-type[data-v-63a1cde0]{margin-bottom:0}.description[data-v-63a1cde0]{margin:0 4px}.activityType[data-v-07205f04]{margin-top:24px;margin-bottom:0;text-transform:uppercase}.title[data-v-07205f04]{margin-top:12px}.title .activityLink[data-v-07205f04]{text-decoration:none;color:#000;margin:0}.activityBox[data-v-07205f04]{position:relative;border:4px solid #000;padding:20px;border-radius:16px;background-color:#fff;height:200px}.activityBox .window[data-v-07205f04]{height:calc(100% - 44px);width:calc(100% - 16px);border-radius:8px;border-top-right-radius:0;border-top-left-radius:0;bottom:4px;left:4px;border:4px solid #000;position:absolute;background-size:cover;background-position:50%;background-repeat:no-repeat}.activityBox .window-buttons[data-v-07205f04]{position:absolute;top:6px;right:4px}.activityBox .window-buttons .window-button[data-v-07205f04]{border:4px solid #000;border-radius:14px;width:14px;height:14px;display:inline-block;margin:0 2px}@media only screen and (max-width:700px){.activityBox[data-v-07205f04]{height:260px}}.imageGallery[data-v-5f404403]{position:relative;width:auto;height:auto}.imageGallery img[data-v-5f404403]{width:100%;top:0;left:0}.imageGallery .gallery-arrow[data-v-5f404403]{position:absolute;z-index:1;background-image:url(/fd64417ba068b1b4b8747fd01cb2cad5def9be40/453fd/ui/gallery-arrow.svg);background-repeat:no-repeat;background-position:50%;background-color:transparent;border:none;height:100px;margin:auto;top:0;bottom:0}.imageGallery .gallery-arrow[data-v-5f404403]:hover{cursor:pointer}.imageGallery .right-arrow[data-v-5f404403]{right:0}.imageGallery .left-arrow[data-v-5f404403]{top:0;bottom:0;left:0;transform:scaleX(-1);-webkit-filter:FlipH;filter:FlipH;-ms-filter:FlipH}.titleAndType h4[data-v-45a7be3e]{margin-bottom:0}.titleAndType h1[data-v-45a7be3e]{margin-top:16px}.spreadPreviewLink img[data-v-45a7be3e]{width:100%}.about[data-v-45a7be3e]{margin-top:-24px;margin-right:24px}.about .embedded-image[data-v-45a7be3e]{cursor:pointer;max-width:100%;height:auto}.about .embedded-image-wrapper.expanded[data-v-45a7be3e]{position:fixed;z-index:1000;width:100%;height:calc(100% - 70px);bottom:0;cursor:pointer;left:0;right:0}.about .embedded-image-wrapper.expanded .embedded-image[data-v-45a7be3e]{cursor:auto;max-width:calc(100% - 60px);max-height:calc(100% - 60px);margin:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.about .expanded[data-v-45a7be3e]:before{content:" ";width:100%;position:fixed;background:rgba(0,0,0,.5);height:100%;top:0;left:0;z-index:-1}.about .expanded[data-v-45a7be3e]:after{content:"Close";font-size:20px;text-align:center;font-weight:700;position:fixed;background:#ff48b0;border:4px solid #000;border-radius:16px;padding:18px 24px;bottom:20px;right:0;left:0;z-index:1;max-width:200px;margin:auto}.purchaseBox[data-v-45a7be3e]{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:100px;transition:all .4s}.purchaseBox table[data-v-45a7be3e]{width:100%}.purchaseBox .boxInner[data-v-45a7be3e]{background-color:#fff;padding:16px 24px;z-index:1}.purchaseBox .boxInner[data-v-45a7be3e],.selectedOption[data-v-45a7be3e]{border:4px solid #000;border-radius:16px}.gumroad-scroll-container[data-v-45a7be3e]{width:1000px!important;height:1000px!important}.typeOfProductLink[data-v-45a7be3e]{text-decoration:none;font-size:16px;padding:16px 8px;height:100px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:700;text-transform:uppercase}.typeOfProductLink span[data-v-45a7be3e]{color:#000;margin-top:16px}.paypalOptions[data-v-45a7be3e]{display:none}.pay-button[data-v-45a7be3e]{width:100%}@media only screen and (min-width:992px){.showForSmall[data-v-45a7be3e]{display:none}}@media only screen and (max-width:992px){.embedded-image-wrapper img[data-v-45a7be3e]{max-width:100%}.purchaseBox[data-v-45a7be3e]{position:relative;top:0;margin-bottom:24px}.productOptions .typeOfProductLink.third[data-v-45a7be3e]{grid-column:span 4}.about[data-v-45a7be3e]{margin-right:0}.hideForSmall[data-v-45a7be3e]{display:none}}@media only screen and (max-width:500px){.productOptions .typeOfProductLink.third[data-v-45a7be3e]{grid-column:span 12}}.zinePreview[data-v-0fd3ceba]{margin:48px 0}.writtenContent[data-v-0fd3ceba]{max-width:420px}.writtenContent .textItems[data-v-0fd3ceba]{z-index:1;position:relative}.writtenContent[data-v-0fd3ceba]:before{content:" ";background-color:#fff;position:absolute;width:80%;height:calc(100% - 8px);top:4px;left:4px;border-radius:13px;z-index:0;background:#fff;background:linear-gradient(90deg,#fff 60%,hsla(0,0%,100%,0))}.zinePreviewContent[data-v-0fd3ceba]{background-size:contain;background-position:100%;background-repeat:no-repeat}@media only screen and (max-width:992px){.writtenContent[data-v-0fd3ceba]:before{width:calc(100% - 8px)}.zinePreviewContent[data-v-0fd3ceba]{background-size:auto 100%;background-position:125% 100%}}@media only screen and (max-width:700px){.writtenContent[data-v-0fd3ceba]{padding-top:120px}.writtenContent[data-v-0fd3ceba]:before{width:calc(100% - 8px);background:#fff;background:linear-gradient(0deg,#fff 40%,hsla(0,0%,100%,0))}.zinePreviewContent[data-v-0fd3ceba]{background-size:contain;background-position:100% top}}.switchHomepageStyle[data-v-87c2a35a]{position:fixed;bottom:10px;right:20px;width:160px;height:160px;border:none;background:0 0;z-index:100;background-image:url(/d03d72740bf096ca5e7a8dd7d914f40eb19c0c64/00b79/ui/star.svg);background-size:100%;font-size:16px;background-position:50%;background-repeat:no-repeat;cursor:pointer}.switchHomepageStyle span[data-v-87c2a35a]{width:80px;font-weight:700;margin:auto;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);text-align:center;cursor:pointer}.interactiveHomepage[data-v-87c2a35a]{margin:24px auto}.steps{z-index:99;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;position:-webkit-sticky;position:sticky;height:60px;border-bottom:4px solid #000;padding:8px 0;background-color:#fff}.steps .step:first-child{margin-left:30px}.steps .step:last-child{margin-right:30px}.steps .step.main{flex-basis:100px;font-weight:700}.steps .step{display:flex;align-items:center;pointer-events:none;opacity:.3}.steps .step .step-number{background-color:rgba(0,0,0,.15);border-radius:100px;height:40px;width:40px;text-align:center;line-height:40px;font-weight:600}.steps .step span{margin-left:16px;width:180px}.step.visited{pointer-events:all;opacity:1;cursor:pointer}.step.active span{position:relative;font-weight:700}.step.active span:before{content:" ";background-color:rgba(255,72,176,.8);height:16px;width:80%;left:-12px;bottom:-4px;position:absolute;z-index:-1;border-radius:20px}.bottomNav{position:absolute;width:calc(100% - 60px);height:60px;border-top:4px solid #000;bottom:0;left:0;background-color:#fff;padding:16px 46px;display:flex;justify-content:space-between;align-items:center}.bottomNav button{min-width:130px}.startOverButton{position:absolute;left:0;right:0;margin:auto;width:260px}.halfWidth{width:calc(50% - 111px)}.titleAndType h4{margin-bottom:0}.titleAndType h1{margin-top:16px}.token a{color:inherit}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.command-line-prompt>span:before{color:#999;content:" ";display:block;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}pre.diff-highlight>code .token.deleted:not(.prefix),pre>code.diff-highlight .token.deleted:not(.prefix){background-color:rgba(255,0,0,.1);color:inherit;display:block}pre.diff-highlight>code .token.inserted:not(.prefix),pre>code.diff-highlight .token.inserted:not(.prefix){background-color:rgba(0,255,128,.1);color:inherit;display:block}span.inline-color-wrapper{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxdjFIMHptMSAxaDF2MUgxeiIvPjwvc3ZnPg==);background-position:50%;background-size:110%;display:inline-block;height:1.333ch;width:1.333ch;margin:0 .333ch;box-sizing:border-box;border:1px solid #fff;outline:1px solid rgba(0,0,0,.5);overflow:hidden}span.inline-color{display:block;height:120%;width:120%}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(90deg,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:after,.line-numbers .line-highlight:before{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:hsla(0,0%,50.2%,.2)}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.token.punctuation.brace-hover,.token.punctuation.brace-selected{outline:1px solid}.rainbow-braces .token.punctuation.brace-level-1,.rainbow-braces .token.punctuation.brace-level-5,.rainbow-braces .token.punctuation.brace-level-9{color:#e50;opacity:1}.rainbow-braces .token.punctuation.brace-level-10,.rainbow-braces .token.punctuation.brace-level-2,.rainbow-braces .token.punctuation.brace-level-6{color:#0b3;opacity:1}.rainbow-braces .token.punctuation.brace-level-11,.rainbow-braces .token.punctuation.brace-level-3,.rainbow-braces .token.punctuation.brace-level-7{color:#26f;opacity:1}.rainbow-braces .token.punctuation.brace-level-12,.rainbow-braces .token.punctuation.brace-level-4,.rainbow-braces .token.punctuation.brace-level-8{color:#e0e;opacity:1}.prism-previewer,.prism-previewer:after,.prism-previewer:before{position:absolute;pointer-events:none}.prism-previewer,.prism-previewer:after{left:50%}.prism-previewer{margin-top:-48px;width:32px;height:32px;margin-left:-16px;opacity:0;transition:opacity .25s}.prism-previewer.flipped{margin-top:0;margin-bottom:-48px}.prism-previewer:after,.prism-previewer:before{content:"";position:absolute;pointer-events:none}.prism-previewer:before{top:-5px;right:-5px;left:-5px;bottom:-5px;border-radius:10px;border:5px solid #fff;box-shadow:inset 0 0 3px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.75)}.prism-previewer:after{top:100%;width:0;height:0;margin:5px 0 0 -7px;border:7px solid rgba(255,0,0,0);border-top-color:#fff}.prism-previewer.flipped:after{top:auto;bottom:100%;margin-top:0;margin-bottom:5px;border-top-color:rgba(255,0,0,0);border-bottom-color:#fff}.prism-previewer.active{opacity:1}.prism-previewer-angle:before{border-radius:50%;background:#fff}.prism-previewer-angle:after{margin-top:4px}.prism-previewer-angle svg{width:32px;height:32px;transform:rotate(-90deg)}.prism-previewer-angle[data-negative] svg{transform:scaleX(-1) rotate(-90deg)}.prism-previewer-angle circle{fill:transparent;stroke:#2e3538;stroke-opacity:.9;stroke-width:32;stroke-dasharray:0,500}.prism-previewer-gradient{background-image:linear-gradient(45deg,#bbb 25%,transparent 0,transparent 75%,#bbb 0,#bbb),linear-gradient(45deg,#bbb 25%,#eee 0,#eee 75%,#bbb 0,#bbb);background-size:10px 10px;background-position:0 0,5px 5px;width:64px;margin-left:-32px}.prism-previewer-gradient:before{content:none}.prism-previewer-gradient div{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:10px;border:5px solid #fff;box-shadow:inset 0 0 3px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.75)}.prism-previewer-color{background-image:linear-gradient(45deg,#bbb 25%,transparent 0,transparent 75%,#bbb 0,#bbb),linear-gradient(45deg,#bbb 25%,#eee 0,#eee 75%,#bbb 0,#bbb);background-size:10px 10px;background-position:0 0,5px 5px}.prism-previewer-color:before{background-color:inherit;background-clip:padding-box}.prism-previewer-easing{margin-top:-76px;margin-left:-30px;width:60px;height:60px;background:#333}.prism-previewer-easing.flipped{margin-bottom:-116px}.prism-previewer-easing svg{width:60px;height:60px}.prism-previewer-easing circle{fill:#2e3538;stroke:#fff}.prism-previewer-easing path{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:4}.prism-previewer-easing line{stroke:#fff;stroke-opacity:.5;stroke-width:2}@-webkit-keyframes prism-previewer-time{0%{stroke-dasharray:0,500;stroke-dashoffset:0}50%{stroke-dasharray:100,500;stroke-dashoffset:0}to{stroke-dasharray:0,500;stroke-dashoffset:-100}}@keyframes prism-previewer-time{0%{stroke-dasharray:0,500;stroke-dashoffset:0}50%{stroke-dasharray:100,500;stroke-dashoffset:0}to{stroke-dasharray:0,500;stroke-dashoffset:-100}}.prism-previewer-time:before{border-radius:50%;background:#fff}.prism-previewer-time:after{margin-top:4px}.prism-previewer-time svg{width:32px;height:32px;transform:rotate(-90deg)}.prism-previewer-time circle{fill:transparent;stroke:#2e3538;stroke-opacity:.9;stroke-width:32;stroke-dasharray:0,500;stroke-dashoffset:0;-webkit-animation:prism-previewer-time 3s linear infinite;animation:prism-previewer-time 3s linear infinite}.token.cr,.token.lf,.token.space,.token.tab:not(:empty){position:relative}.token.cr:before,.token.lf:before,.token.space:before,.token.tab:not(:empty):before{color:grey;opacity:.6;position:absolute}.token.tab:not(:empty):before{content:"\21E5"}.token.cr:before{content:"\240D"}.token.crlf:before{content:"\240D\240A"}.token.lf:before{content:"\240A"}.token.space:before{content:"\00B7"}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:hsla(0,0%,87.8%,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar span:focus,div.code-toolbar>.toolbar span:hover{color:inherit;text-decoration:none}.token.treeview-part .entry-line{position:relative;text-indent:-99em;display:inline-block;vertical-align:top;width:1.2em}.token.treeview-part .entry-line:before,.token.treeview-part .line-h:after{content:"";position:absolute;top:0;left:50%;width:50%;height:100%}.token.treeview-part .line-h:before,.token.treeview-part .line-v:before{border-left:1px solid #ccc}.token.treeview-part .line-v-last:before{height:50%;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.token.treeview-part .line-h:after{height:50%;border-bottom:1px solid #ccc}.token.treeview-part .entry-name{position:relative;display:inline-block;vertical-align:top;padding:0 0 0 1.5em}.token.treeview-part .entry-name:before{content:"";position:absolute;top:0;left:.25em;height:100%;width:1em;background:no-repeat 50% 50%/contain}.token.treeview-part .entry-name.dotfile{opacity:.5}.token.treeview-part .entry-name:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6Ii8+PC9zdmc+)}.token.treeview-part .entry-name.dir:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE1My42IDEzMS4yVjYwLjhxMC00LTIuOC02Ljh0LTYuOC0yLjhINzMuNnEtNCAwLTYuOC0yLjhUNjQgNDEuNnYtNi40cTAtNC0yLjgtNi44dC02LjgtMi44aC0zMnEtNCAwLTYuOCAyLjh0LTIuOCA2Ljh2OTZxMCA0IDIuOCA2Ljh0Ni44IDIuOEgxNDRxNCAwIDYuOC0yLjh0Mi44LTYuOHptMTIuOC03MC40djcwLjRxMCA5LjItNi42IDE1Ljh0LTE1LjggNi42SDIyLjRxLTkuMiAwLTE1LjgtNi42VDAgMTMxLjJ2LTk2UTAgMjYgNi42IDE5LjR0MTUuOC02LjZoMzJxOS4yIDAgMTUuOCA2LjZ0Ni42IDE1Ljh2My4ySDE0NHE5LjIgMCAxNS44IDYuNnQ2LjYgMTUuOHoiLz48L3N2Zz4=)}.token.treeview-part .entry-name.ext-bmp:before,.token.treeview-part .entry-name.ext-eps:before,.token.treeview-part .entry-name.ext-gif:before,.token.treeview-part .entry-name.ext-jpe:before,.token.treeview-part .entry-name.ext-jpeg:before,.token.treeview-part .entry-name.ext-jpg:before,.token.treeview-part .entry-name.ext-png:before,.token.treeview-part .entry-name.ext-svg:before,.token.treeview-part .entry-name.ext-tiff:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTEyOCAxMjEuNnYzMkgyNS42di0xOS4ybDE5LjItMTkuMkw1Ny42IDEyOCA5NiA4OS42em0tODMuMi0xOS4ycS04IDAtMTMuNi01LjZ0LTUuNi0xMy42IDUuNi0xMy42VDQ0LjggNjR0MTMuNiA1LjZUNjQgODMuMnQtNS42IDEzLjYtMTMuNiA1LjZ6Ii8+PC9zdmc+)}.token.treeview-part .entry-name.ext-cfg:before,.token.treeview-part .entry-name.ext-conf:before,.token.treeview-part .entry-name.ext-config:before,.token.treeview-part .entry-name.ext-csv:before,.token.treeview-part .entry-name.ext-ini:before,.token.treeview-part .entry-name.ext-log:before,.token.treeview-part .entry-name.ext-md:before,.token.treeview-part .entry-name.ext-nfo:before,.token.treeview-part .entry-name.ext-txt:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTM4LjQgODBxMC0xLjQuOS0yLjN0Mi4zLS45SDExMnExLjQgMCAyLjMuOXQuOSAyLjN2Ni40cTAgMS40LS45IDIuM3QtMi4zLjlINDEuNnEtMS40IDAtMi4zLS45dC0uOS0yLjNWODB6bTczLjYgMjIuNHExLjQgMCAyLjMuOXQuOSAyLjN2Ni40cTAgMS40LS45IDIuM3QtMi4zLjlINDEuNnEtMS40IDAtMi4zLS45dC0uOS0yLjN2LTYuNHEwLTEuNC45LTIuM3QyLjMtLjlIMTEyem0wIDI1LjZxMS40IDAgMi4zLjl0LjkgMi4zdjYuNHEwIDEuNC0uOSAyLjN0LTIuMy45SDQxLjZxLTEuNCAwLTIuMy0uOXQtLjktMi4zdi02LjRxMC0xLjQuOS0yLjN0Mi4zLS45SDExMnoiLz48L3N2Zz4=)}.token.treeview-part .entry-name.ext-asp:before,.token.treeview-part .entry-name.ext-aspx:before,.token.treeview-part .entry-name.ext-c:before,.token.treeview-part .entry-name.ext-cc:before,.token.treeview-part .entry-name.ext-cpp:before,.token.treeview-part .entry-name.ext-cs:before,.token.treeview-part .entry-name.ext-css:before,.token.treeview-part .entry-name.ext-h:before,.token.treeview-part .entry-name.ext-hh:before,.token.treeview-part .entry-name.ext-htm:before,.token.treeview-part .entry-name.ext-html:before,.token.treeview-part .entry-name.ext-jav:before,.token.treeview-part .entry-name.ext-java:before,.token.treeview-part .entry-name.ext-js:before,.token.treeview-part .entry-name.ext-php:before,.token.treeview-part .entry-name.ext-rb:before,.token.treeview-part .entry-name.ext-xml:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTQ4IDc2LjhxLjgtMS4xIDIuMS0xLjI1dDIuNC42NWw1LjEgMy44cTEuMS44IDEuMjUgMi4xdC0uNjUgMi40TDQwIDEwOC44bDE4LjIgMjQuM3EuOCAxLjEuNjUgMi40dC0xLjI1IDIuMWwtNS4xIDMuOHEtMS4xLjgtMi40LjY1VDQ4IDE0MC44bC0yMi42LTMwLjFxLTEuNC0xLjkgMC0zLjh6bTgwLjIgMzAuMXExLjQgMS45IDAgMy44bC0yMi42IDMwLjFxLS44IDEuMS0yLjEgMS4yNXQtMi40LS42NWwtNS4xLTMuOHEtMS4xLS44LTEuMjUtMi4xdC42NS0yLjRsMTguMi0yNC4zLTE4LjItMjQuM3EtLjgtMS4xLS42NS0yLjRUOTYgODBsNS4xLTMuOHExLjEtLjggMi40LS42NXQyLjEgMS4yNXptLTYyIDQ2LjFxLTEuMy0uMi0yLjA1LTEuM3QtLjU1LTIuNGwxMy44LTgzLjFxLjItMS4zIDEuMy0yLjA1dDIuNC0uNTVsNi4zIDFxMS4zLjIgMi4wNSAxLjN0LjU1IDIuNGwtMTMuOCA4My4xcS0uMiAxLjMtMS4zIDIuMDV0LTIuNC41NXoiLz48L3N2Zz4=)}.token.treeview-part .entry-name.ext-7z:before,.token.treeview-part .entry-name.ext-bz2:before,.token.treeview-part .entry-name.ext-bz:before,.token.treeview-part .entry-name.ext-gz:before,.token.treeview-part .entry-name.ext-rar:before,.token.treeview-part .entry-name.ext-tar:before,.token.treeview-part .entry-name.ext-tgz:before,.token.treeview-part .entry-name.ext-zip:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTY0IDM4LjRWMjUuNkg1MS4ydjEyLjhINjR6bTEyLjggMTIuOFYzOC40SDY0djEyLjhoMTIuOHpNNjQgNjRWNTEuMkg1MS4yVjY0SDY0em0xMi44IDEyLjhWNjRINjR2MTIuOGgxMi44em03MC0zOC44cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhINzYuOHYxMi44SDY0VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTc4LjEgOTQuM2wxMC43IDM0LjlxLjggMi43LjggNS4yIDAgOC4zLTcuMjUgMTMuNzVUNjQgMTUzLjZ0LTE4LjM1LTUuNDUtNy4yNS0xMy43NXEwLTIuNS44LTUuMiAyLjEtNi4zIDEyLTM5LjZWNzYuOEg2NHYxMi44aDcuOXEyLjIgMCAzLjkgMS4zdDIuMyAzLjR6TTY0IDE0MC44cTUuMyAwIDkuMDUtMS45dDMuNzUtNC41LTMuNzUtNC41VDY0IDEyOHQtOS4wNSAxLjktMy43NSA0LjUgMy43NSA0LjUgOS4wNSAxLjl6Ii8+PC9zdmc+)}.token.treeview-part .entry-name.ext-aac:before,.token.treeview-part .entry-name.ext-au:before,.token.treeview-part .entry-name.ext-cda:before,.token.treeview-part .entry-name.ext-flac:before,.token.treeview-part .entry-name.ext-mp3:before,.token.treeview-part .entry-name.ext-oga:before,.token.treeview-part .entry-name.ext-ogg:before,.token.treeview-part .entry-name.ext-wav:before,.token.treeview-part .entry-name.ext-wma:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTYyIDg1cTIgLjggMiAzdjU0LjRxMCAyLjItMiAzLS44LjItMS4yLjItMS4yIDAtMi4zLS45TDQxLjkgMTI4SDI4LjhxLTEuNCAwLTIuMy0uOXQtLjktMi4zdi0xOS4ycTAtMS40LjktMi4zdDIuMy0uOWgxMy4xbDE2LjYtMTYuN3ExLjYtMS41IDMuNS0uN3ptNDEuNyA2OC45cTMuMSAwIDUtMi40IDEyLjktMTUuOSAxMi45LTM2LjN0LTEyLjktMzYuM3EtMS42LTIuMS00LjMtMi40dC00LjcgMS40cS0yLjEgMS43LTIuMzUgNC4zNVQ5OC44IDg3cTEwIDEyLjMgMTAgMjguMnQtMTAgMjguMnEtMS43IDIuMS0xLjQ1IDQuNzV0Mi4zNSA0LjI1cTEuOCAxLjUgNCAxLjV6bS0yMS4xLTE0LjhxMi43IDAgNC43LTIgOC43LTkuMyA4LjctMjEuOXQtOC43LTIxLjlxLTEuOC0xLjktNC41LTJUNzguMiA5M3QtMiA0LjQ1IDEuOCA0LjY1cTUuMiA1LjcgNS4yIDEzLjFUNzggMTI4LjNxLTEuOSAyLTEuOCA0LjY1dDIgNC40NXEyIDEuNyA0LjQgMS43eiIvPjwvc3ZnPg==)}.token.treeview-part .entry-name.ext-avi:before,.token.treeview-part .entry-name.ext-flv:before,.token.treeview-part .entry-name.ext-mkv:before,.token.treeview-part .entry-name.ext-mov:before,.token.treeview-part .entry-name.ext-mp4:before,.token.treeview-part .entry-name.ext-mpeg:before,.token.treeview-part .entry-name.ext-mpg:before,.token.treeview-part .entry-name.ext-ogv:before,.token.treeview-part .entry-name.ext-webm:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6bS02NC04OS42cTUuMiAwIDkgMy44dDMuOCA5VjEyOHEwIDUuMi0zLjggOXQtOSAzLjhIMzguNHEtNS4yIDAtOS0zLjh0LTMuOC05Vjg5LjZxMC01LjIgMy44LTl0OS0zLjhoMzguNHptNDkuMi4ycTIgLjggMiAzdjU3LjZxMCAyLjItMiAzLS44LjItMS4yLjItMS40IDAtMi4zLS45TDk2IDExMy4zdi05bDI2LjUtMjYuNnEuOS0uOSAyLjMtLjkuNCAwIDEuMi4yeiIvPjwvc3ZnPg==)}.token.treeview-part .entry-name.ext-pdf:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6bS01MS40LTU5LjNxMy4zIDIuNiA4LjQgNS42IDUuOS0uNyAxMS43LS43IDE0LjcgMCAxNy43IDQuOSAxLjYgMi4yLjIgNS4yIDAgLjEtLjEuMmwtLjIuMnYuMXEtLjYgMy44LTcuMSAzLjgtNC44IDAtMTEuNS0ydC0xMy01LjNxLTIyLjEgMi40LTM5LjIgOC4zLTE1LjMgMjYuMi0yNC4yIDI2LjItMS41IDAtMi44LS43bC0yLjQtMS4ycS0uMS0uMS0uNi0uNS0xLTEtLjYtMy42LjktNCA1LjYtOS4xNXQxMy4yLTkuNjVxMS40LS45IDIuMy42LjIuMi4yLjQgNS4yLTguNSAxMC43LTE5LjcgNi44LTEzLjYgMTAuNC0yNi4yLTIuNC04LjItMy4wNS0xNS45NXQuNjUtMTIuNzVxMS4xLTQgNC4yLTRoMi4ycTIuMyAwIDMuNSAxLjUgMS44IDIuMS45IDYuOC0uMi42LS40LjguMS4zLjEuOHYzcS0uMiAxMi4zLTEuNCAxOS4yIDUuNSAxNi40IDE0LjYgMjMuOHptLTU3LjYgNDEuMXE1LjItMi40IDEzLjctMTUuOC01LjEgNC04Ljc1IDguNHQtNC45NSA3LjR6bTM5LjgtOTJxLTEuNSA0LjItLjIgMTMuMi4xLS43LjctNC40IDAtLjMuNy00LjMuMS0uNC40LS44LS4xLS4xLS4xLS4ydC0uMDUtLjE1LS4wNS0uMTVxLS4xLTIuMi0xLjMtMy42IDAgLjEtLjEuMnYuMnptLTEyLjQgNjYuMXExMy41LTUuNCAyOC40LTguMS0uMi0uMS0xLjMtLjk1dC0xLjYtMS4zNXEtNy42LTYuNy0xMi43LTE3LjYtMi43IDguNi04LjMgMTkuNy0zIDUuNi00LjUgOC4zem02NC42LTEuNnEtMi40LTIuNC0xNC0yLjQgNy42IDIuOCAxMi40IDIuOCAxLjQgMCAxLjgtLjEgMC0uMS0uMi0uM3oiLz48L3N2Zz4=)}.token.treeview-part .entry-name.ext-xls:before,.token.treeview-part .entry-name.ext-xlsx:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTQyLjkgMTQzdjEwLjZINzFWMTQzaC03LjVsMTAuMy0xNi4xcS41LS43IDEtMS42NXQuNzUtMS4zNS4zNS0uNGguMnEuMS40LjUgMSAuMi40LjQ1Ljc1dC42LjguNjUuODVMODkgMTQzaC03LjZ2MTAuNmgyOS4xVjE0M2gtNi44bC0xOS4yLTI3LjNMMTA0IDg3LjVoNi43Vjc2LjhIODIuOHYxMC43aDcuNGwtMTAuMyAxNS45cS0uNC43LTEgMS42NXQtLjkgMS4zNWwtLjIuM2gtLjJxLS4xLS40LS41LTEtLjYtMS4xLTEuNy0yLjNMNjQuOCA4Ny41aDcuNlY3Ni44aC0yOXYxMC43aDYuOGwxOC45IDI3LjJMNDkuNyAxNDNoLTYuOHoiLz48L3N2Zz4=)}.token.treeview-part .entry-name.ext-doc:before,.token.treeview-part .entry-name.ext-docm:before,.token.treeview-part .entry-name.ext-docx:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTIzLjMgNzYuOHYxMC43aDdsMTYuNCA2Ni4xaDE1LjlsMTIuOC00OC41cS43LTIgMS00LjYuMi0xLjYuMi0yLjRoLjRsLjMgMi40cS4xLjMuMzUgMnQuNTUgMi42TDkxIDE1My42aDE1LjlsMTYuNC02Ni4xaDdWNzYuOGgtMzB2MTAuN2g5bC05LjkgNDMuOHEtLjUgMi0uNyA0LjZsLS4yIDIuMWgtLjRsLS4zLTIuMXEtLjEtLjUtLjQtMi4xdC0uNS0yLjVMODIuNSA3Ni44SDcxLjFsLTE0LjQgNTQuNXEtLjIuOS0uNDUgMi40NXQtLjM1IDIuMTVsLS40IDIuMWgtLjRsLS4yLTIuMXEtLjItMi42LS43LTQuNmwtOS45LTQzLjhoOVY3Ni44aC0zMHoiLz48L3N2Zz4=)}.token.treeview-part .entry-name.ext-pps:before,.token.treeview-part .entry-name.ext-ppt:before,.token.treeview-part .entry-name.ext-pptx:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTc5LjIiIHdpZHRoPSIxNzkuMiI+PHBhdGggZD0iTTE0Ni44IDM4cTIuOCAyLjggNC44IDcuNnQyIDguOHYxMTUuMnEwIDQtMi44IDYuOHQtNi44IDIuOEg5LjZxLTQgMC02LjgtMi44VDAgMTY5LjZWOS42cTAtNCAyLjgtNi44VDkuNiAwaDg5LjZxNCAwIDguOCAydDcuNiA0Ljh6bS00NC40LTI0LjR2MzcuNkgxNDBxLTEtMi45LTIuMi00LjFsLTMxLjMtMzEuM3EtMS4yLTEuMi00LjEtMi4yem0zOC40IDE1Mi44VjY0SDk5LjJxLTQgMC02LjgtMi44dC0yLjgtNi44VjEyLjhIMTIuOHYxNTMuNmgxMjh6TTQxLjYgMTQzdjEwLjZoMzIuN1YxNDNINjV2LTE2LjdoMTMuN3E3LjYgMCAxMS44LTEuNSA2LjctMi4zIDEwLjY1LTguN3QzLjk1LTE0LjZxMC04LjEtMy43LTE0LjF0LTEwLTguN3EtNC44LTEuOS0xMy0xLjlINDEuNnYxMC43aDkuMlYxNDNoLTkuMnptMzUuMy0yOEg2NVY4OC4yaDEycTUuMiAwIDguMyAxLjggNS42IDMuMyA1LjYgMTEuNSAwIDguOS02LjIgMTItMy4xIDEuNS03LjggMS41eiIvPjwvc3ZnPg==)}[class*=lang-] script[type="text/plain"],[class*=language-] script[type="text/plain"],script[type="text/plain"][class*=lang-],script[type="text/plain"][class*=language-]{display:block;font:100% Consolas,Monaco,monospace;white-space:pre;overflow:auto}code[class*=language-] a[href],pre[class*=language-] a[href]{cursor:help;text-decoration:none}code[class*=language-] a[href]:hover,pre[class*=language-] a[href]:hover{cursor:help;text-decoration:underline}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:16px;margin:.5em 0;overflow:auto;border-radius:16px}code[class*=language-].inline,pre[class*=language-].inline{display:inline;padding:1px 8px;border-radius:6px;margin:0 8px;font-size:14px;background-color:#efefef;text-shadow:none}.result code[class*=language-].inline,.result pre[class*=language-].inline{background-color:#ffeffa}.inline .token.constant,.inline .token.deleted,.inline .token.property,.inline .token.symbol,.inline .token.tag{color:#e40082}.inline code[class*=language-],pre[class*=language-]{color:#000}pre[class*=language-].inline code[class*=language-]{text-shadow:none}pre[class*=language-].inline .token.punctuation{color:#000}pre[class*=language-].inline .token.cdata,pre[class*=language-].inline .token.comment,pre[class*=language-].inline .token.doctype,pre[class*=language-].inline .token.prolog{color:#505050}pre[class*=language-].inline:first-child{margin:0 6px 0 0}:not(pre)>code[class*=language-],pre[class*=language-]{background:#110330}:not(pre)>code[class*=language-]{padding:.1em;border-radius:16px;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#bfbfbf}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff48b0}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}label{font-size:16px;margin:8px 0;font-weight:700;display:block;width:100%}.tutorialSteps .substep{padding-bottom:40px}.tutorialSteps .substep .partNumber{margin-top:24px}.tutorialSteps .substep .substepTitle{margin-top:8px}.tutorialSteps .substep .substepNumber{margin-bottom:0}.result{background-color:rgba(255,72,176,.15);display:none;border-radius:16px;padding:16px 24px;margin-top:16px}.form.longTextInput{display:flex;flex-direction:column;align-items:flex-end}.form.longTextInput textarea{width:calc(100% - 40px);border-radius:16px;height:60px;padding:16px}.form.multiInput{display:flex;flex-direction:column;align-items:flex-start}.form.multiInput .inputs{width:100%;display:flex;flex-direction:row;justify-content:space-between}.form.multiInput .inputs .inputAndLabel{width:100%}.form.multiInput .inputs .inputAndLabel input[type=text]{border-radius:16px;padding:16px;width:calc(100% - 40px)}.form.multiInput .inputs .inputAndLabel:not(:last-child){margin-right:16px}.form.multiInput button{align-self:flex-end;margin-top:0}.form.colorSelection,.form.imageSelection{display:flex;flex-direction:column;justify-content:flex-end}.form.colorSelection .colorSelectionGroup,.form.colorSelection .imageSelectionGroup,.form.imageSelection .colorSelectionGroup,.form.imageSelection .imageSelectionGroup{border:4px solid #000;border-radius:16px;padding:16px;height:140px;overflow-y:scroll;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;background-color:#fff}.form.colorSelection .colorSelectionGroup .colorInput,.form.colorSelection .colorSelectionGroup .imageInput,.form.colorSelection .imageSelectionGroup .colorInput,.form.colorSelection .imageSelectionGroup .imageInput,.form.imageSelection .colorSelectionGroup .colorInput,.form.imageSelection .colorSelectionGroup .imageInput,.form.imageSelection .imageSelectionGroup .colorInput,.form.imageSelection .imageSelectionGroup .imageInput{cursor:pointer;max-height:60px;max-width:220px;margin:8px 4px}.form.colorSelection .colorSelectionGroup .colorInput,.form.colorSelection .imageSelectionGroup .colorInput,.form.imageSelection .colorSelectionGroup .colorInput,.form.imageSelection .imageSelectionGroup .colorInput{height:80px;width:80px;border-radius:16px;padding:8px;text-align:center;line-height:80px;display:flex;justify-content:center;align-items:center}.form.colorSelection .colorSelectionGroup .colorInput p,.form.colorSelection .imageSelectionGroup .colorInput p,.form.imageSelection .colorSelectionGroup .colorInput p,.form.imageSelection .imageSelectionGroup .colorInput p{pointer-events:none;font-weight:600}.form.colorSelection .colorSelectionGroup .imageInput.bg,.form.colorSelection .imageSelectionGroup .imageInput.bg,.form.imageSelection .colorSelectionGroup .imageInput.bg,.form.imageSelection .imageSelectionGroup .imageInput.bg{max-height:100px;max-width:100px}.form.colorSelection .colorSelectionGroup .colorInput.selected,.form.colorSelection .colorSelectionGroup .imageInput.selected,.form.colorSelection .imageSelectionGroup .colorInput.selected,.form.colorSelection .imageSelectionGroup .imageInput.selected,.form.imageSelection .colorSelectionGroup .colorInput.selected,.form.imageSelection .colorSelectionGroup .imageInput.selected,.form.imageSelection .imageSelectionGroup .colorInput.selected,.form.imageSelection .imageSelectionGroup .imageInput.selected{border:6px solid rgba(255,72,176,.8);margin:2px -2px;border-radius:16px;position:relative}.form.colorSelection .colorSelectionGroup .colorInput.selected,.form.colorSelection .imageSelectionGroup .colorInput.selected,.form.imageSelection .colorSelectionGroup .colorInput.selected,.form.imageSelection .imageSelectionGroup .colorInput.selected{border:6px solid #000}.form.colorSelection input[type=text],.form.imageSelection input[type=text]{display:none}.form.colorSelection button,.form.imageSelection button{align-self:flex-end}.codeWindows{display:flex;flex-direction:column;position:relative}.codeWindows .dots{position:absolute;top:8px;right:8px;display:flex;flex-direction:row}.codeWindows .dots .dot{width:10px;height:10px;border-radius:16px;border:4px solid #000;margin:0 3px}.codeWindows .browser{height:calc(50% - 80px);background-color:rgba(255,72,176,.8);border-radius:16px;padding:36px 8px 8px;position:relative}.codeWindows .browser iframe{height:100%;width:100%;background-color:#fff;border:none;border-radius:0 0 8px 8px}.codeWindows .browser:before{position:absolute;content:"Web Browser · index.html";top:12px;left:12px;font-weight:700}.codeWindows .codeWindow{background:#fff;position:absolute;bottom:24px;margin:0!important;height:calc(50% - 16px)!important;width:calc(100% - 56px);display:flex;padding:8px;border-radius:16px}.codeWindows .codeWindow .code{height:calc(100% - 60px);margin:0;align-self:flex-end;border-radius:8px;border-top-right-radius:0;border-top-left-radius:0;width:calc(100% - 32px)}.codeWindows .codeWindow .copyCodeButton{position:absolute;top:50px;right:30px;margin:0;padding:12px 14px}.codeWindows .codeWindow .copyCodeTooltip{width:180px;content:"Copy Code to Clipboard";position:absolute;background-color:rgba(0,0,0,.9);right:-5px;top:-42px;margin-top:20px;color:#fff;padding:12px;border-radius:8px;transition:all .3s;opacity:0;pointer-events:none;text-align:center}.codeWindows .codeWindow .copyCodeTooltip:before{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid rgba(0,0,0,.9);position:absolute;bottom:-12px;content:" ";left:0;right:0;margin:auto}.codeWindows .codeWindow .copyCodeTooltip.visible{opacity:1}.codeWindows .codeWindow:before{position:absolute;content:"Code Window · index.html";top:12px;left:12px;font-weight:700}pre{overflow:auto;word-wrap:normal;white-space:pre}.dots{position:absolute;top:8px;right:8px;display:flex;flex-direction:row}.dots .dot{width:10px;height:10px;border-radius:16px;border:3px solid #000;margin:0 3px;background-color:#fff}.browser{height:calc(50% - 80px);background-color:rgba(255,72,176,.8);border-radius:16px;padding:36px 8px 8px;position:relative}.browser iframe{height:100%;width:100%;background-color:#fff;border:none;border-radius:0 0 8px 8px}.browser:before{position:absolute;content:" ";top:12px;left:12px;font-weight:700}.articleBody{width:100%}img{max-width:100%}h1{margin-top:0}iframe{width:100%;height:100vh}body[data-v-50ae076f]{background-color:#f4f1fa;-webkit-animation-name:pastelBgCycle;animation-name:pastelBgCycle;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.activityTitle[data-v-50ae076f]{margin-top:0}.hero[data-v-50ae076f]{display:flex;flex-direction:row;z-index:1;position:relative}.hero .card[data-v-50ae076f]{padding-top:24px;width:calc(50% - 80px)}.hero .heroImageSection[data-v-50ae076f]{width:50%;display:flex;justify-content:flex-end;align-items:center}.hero .heroImageSection .browserContainer[data-v-50ae076f]{width:calc(100% - 100px);position:relative}.hero .heroImageSection .browserContainer .browser[data-v-50ae076f]{height:320px}.hero .heroImageSection .browserContainer .constructionImg[data-v-50ae076f]{position:absolute;z-index:1}.hero .heroImageSection .browserContainer .img1[data-v-50ae076f]{right:-49px;top:27px}.hero .heroImageSection .browserContainer .img2[data-v-50ae076f]{right:-40px;bottom:-40px}.hero .heroImageSection .browserContainer .img3[data-v-50ae076f]{bottom:-20px;left:40px}.readingsSection[data-v-50ae076f]{padding-top:200px;top:-200px;margin-bottom:-200px;position:relative;display:flex;justify-content:center}.readingsSection[data-v-50ae076f]:after{width:100%;height:100%;background-color:rgba(255,72,176,.1);content:" ";z-index:-1;position:absolute;left:0;top:0}.readingsSection[data-v-50ae076f]:before{width:100%;height:80px;position:absolute;top:-80px;left:0;content:" ";background-image:url(/c0a27baf4e7673b0399b9c97d1114a6e8bc71dd0/19e70/ui/wavy.svg);background-repeat:no-repeat;background-size:cover;z-index:-1}#multistepTutorial[data-v-50ae076f]{position:relative;margin:0;z-index:1;overflow-x:hidden}.hidden[data-v-50ae076f]{display:none}.activityContainer[data-v-50ae076f]{position:fixed;top:0;width:100%;height:100%;background-color:#fff}.activityContainer .article[data-v-50ae076f]{height:calc(100% - 256px)}.codeAndTutorialContainer[data-v-50ae076f]{height:calc(100% - 240px);width:100%;margin:0;display:flex;flex-direction:row;position:relative}.codeAndTutorialContainer .tutorialSteps[data-v-50ae076f]{height:calc(100vh - 176px);padding:0 46px;overflow:auto;width:calc(50% - 92px)}.codeAndTutorialContainer .codeWindows[data-v-50ae076f]{height:calc(100vh - 120px);background-color:#110330;padding:20px;flex-grow:1;max-width:50%;width:50%}@media only screen and (max-width:700px){.hero[data-v-50ae076f]{flex-direction:column}.hero .card[data-v-50ae076f]{width:calc(100% - 80px)}.hero .heroImageSection[data-v-50ae076f]{margin-top:3em;width:100%;justify-content:center}.hero .heroImageSection .browserContainer[data-v-50ae076f]{width:calc(100% - 40px)}.hero .heroImageSection .browserContainer .browser[data-v-50ae076f]{height:200px}}