body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--themeColour:#00b9fb;--themeColourOpaque:#fafafa;--themeColourLight:#00b9fb;--themeColourLighter:#00b9fb1a}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans"),url(/static/media/open-sans-v18-latin-regular.347639ec49f4b2884a96.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:800;src:local("Open Sans"),url(/static/media/open-sans-v18-latin-800.8ab0bbdd48f276f4ba56.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:local("Open Sans"),url(/static/media/OpenSans-Bold.7756cc47db805fe51b8a.woff) format("woff")}.app{background-color:#fafafa;background-color:var(--themeColourOpaque)}#root,.app{height:100%;width:100%}#root{position:absolute}html{height:100%;width:100%}body{min-height:100%}*{box-sizing:border-box;font-family:Open Sans,sans-serif!important}.donateButton{background-color:#00b9fb!important;background-color:var(--themeColourLight)!important;border:2px solid #00b9fb;border:2px solid var(--themeColour);font-size:20px;font-weight:700!important;margin-top:20px!important;text-transform:none!important;width:100px!important}p{font-size:20px;margin:0}button *{font-weight:800!important}h1{font-weight:700}.fullscreenCenter{height:100vh;position:relative}.loadingWrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.selectextLogoHeader{font-size:165px}@media only screen and (max-width:850px) and (min-width:460px){.selectextLogoHeader{font-size:80px}.outlines{-webkit-text-stroke:2px #000!important}.headerWrapper .getItWrapper .getItButton{font-size:16px!important;height:50px;min-width:230px!important}.smallChromeIcon{margin-left:15px;width:25px!important}.descHeader{font-size:20px!important}}@media only screen and (max-width:460px){.selectextLogoHeader{font-size:60px}.outlines{-webkit-text-stroke:2px #000!important}.headerWrapper .getItWrapper .getItButton{font-size:16px!important;height:50px;min-width:230px!important}.smallChromeIcon{margin-left:15px;width:25px!important}.descHeader{font-size:16px!important}.outlines{-webkit-text-stroke:2px #000}}@media only screen and (max-width:1300px) and (min-width:850px){.selectextLogoHeader{font-size:140px}.descHeader{font-size:25px!important}}.descHeader{font-weight:800;margin-bottom:15px;margin-top:0}.getItWrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;margin-top:30px;width:100%}.getItButton:first-child{padding-right:10px}.getItButton:last-child{padding-left:10px}.getItButton{box-sizing:border-box;max-width:300px;width:50%}.getItImage{width:100%}.getItWrapper .getItButton{background-color:#fff!important;border:2px solid #000;border-radius:10px!important;font-size:25px;height:70px;margin-top:0!important;min-width:350px!important}.getItButton:hover{background-color:#ededed!important}.getItButton:hover .smallChromeIcon{animation:spin 1s linear infinite}.smallChromeIcon{margin-left:15px;width:40px}.selectextLogoHeader{font-weight:800;margin:0;text-rendering:optimizeLegibility}.outlines{-webkit-text-stroke:3px #000;color:#fff}.descHeader{font-size:30px}.youtubePlayer{position:absolute;top:0}h4{font-size:20px;font-weight:400;margin:0 0 10px}.videoDemoWrapper{margin-bottom:40px;margin-top:40px;width:100%;z-index:100}.aspectRatioWrapper{height:0;padding-top:56.25%;position:relative}.playerSize{display:inline-block;width:60%}@media only screen and (max-width:850px){.playerSize{width:100%}}@media only screen and (max-width:1300px) and (min-width:850px){.playerSize{width:70%}}@media only screen and (max-width:1500px) and (min-width:1300px){.playerSize{width:70%}}@media only screen and (min-width:1500px){.playerSize{width:60%}}@media only screen and (max-width:500px){.videoDemoWrapper{margin-top:30px}}.lrPad{background-color:var(--themeColourLight);box-sizing:border-box;padding-left:5%;padding-right:5%;width:100%}.homePageWrapper{align-items:center;background-color:#fafafa;flex-direction:column;text-align:center}.homePageWrapper,.topnavbarwrapper{display:flex;justify-content:center;width:100%}.topnavbarwrapper{background-color:#fff;border-bottom:1px solid #ededed;height:50px;padding:5px;position:relative}.smallIcon{height:40px;left:5px;position:absolute;top:5px;width:40px}.topnavbarwrapper .logInButton{height:30px!important;margin:0!important;position:absolute!important;right:5px!important;top:10px!important;width:110px!important}.topNavBarOptionsWrapper{cursor:pointer;display:flex;justify-content:left;line-height:40px;width:60%}.topNavBarOptionsWrapper *{font-weight:800!important}@media only screen and (max-width:720px){.gotoportalbutton{display:none}}.topNavBarOption{all:unset;display:inline-block;font-weight:700;margin-left:20px;margin-right:20px}.topNavBarOption:hover{color:var(--themeColourLight);transition:.2s}.animationBlockWrapper{background-color:var(--themeColourLight);padding-top:50px;width:100%}.header{background:linear-gradient(60deg,#543ab7,#00acc1);color:#fff;position:relative;text-align:center}.logo{fill:#fff;display:inline-block;padding-right:15px;vertical-align:middle;width:50px}.inner-header{height:65vh;margin:0;padding:0;width:100%}.flex{align-items:center;display:flex;justify-content:center;text-align:center}.waves{height:15vh;margin-bottom:-7px;max-height:150px;min-height:100px;width:100%}.content,.waves{position:relative}.content{background-color:#fff;height:20vh;text-align:center}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}.loader{animation:spin 1.5s linear infinite;border:16px solid #faeded;border-radius:50%;border-top:16px solid var(--themeColour);height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tutorialPageWrapper{align-items:center;background-color:var(--themeColourOpaque);display:flex;flex-direction:column;justify-content:center}.tutmainheader{font-size:50px;font-weight:700;margin-bottom:5px;margin-top:10px;text-align:center}.logoHeaderSmall{margin-top:20px;width:max(30%,300px)}.tutviddemowrapper{margin-top:0;text-align:center;width:100%}.tutplayerSize{display:inline-block;width:60%}.tryoutheader{font-size:40px;font-weight:700;margin-bottom:5px;margin-top:0;text-align:center}.tryoutstart{margin-top:100px}.tryoutdesc{margin-bottom:0;margin-top:0}.tutorialPageWrapper .videoDemoWrapper{text-align:center}.tuttextarea{font-size:20px;resize:none;width:60%}.extratipsImage{margin-top:100px;width:60%}@media only screen and (max-width:850px){.byebyewrapper,.extratipsImage,.followStepsBelow,.tuttextarea{width:100%!important}.tryoutheader,.tutmainheader{font-size:28px!important}.tutorialPageWrapper{padding-left:20px;padding-right:20px}}@media only screen and (max-width:1300px) and (min-width:850px){.byebyewrapper,.extratipsImage,.followStepsBelow,.tuttextarea{width:70%!important}.tryoutheader,.tutmainheader{font-size:36px!important}.tutorialPageWrapper{padding-left:10px;padding-right:10px}.tutheader .youHaveUnlockedVideoScreenshotText{font-size:20px}}@media only screen and (max-width:1500px) and (min-width:1300px){.byebyewrapper,.extratipsImage,.followStepsBelow,.tuttextarea{width:70%!important}.tryoutheader,.tutmainheader{font-size:44px!important}.tutorialPageWrapper{padding-left:10px;padding-right:10px}.tutheader .youHaveUnlockedVideoScreenshotText{font-size:22px}}@media only screen and (min-width:1500px){.tutheader .youHaveUnlockedVideoScreenshotText{font-size:24px}.byebyewrapper,.extratipsImage,.followStepsBelow,.tuttextarea{width:60%!important}}.byebyetext{font-weight:700;margin-top:100px}.byebyesmalltext{font-size:20px}.byebyewrapper{margin-bottom:100px;text-align:center;width:60%}.tryitnowButton{background-color:var(--themeColourLight)!important;border:2px solid var(--themeColour);font-size:20px;font-weight:700!important;margin-bottom:10px!important;margin-top:20px!important;text-transform:none!important;width:150px!important}.tryitnowButton:hover{background-color:var(--themeColour)!important;cursor:pointer}.followStepsBelow{text-align:center;width:60%}.tutorialUpgradeButtonLink{all:unset;margin-top:40px;width:150px!important}.tutorialUpgradeButton{margin-top:0!important}.topBannerWrapper{align-items:center;background-color:var(--themeColourLight);display:flex;height:70px;justify-content:center}.makesureheader{font-size:20px;text-align:left}.topBannerWrapper .getItWrapper .getItButton{font-size:20px!important;height:50px!important;max-width:500px!important;min-width:300px!important}.topBannerWrapper .smallChromeIcon{width:25px}@media only screen and (max-width:850px){.makesureheader{font-size:14px!important}.topBannerWrapper .smallChromeIcon{width:20px!important}.topBannerWrapper .getItWrapper .getItButton{font-size:12px!important;height:40px!important;min-width:180px!important}}@media only screen and (max-width:1300px) and (min-width:850px){.makesureheader{font-size:16px!important}.topBannerWrapper .getItWrapper .getItButton{font-size:16px!important;height:50px;min-width:230px!important}}@media only screen and (max-width:720px){.topBannerWrapper{display:none}}.portalContentWrapper{background-color:#fafafa;flex:1 1}.portalWrapper{display:flex;height:100%}.portalTutorialPageWrapper{height:100%;overflow-y:auto}.portalTutorialPageWrapper .logoHeaderSmall,.portalTutorialPageWrapper .tryitnowButton,.portalTutorialPageWrapper .youWillBePromptedText{display:none}.portalTutorialPageWrapper .tutmainheader{font-size:40px}.portalTutorialPageWrapper .logoHeaderSmall{display:none!important}.portalTutorialPageWrapper{padding-top:40px!important}@media only screen and (max-width:1000px){.upgradeOptionCostHeader{font-size:35px!important}.upgradeCurrencyText{font-size:18px!important}.perMonthText{font-size:14px!important}.upgradeOptionSmallHeader{font-size:13px!important;top:5px!important}.upgradeOptionWrapper{height:293.33333px;width:220px}.upgradeOptionHeader{font-size:20px!important}.upgradeOptionHeaderBlock{height:50px!important;min-height:50px!important}.resetsInText,.upgradeOptionBenefitsText{font-size:12px!important}.upgradeOptionContentBlock .upgradeButton{font-size:13px!important}.costAreaWrapper{margin-top:0!important}.portalNavbar{min-width:100px;width:100px}.portalNavbar .navbarButton{font-size:16px;line-height:40px}.navLogoutButton{font-size:14px}.accountPageWrapper,.plansPageWrapper{padding:20px}.plansPageWrapper h1{font-size:25px}.accountPageLayout h1{font-size:22px}.asterixText,.upgradePageSmallHeader{font-size:14px!important}.upgradePageSmallHeader{margin-top:0!important}.availablePlansWrapper{padding-bottom:20px!important;padding-top:20px!important}.creditsAmountsWrapper h3{font-size:30px!important}.creditsAmountsWrapper span{font-size:14px!important}.supportHeader,.yourPlanHeader{margin-bottom:10px!important;margin-top:10px!important}}@media only screen and (max-width:1200px) and (min-width:1000px){.yourPlansWrapper .upgradeOptionCostHeader{font-size:35px!important}.yourPlansWrapper .upgradeCurrencyText{font-size:18px!important}.yourPlansWrapper .perMonthText{font-size:14px!important}.yourPlansWrapper .upgradeOptionSmallHeader{font-size:13px!important;top:5px!important}.yourPlansWrapper .upgradeOptionWrapper{height:293.33333px;width:220px}.yourPlansWrapper .upgradeOptionHeader{font-size:20px!important}.yourPlansWrapper .upgradeOptionHeaderBlock{height:50px!important;min-height:50px!important}.resetsInText,.yourPlansWrapper .upgradeOptionBenefitsText{font-size:12px!important}.yourPlansWrapper .upgradeOptionContentBlock .upgradeButton{font-size:13px!important}.yourPlansWrapper .costAreaWrapper{margin-top:0!important}.upgradeOptionSmallHeader{font-size:13px!important;top:5px!important}.upgradeOptionWrapper{height:314.28571px;width:235.71429px}.upgradeOptionHeader{font-size:22px!important}.upgradeOptionHeaderBlock{height:55px!important;min-height:55px!important}.upgradeOptionCostHeader{font-size:40px!important}.upgradeCurrencyText{font-size:20px!important}.perMonthText{font-size:16px!important}.upgradeOptionBenefitsText{font-size:13px!important}.resetsInText{font-size:12px!important}.upgradeOptionContentBlock .upgradeButton{font-size:14px!important}.costAreaWrapper{margin-top:10px!important}.portalNavbar{min-width:150px;width:150px}.portalNavbar .navbarButton{font-size:20px}.accountPageWrapper,.plansPageWrapper{padding:25px}.plansPageWrapper h1{font-size:25px}.accountPageLayout h1{font-size:22px}.asterixText,.upgradePageSmallHeader{font-size:15px!important}.upgradePageSmallHeader{margin-top:0!important}.availablePlansWrapper{padding-bottom:20px!important;padding-top:20px!important}.creditsAmountsWrapper h3{font-size:35px!important}.creditsAmountsWrapper span{font-size:16px!important}.supportHeader,.yourPlanHeader{margin-bottom:12px!important;margin-top:12px!important}}@media only screen and (max-width:1350px) and (min-width:1200px){.yourPlansWrapper .upgradeOptionSmallHeader{font-size:13px!important;top:5px!important}.yourPlansWrapper .upgradeOptionWrapper{height:314.28571px;width:235.71429px}.yourPlansWrapper .upgradeOptionHeader{font-size:22px!important}.yourPlansWrapper .upgradeOptionHeaderBlock{height:55px!important;min-height:55px!important}.yourPlansWrapper .upgradeOptionCostHeader{font-size:40px!important}.yourPlansWrapper .upgradeCurrencyText{font-size:20px!important}.yourPlansWrapper .perMonthText{font-size:16px!important}.yourPlansWrapper .upgradeOptionBenefitsText{font-size:13px!important}.resetsInText{font-size:12px!important}.yourPlansWrapper .upgradeOptionContentBlock .upgradeButton{font-size:14px!important}.yourPlansWrapper .costAreaWrapper{margin-top:10px!important}.upgradeOptionWrapper{height:366.66667px;width:275px}.upgradeOptionHeader{font-size:25px!important}.upgradeOptionHeaderBlock{height:60px!important;min-height:60px!important}.upgradeOptionCostHeader{font-size:45px!important}.upgradeCurrencyText{font-size:22px!important}.perMonthText{font-size:18px!important}.upgradeOptionBenefitsText{font-size:16px!important}.resetsInText{font-size:14px!important}.upgradeOptionContentBlock .upgradeButton{font-size:16px!important}.costAreaWrapper{margin-top:20px!important}.upgradeOptionSmallHeader{font-size:14px!important;top:5px!important}.portalNavbar{min-width:200px;width:200px}.portalNavbar .navbarButton{font-size:23px}.accountPageWrapper,.plansPageWrapper{padding:30px}.plansPageWrapper h1{font-size:30px}.accountPageLayout h1{font-size:25px}.asterixText,.upgradePageSmallHeader{font-size:16px!important}.upgradePageSmallHeader{margin-top:0!important}.availablePlansWrapper{padding-bottom:25px!important;padding-top:25px!important}.creditsAmountsWrapper h3{font-size:40px!important}.creditsAmountsWrapper span{font-size:18px!important}.supportHeader,.yourPlanHeader{margin-bottom:14px!important;margin-top:14px!important}}.upgradeOptionWrapper .donateButton{margin-top:0!important}@media only screen and (min-width:1350px) and (max-width:1500px){.yourPlansWrapper .upgradeOptionWrapper{height:366.66667px;width:275px}.yourPlansWrapper .upgradeOptionHeader{font-size:25px!important}.yourPlansWrapper .upgradeOptionHeaderBlock{height:60px!important;min-height:60px!important}.yourPlansWrapper .upgradeOptionCostHeader{font-size:45px!important}.yourPlansWrapper .upgradeCurrencyText{font-size:22px!important}.yourPlansWrapper .perMonthText{font-size:18px!important}.resetsInText,.yourPlansWrapper .upgradeOptionBenefitsText{font-size:14px!important}.yourPlansWrapper .upgradeOptionContentBlock .upgradeButton{font-size:16px!important}.yourPlansWrapper .costAreaWrapper{margin-top:20px!important}.yourPlansWrapper .upgradeOptionSmallHeader{font-size:14px!important;top:5px!important}.upgradeOptionWrapper{height:440px;width:330px}.portalNavbar{min-width:250px;width:250px}.accountPageWrapper,.plansPageWrapper{padding:40px}.plansPageWrapper h1{font-size:30px}.accountPageLayout h1{font-size:25px}.asterixText,.upgradePageSmallHeader{font-size:17px!important}.supportHeader,.yourPlanHeader{margin-bottom:16px!important;margin-top:16px!important}.crementButton{height:40px!important;width:40px!important}.incrementalCounter{font-size:25px!important;width:120px!important}}@media only screen and (min-width:1500px){.yourPlansWrapper .upgradeOptionWrapper{height:400px;width:300px}.resetsInText,.yourPlansWrapper .upgradeOptionBenefitsText{font-size:15px!important}.crementButton{height:40px!important;width:40px!important}.incrementalCounter{font-size:25px!important;width:120px!important}.upgradeOptionWrapper{height:440px;width:330px}.portalNavbar{min-width:300px;width:300px}.accountPageWrapper,.plansPageWrapper{padding:50px}.plansPageWrapper h1{font-size:35px}.accountPageLayout h1{font-size:30px}.upgradeOptionHeaderBlock{height:90px}}.asterixText,.upgradePageSmallHeader{font-size:20px}.supportHeader,.yourPlanHeader{margin-bottom:18px;margin-top:18px}.dataFieldLabel{font-weight:700}.accountPageWrapper{display:flex;flex-direction:column;height:100%;overflow-y:auto}.accountSettingsHeader,.yourCreditsHeader{margin-top:0}.deleteAccountButton{margin-bottom:20px!important;margin-top:20px!important;width:150px!important}.userIconPicture{border-radius:50%;height:50px;margin-bottom:20px;margin-top:0;width:50px}.accountSettingsHeader{font-size:30px;margin-bottom:10px}.yesNoButtonsWrapper{display:flex;justify-content:space-evenly}.greyedButton{background-color:#ededed!important}.greyedButton:hover{background-color:#d5d5d5!important}.manageSubscriptionButton{margin-bottom:10px!important;margin-top:5px!important;width:200px!important}.youHaveCancelledText{color:var(--themeColourLight);font-size:16px;margin-bottom:0}.yourCreditsHeader,.yourPlanHeader{font-size:30px}.accountPageLayout{display:flex;justify-content:space-evenly;margin:auto 0}.accountSettingsLayout,.yourMonthlyCreditsLayout{width:40%}.yourMonthlyCreditsLayout{min-width:315px;padding-right:10px}.accountSettingsLayout{min-width:260px;padding-left:10px}.youHaveCancelledYourPlanText{color:var(--themeColourLight);margin-bottom:20px}.accountPageRightColumnLayout{display:flex;flex-direction:column}.supportLayout{padding-left:10px}.upgradeOptionWrapper{background-color:#fff;border:2px solid #000;border-radius:10px;display:inline-flex;display:flex;flex-direction:column;margin-left:10px;margin-right:10px}.upgradeOptionWrapper:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.upgradeOptionHeaderBlock{border-bottom:2px solid var(--themeColourLight);box-sizing:border-box;height:90px;min-height:90px;padding-left:10px;padding-right:10px;padding-top:10px;position:relative;width:100%}.upgradeOptionHeader{bottom:0;font-size:40px;font-weight:800;margin:0;position:absolute}.upgradeOptionSmallHeader{font-size:15px;margin:0;position:absolute;top:10px}.upgradeOptionContentBlock{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px;position:relative;width:100%}.upgradeOptionCostHeader{display:inline-flex;font-size:50px;line-height:50px;margin:0}.upgradeButton{align-self:flex-end;font-size:20px!important;margin-bottom:10px;min-width:100%!important}.contactButton,.upgradeButton,.upgradeButtonLink{width:100%!important}.contactButton{font-size:20px!important;margin:0!important}.perMonthText{font-weight:700;margin:0}.upgradeOptionBenefitsText{font-weight:700;margin:0;text-align:center}.upgradeButton:disabled{background-color:#ededed!important}.costAreaWrapper{margin-top:30px}.costAreaWrapper *{font-weight:800!important}.upgradeOptionBenefitsWrapper{align-items:center;display:flex;flex-direction:column}.upgradeCurrencyText{font-size:25px;line-height:25px;margin-left:3px;margin-top:22px}.upgradeButtonLink{all:unset;align-self:baseline}.flipCardWrapper{bottom:10px;position:absolute!important;width:calc(100% - 20px)!important}.emailContactWrapper{display:flex;flex-direction:row;height:47px;justify-content:space-evenly}.copyEmailButton{height:30px;margin:0!important;width:20px!important}.contactEmailAddress,.copyEmailButton{align-self:center;display:inline-block}.incrementControlsWrapper,.incrementalCounter{display:flex;margin-left:5px}.incrementalCounter{align-items:center;background-color:var(--themeColourLighter);font-weight:700;justify-content:center;line-height:30px;margin-right:5px;text-align:center;width:100px}.crementButton{all:unset;background-color:var(--themeColourLight);border-radius:50%;cursor:pointer;height:30px;position:relative;width:30px}.crementButton:hover{background-color:var(--themeColour)}.crementButton:disabled{background-color:#ededed;cursor:inherit}.crementText{align-items:center;bottom:0;display:flex;justify-content:center;left:0;margin:0 auto;padding:0;right:0;text-align:center}.resetsInText{color:#000;text-align:center}.unlimVidScreenshotWrapper{position:relative}.inlineControlWrapper{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.newSymbol{background-color:#fff;border:1px solid #000;height:20px;position:absolute;right:0;top:0;width:40px}.unlimVideoScreenshotButton{all:unset!important;font-weight:700!important}.unlimVideoScreenshotButton:hover{color:var(--themeColour)!important;cursor:pointer!important}.chromeIconUpgrade{margin-bottom:5px;margin-left:3px;width:15px}.exampleSS{width:500px}.rowWrapperSS{display:flex;justify-content:space-evenly}.newIconSS{height:214px;width:198px}.bottomSSRow{margin-top:20px}.videoScreenshotDemoSlide{bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.imgLoadingPlaceholder{display:inline-block!important;position:relative!important;width:100%}.portalNavbar{align-items:center;background-color:#ededed;border-right:2px solid var(--themeColourLight);display:flex;flex-direction:column;position:relative;text-align:center}.selectextLogoNav{margin-top:10px;width:80%}.navButtonsWrapper{margin-top:100px;width:100%}.navButtonsWrapper div{font-weight:800!important}.portalNavbar a{all:unset;cursor:pointer;width:100%}.navbarButton{border-bottom:2px solid #ededed;border-top:2px solid #ededed;font-size:25px;font-weight:700;line-height:50px;width:100%}.activeNavItem{background-color:#fafafa;border-bottom:2px solid var(--themeColourLight);border-top:2px solid var(--themeColourLight);margin-left:-2px;width:calc(100% + 4px)}.navLogoutButton{display:inline-block;line-height:40px;margin:0;width:60%}.navLogoutButtonWrapper{bottom:0;position:absolute;text-align:center;width:100%}.plansPageWrapper{display:flex;flex-direction:column;height:100%;min-width:500px;overflow-y:auto;width:100%}.yourPlansWrapper{width:100%}.availablePlansWrapper{padding-bottom:50px;padding-top:50px;width:100%}.planOptionsWrapper{display:flex;flex-direction:row;justify-content:space-evenly}.yourPlansCardsrapper{display:flex;flex-direction:column}.yourPlansWrapper{position:relative}.bottomWrapper{margin-bottom:auto;margin-top:auto}.upgradePageHeader{font-size:30px;margin-bottom:0;margin-top:0}.upgradePageHeaderWrapper{align-self:flex-start;margin-bottom:auto;margin-top:auto}.creditsAvailable,.creditsUsed{color:var(--themeColourLight);display:inline;font-size:50px;margin:0}.creditsUsedSmallText{color:#000;font-size:20px;font-weight:700!important}.bigSlash{display:inline;font-size:100px}.creditsAmountsWrapper{display:flex;flex-direction:column}.creditsAmountsWrapper *{font-weight:800}.horizontalLine{background-color:#000;height:2px;width:220px}.upgradePageSmallHeader{font-weight:400!important;margin:10px 0 0}.videoScreenshotLink{background-color:#fff;color:#000;text-decoration:none}.videoScreenshotLink:hover{color:var(--themeColourLight)}.bottomChromeIcon{margin:0 5px 0 0!important}.prorationPreviewWrapper{height:100%}.prorationPreviewModalWrapper,.prorationPreviewWrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.prorationPreviewModalWrapper{background-color:#fff;border:3px solid var(--themeColourLight);border-radius:5px;margin-left:100px;margin-right:100px;max-width:1300px;padding:30px}.prorationPreviewModalWrapper h2{margin-bottom:20px;margin-top:0}.confirmSwitchPlanButton{width:330px!important}.selectextLogoSwitchPlan{margin-bottom:20px;width:300px}.upgradingConfirmationMessage{width:100%}.downgradeCancelledWarningMessage{color:var(--themeColour);font-weight:700;margin-top:10px}.upgradeFailureWrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto}.upgradeFailureErrorMessage{color:red;margin-bottom:10px}.upgradeFailureWrapper .donateButton{margin-top:0!important}.upgradeFailureWrapper .plainLink{margin-top:20px}.tutsmalltext{font-size:16px;margin-bottom:20px}.tutheader{margin-bottom:0}.screenshotUnlockedWrapper,.tutorialGif{width:60%}@media only screen and (max-width:850px){.screenshotUnlockedWrapper,.tutorialGif{width:100%}}@media only screen and (max-width:1300px) and (min-width:850px){.screenshotUnlockedWrapper,.tutorialGif{width:60%}}@media only screen and (max-width:1500px) and (min-width:1300px){.screenshotUnlockedWrapper,.tutorialGif{width:60%}}@media only screen and (min-width:1500px){.screenshotUnlockedWrapper,.tutorialGif{width:50%}}.subscriptionSuccessPageWrapper{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:auto;padding-left:50px;padding-right:50px;width:100%}.subscriptionSuccessPageWrapper .donateButton{margin-top:0!important}.subscriptionSuccessPageWrapper .plainLink{margin-top:20px}.returnToPortalButton{margin-top:20px!important;width:200px!important}.plainLink{all:unset}.thanksForSubscribing{margin-bottom:0;margin-top:20px}.subscriptionSuccessPageWrapper .tutorialGif{margin-bottom:auto;margin-top:auto;padding-bottom:20px;padding-top:20px}.subscriptionSuccessPageWrapper .tutheader{margin-top:0}@media only screen and (max-width:850px){.thanksForSubscribing{font-size:24px}}@media only screen and (max-width:1300px) and (min-width:850px){.thanksForSubscribing{font-size:28px}}@media only screen and (max-width:1500px) and (min-width:1300px){.thanksForSubscribing{font-size:32px}}@media only screen and (min-width:1500px){.thanksForSubscribing{font-size:40px}}.stepperSuccessWrapper{width:100%}.youHaveUnlockedVideoScreenshotText{margin-bottom:20px;margin-top:20px}.privacyPolicyWrapper{height:100%;overflow-y:auto;padding:50px;width:100%}.ellipsis{display:inline-block;height:20px;margin-top:20px;position:relative;width:80px}.ellipsis span{animation-timing-function:cubic-bezier(0,1,1,0);background:#000;border-radius:50%;display:inline-block;height:8px;position:absolute;top:0;width:8px}.ellipsis span:first-child{animation:ellipsis1 .6s infinite;left:8px}.ellipsis span:nth-child(2){animation:ellipsis2 .6s infinite;left:8px}.ellipsis span:nth-child(3){animation:ellipsis2 .6s infinite;left:32px}.ellipsis span:nth-child(4){animation:ellipsis3 .6s infinite;left:56px}@keyframes ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}.signInPageWrapper{height:100vh;overflow-y:auto}.signInContentWrapper,.signInPageWrapper{align-items:center;display:flex;justify-content:center}.signInContentWrapper{background-color:#fff;border:2px solid #000;border-radius:10px;flex-direction:column;padding:30px}.selectextLogoSignin{margin-bottom:50px;width:280px}.signinMethodsWrapper{display:flex;flex-direction:column;gap:20px}.signInToSelectextText{font-size:25px;margin-bottom:50px;margin-top:20px}.gsi-material-button{-webkit-appearance:none;background-color:#f2f2f2;background-image:none;border:none;border-radius:4px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:16px;height:50px;letter-spacing:.25px;max-width:400px;min-width:-webkit-min-content;min-width:min-content;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;text-decoration:none;transition:background-color .218s,border-color .218s,box-shadow .218s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;vertical-align:middle;white-space:nowrap;width:auto}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .218s}.gsi-material-button:disabled{background-color:#ffffff61;cursor:default}.gsi-material-button:disabled .gsi-material-button-state{background-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#001d35;opacity:12%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#001d35;opacity:8%}.selectextSignInWithGoogleText{font-weight:700!important;text-align:left}.signinIcon{height:20px}.loginSuccessPageWrapper{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:auto;text-align:center}.loginSuccessLogo{width:350px}.loginSuccessPageWrapper h3{margin:0}.sendEmailLinkButton{margin-left:20px!important;width:260px!important}.emailLinkInputWrappers,.initiateEmailLinkSignInWrapper{align-items:center;display:flex;justify-content:center}.initiateEmailLinkSignInWrapper{flex-direction:column;height:100vh}.youWillBeSentText{margin-bottom:10px}.MuiRadio-root{color:var(--themeColour)!important}.sendEmailLinkButton:hover{background-color:var(--themeColour)!important;cursor:pointer}.emailLinkInputWrappers .MuiFormLabel-root.Mui-focused{color:var(--themeColour)}.emailLinkInputWrappers .MuiInput-underline:after{border-color:var(--themeColour)!important}.emailLinkInputWrappers .MuiFormControl-root{width:100%}.emailLinkInputWrappers .MuiFormGroup-root{align-items:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.whichever{font-size:14px}
/*# sourceMappingURL=main.b79c94a3.css.map*/