{"version":3,"file":"style.css","mappings":"AAGA,WACC,gCAKA,kCAEC,8BACA,gBAFA,UAEA,CAID,8BAGC,qDADA,YADA,WAGA,kEAGA,kKADA,oDADA,gBAEA,CAEA,kCACC,kBAGD,iFAEC,aACA,iBACA,kBAEA,oCAND,iFAOE,eAIF,iCACC,eACA,gBACA,iBACA,SAGD,6CAEC,0EADA,iBAEA,kEACA,QACA,iBAKF,kCAEC,qDADA,wBACA,CAEA,oCAJD,kCAKE,mBAKF,+BAEC,mBACA,sEAFA,YAGA,WAEA,oCAND,+BAUE,SACA,8FAFA,YAFA,kBACA,KAGA,CAEA,sCACC,QAIF,kCACC,yBACA,qBAEA,SACA,mBACA,gBAHA,iBAGA,CAEA,qCACC,6BAEA,uCAKC,sBADA,cAGA,qDALA,eACA,gBAFA,gBAKA,kBAEA,kEAGA,yBACA,kBAEA,sDAEA,eAHA,aAHA,iBADA,qBAMA,qEACA,CAEA,6CACC,aAIF,0CACC,qDACA,kEAEA,iDAUC,yBAEA,kBAHA,WARA,0BAUA,qBANA,kBADA,gBADA,YAGA,iBAOA,iBANA,kBAOA,4EANA,sBANA,UAYA,CAIF,4DACC,cAEA,wEAEC,yBADA,UACA,CAIF,2DAGC,kBACA,kKAFA,cADA,eAGA,CAEA,uEACC,gBAQL,uCAEC,qDADA,kBAEA,yGACA,mDAEA,iDACC,kBACA,mDACA,gBAEA,0DAQC,SAGA,oDARA,YAMA,OALA,gBAFA,eAUA,gBAFA,oBALA,kBAEA,QADA,MAOA,wDACA,sEAbA,UAaA,CAEA,4EACC,wEAID,8EAEC,0DADA,sFACA,CAIF,+DAIC,gBAGA,kBAGA,kKAFA,oDAPA,eAKA,cAHA,6BADA,gBAOA,gBAJA,YAKA,CAGD,mEAIC,cAHA,yCACA,eACA,gBAEA,gBAIF,yDAGC,YAEA,eAHA,kBADA,WAGA,UACA,CAEA,wEAGC,qDADA,iBADA,WAGA,kEACA,6EACA,mDACA,cAGD,wEAQC,YACA,kBAEA,8MAEA,eAZA,yCACA,eACA,gBAEA,oBADA,iBAMA,UAHA,kBADA,qBAMA,4NACA,CAGD,kEAEC,gBADA,cAEA,kBAGD,oIAEC,WACA,iBAGD,kEACC,mBAGD,kEACC,mBAOH,oDACC,iBAEA,wDAEC,eADA,UACA,CAGD,sDACC,cAGD,sDACC,mBAGD,mHAIC,kBAFA,4CACA,iBACA,CAmCD,0DACC,yBACA,kBAEA,6DACC,cAIF,yDAGC,yBADA,WADA,cAGA,aACA,8BACA,gBACA,mBAEA,8DAEC,+BADA,SACA,CAIF,iEACC,gBAEA,gBADA,kBACA,CAGD,oEAEC,4dAoBA,4BAGD,yCAxBC,iBAwBD,4HAOC","sources":["webpack://stepped-content/./src/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\r\n\r\n// Dashicon\r\n.dashicons {\r\n\tfont-family: dashicons !important;\r\n}\r\n\r\n// Stepped Content\r\n.wp-block-stp-content {\r\n\t.stpContent {\r\n\t\twidth: 100%;\r\n\t\tfont-family: 'Roboto', sans-serif;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t// Navbar\r\n\t.stpNav {\r\n\t\twidth: 100%;\r\n\t\theight: 65px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 5px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t\tbox-shadow: 0px 1px 2px 0px #3c40434d, 0px 2px 6px 2px #3c404326;\r\n\r\n\t\tsvg {\r\n\t\t\tfill: currentColor;\r\n\t\t}\r\n\r\n\t\t.menuOpen,\r\n\t\t.menuClose {\r\n\t\t\tdisplay: none;\r\n\t\t\tline-height: 100%;\r\n\t\t\tmargin-right: 20px;\r\n\r\n\t\t\t@media screen and (max-width: 768px) {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\th2 {\r\n\t\t\tfont-size: 20px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tline-height: 100%;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t.remainingTime {\r\n\t\t\tline-height: 100%;\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 5px;\r\n\t\t\tmargin-left: auto;\r\n\t\t}\r\n\t}\r\n\r\n\t// Section\r\n\t.stpSection {\r\n\t\theight: calc(100% - 65px);\r\n\t\tdisplay: flex;\r\n\r\n\t\t@media screen and (max-width: 768px) {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\t}\r\n\r\n\t// Menu\r\n\t.stpMenu {\r\n\t\twidth: 255px;\r\n\t\toverflow-y: overlay;\r\n\t\ttransition: all 0.3s ease-in-out;\r\n\t\tz-index: 10;\r\n\r\n\t\t@media screen and (max-width: 768px) {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: -255px;\r\n\t\t\tbottom: 0;\r\n\t\t\tbox-shadow: 2px 0 2px 0 #3c40434d;\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tol {\r\n\t\t\tcounter-reset: li-count 0;\r\n\t\t\tlist-style-type: none;\r\n\t\t\tpadding: 15px 10px;\r\n\t\t\tmargin: 0px;\r\n\t\t\toverflow-x: visible;\r\n\t\t\toverflow-y: auto;\r\n\r\n\t\t\tli {\r\n\t\t\t\tcounter-increment: li-count 1;\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tmin-height: 48px;\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tcolor: rgb(128, 134, 139);\r\n\t\t\t\t\tbackground-color: white;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\tpadding: 3px 10px;\r\n\t\t\t\t\tborder: 1px solid rgb(218, 220, 224);\r\n\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\tmargin: 6px 0px;\r\n\t\t\t\t\tbox-sizing: content-box;\r\n\t\t\t\t\ttransition: all 300ms ease-in-out;\r\n\t\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\toutline: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\r\n\t\t\t\t\t&::before {\r\n\t\t\t\t\t\tcontent: counter(li-count);\r\n\t\t\t\t\t\twidth: 26px;\r\n\t\t\t\t\t\theight: 26px;\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\t\tfont-style: normal;\r\n\t\t\t\t\t\tline-height: 26px;\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\tvertical-align: middle;\r\n\t\t\t\t\t\tcolor: rgb(255, 255, 255);\r\n\t\t\t\t\t\tbackground-color: rgb(128, 134, 139);\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\tmargin-right: 8px;\r\n\t\t\t\t\t\ttransition: all 300ms ease-in-out 0s;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[data-completed='true'] a {\r\n\t\t\t\t\tcolor: #212121;\r\n\r\n\t\t\t\t\tspan::before {\r\n\t\t\t\t\t\tcolor: rgb(255, 255, 255);\r\n\t\t\t\t\t\tbackground-color: rgb(26, 115, 232);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[data-selected='true'] a {\r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\tcolor: #212121;\r\n\t\t\t\t\tborder-color: rgb(255, 255, 255);\r\n\t\t\t\t\tbox-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;\r\n\r\n\t\t\t\t\tspan::before {\r\n\t\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Pages\r\n\t.stpStepsWrapper {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tflex-grow: 1;\r\n\r\n\t\t.stpSteps {\r\n\t\t\tposition: relative;\r\n\t\t\tflex-grow: 1;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t.stpStep {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tmax-height: 100%;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0px;\r\n\t\t\t\tright: 0px;\r\n\t\t\t\tbottom: 0px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\tpadding: 30px 10px 0px 10px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\ttransform: translate3d(0px, 0px, 0px);\r\n\t\t\t\ttransition: all 0.3s ease-in-out;\r\n\r\n\t\t\t\t&:not(:first-child) {\r\n\t\t\t\t\ttransform: translate3d(110%, 0px, 0px);\r\n\t\t\t\t}\r\n\r\n\r\n\t\t\t\t&[data-selected='true'] {\r\n\t\t\t\t\ttransform-origin: 0 50% 0;\r\n\t\t\t\t\tanimation-fill-mode: both;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.instructions {\r\n\t\t\t\tfont-size: 15px;\r\n\t\t\t\tmax-width: 800px;\r\n\t\t\t\tmax-height: calc(100% - 85px);\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t\tpadding: 24px;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\toverflow-y: auto;\r\n\t\t\t\tbox-shadow: 0px 1px 2px 0px #3c40434d, 0px 2px 6px 2px #3c404326;\r\n\t\t\t}\r\n\r\n\t\t\t.instructionTitle {\r\n\t\t\t\tfont-family: 'Google Sans', Arial, sans-serif;\r\n\t\t\t\tfont-size: 28px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tcolor: #3c4043;\r\n\t\t\t\tmargin: 0 0 30px 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.sptStepsControls {\r\n\t\t\twidth: 100%;\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 30px;\r\n\t\t\tz-index: 10;\r\n\t\t\tpadding: 0px 15px;\r\n\r\n\t\t\t.controlsInner {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tmax-width: 1025px;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\tflex-grow: 1;\r\n\t\t\t\tmargin: 0px auto;\r\n\t\t\t}\r\n\r\n\t\t\t.docControlBtn {\r\n\t\t\t\tfont-family: 'Google Sans', Arial, sans-serif;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tfont-weight: 600;\r\n\t\t\t\tline-height: 100%;\r\n\t\t\t\tletter-spacing: 0.6px;\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tpadding: 11px 24px;\r\n\t\t\t\tborder: none;\r\n\t\t\t\tborder-radius: 4px;\r\n\t\t\t\toutline: 0;\r\n\t\t\t\tbox-shadow: 0px 2px 2px 0px #00000024, 0px 1px 5px 0px #0000001f, 0px 3px 1px -2px #00000033;\r\n\t\t\t\ttransition: transform 300ms ease-in-out 0s;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\r\n\t\t\t.prevBtn {\r\n\t\t\t\tcolor: #1a73e8;\r\n\t\t\t\tbackground: rgb(255, 255, 255);\r\n\t\t\t\tmargin-right: auto;\r\n\t\t\t}\r\n\r\n\t\t\t.nextBtn,\r\n\t\t\t.doneBtn {\r\n\t\t\t\tcolor: rgb(255, 255, 255);\r\n\t\t\t\tmargin-left: auto;\r\n\t\t\t}\r\n\r\n\t\t\t.nextBtn {\r\n\t\t\t\tbackground: rgb(26, 115, 232);\r\n\t\t\t}\r\n\r\n\t\t\t.doneBtn {\r\n\t\t\t\tbackground: rgb(30, 142, 62);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t// Inner Content\r\n\t.stpSteps .instructionContent {\r\n\t\tline-height: 150%;\r\n\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 100%;\r\n\t\t}\r\n\r\n\t\t* {\r\n\t\t\tcolor: inherit;\r\n\t\t}\r\n\r\n\t\tp {\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t}\r\n\r\n\t\t.pre,\r\n\t\t.code {\r\n\t\t\tfont-family: 'Source Code Pro', Helvetica, Arial;\r\n\t\t\tfont-size: inherit;\r\n\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t// .str{\r\n\t\t\t// \tcolor: #34A853;\r\n\t\t\t// }\r\n\t\t\t// .kwd{\r\n\t\t\t// \tcolor: #F538A0;\r\n\t\t\t// }\r\n\t\t\t// .com{\r\n\t\t\t// \tcolor: #BDC1C6;\r\n\t\t\t// \tfont-style: italic;\r\n\t\t\t// }\r\n\t\t\t// .typ{\r\n\t\t\t// \tcolor: #24C1E0;\r\n\t\t\t// }\r\n\t\t\t// .lit{\r\n\t\t\t// \tcolor: #4285F4;\r\n\t\t\t// }\r\n\t\t\t// .pun, .pln{\r\n\t\t\t// \tcolor: #F8F9FA;\r\n\t\t\t// }\r\n\t\t\t// .tag{\r\n\t\t\t// \tcolor: #24C1E0;\r\n\t\t\t// }\r\n\t\t\t// .atn {\r\n\t\t\t// \tcolor: #EDA912;\r\n\t\t\t// }\r\n\t\t\t// .atv {\r\n\t\t\t// \tcolor: #34A853;\r\n\t\t\t// }\r\n\t\t\t// .dec {\r\n\t\t\t// \tcolor: #5195EA;\r\n\t\t\t// }\r\n\t\t}\r\n\r\n\t\t.code {\r\n\t\t\tbackground-color: #E8EAEd;\r\n\t\t\tpadding: 0.1em 0.3em;\r\n\r\n\t\t\tem {\r\n\t\t\t\tcolor: #97C8F2;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.pre {\r\n\t\t\tdisplay: block;\r\n\t\t\tcolor: white;\r\n\t\t\tbackground-color: #28323f;\r\n\t\t\tpadding: 14px;\r\n\t\t\t-webkit-text-size-adjust: none;\r\n\t\t\tline-height: 1.4;\r\n\t\t\tmargin-bottom: 10px;\r\n\r\n\t\t\tcode {\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tbackground-color: transparent;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tul.checklist {\r\n\t\t\tlist-style: none;\r\n\t\t\tpadding: 0 0 0 20px;\r\n\t\t\tmargin: 0 0 10px 0;\r\n\t\t}\r\n\r\n\t\tul.checklist li {\r\n\t\t\tpadding-left: 24px;\r\n\t\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAAAxokwwoks1pFAxokwxokwxokwxokwxokwnnkQnnkQnnkRou3y84cTS69cxokwonkQxokwnnkRqvH1VsmtluXlVsmsnnkRdtnLw+PIxokwqn0YinEAfmj3goh/UAAAAGnRSTlMA2CcEo+6AQT7+2IOBJxPl27alhoBnX15SCCe258UAAAB+SURBVEjH7dA5EoAgEERR3BcQ923Q+1/T0SqKlNbMouP3gxkRFvZpyQb64VSQT4mOcYc8mU5DnqIG8zXoozj4d34tML+YrET8XBFx4e2F4oAL4N7J3EUB/EfSUwD/zG3hvFdROu9XtL31vgXguQA9F6DnAvM8WbOHpkXYD3cBBCcPjtASYjwAAAAASUVORK5CYII=');\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-size: 20px;\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t}\r\n\r\n\t\ttable code,\r\n\t\th2 code {\r\n\t\t\tbackground: white;\r\n\t\t}\r\n\r\n\t\t.indented {\r\n\t\t\tmargin-left: 40px;\r\n\t\t}\r\n\r\n\t\tstrong {\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\r\n\t\ttable {\r\n\t\t\tborder-spacing: 0;\r\n\t\t}\r\n\r\n\t\ttd {\r\n\t\t\tvertical-align: top;\r\n\t\t\tborder-bottom: 1px solid #CCC;\r\n\t\t\tpadding: 8px;\r\n\t\t}\r\n\r\n\t\ttable p {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}