{"version":3,"file":"style.css","mappings":"AAGA,WACC,gCAKA,wBACC,oDAGD,kCAEC,8BACA,gBAFA,UAEA,CAID,8BAIC,kEAGA,kKADA,oDAHA,qDADA,YAGA,iBAJA,UAMA,CAEA,kCACC,kBAGD,iFAEC,aACA,iBACA,kBAEA,oCAND,iFAOE,eAIF,iCACC,eACA,gBACA,iBACA,SAGD,6CAGC,kEADA,0EAEA,QAHA,iBAIA,iBAKF,kCAEC,qDADA,wBACA,CAEA,oCAJD,kCAKE,mBAKF,+BAEC,mBACA,sEAFA,YAGA,WAEA,oCAND,+BAUE,SACA,8FAFA,YAFA,kBACA,KAGA,CAEA,sCACC,QAIF,4CACC,yBACA,qBAEA,SACA,mBACA,gBAHA,iBAGA,CAEA,+CACC,6BAEA,iDAQC,kEAHA,sBAMA,yBACA,kBAEA,sDAEA,eATA,qDALA,eACA,gBAUA,aAZA,gBASA,iBAJA,kBAGA,qBAMA,qEACA,CAEA,uDACC,aAIF,oDAEC,kEADA,oDACA,CAEA,2DAUC,yBAEA,kBAHA,WARA,0BAUA,qBANA,kBADA,gBADA,YAGA,iBAOA,iBANA,kBAOA,4EANA,sBANA,UAYA,CAQD,2IACC,WAKF,yDAEC,kBACA,kKAFA,eAEA,CAEA,qEACC,gBAMJ,0CACC,qBAEA,SAAQ,CADR,WACA,CAGC,+CASC,kBAEA,eAVA,qBAEA,eACA,gBACA,iBAGA,yBADA,kBADA,qBAIA,sEARA,UASA,CAEA,2GAIC,oDAFA,WACA,iBACA,CAGD,sDAKC,gBAHA,YAEA,YADA,MAFA,SAIA,CAGD,qDAKC,mBACA,sBACA,mBALA,YAEA,UADA,SAFA,UAMA,CAMA,kEACC,4EAOD,iEACC,4EAMF,uDAEC,sBADA,eACA,CAEA,6DACC,uEAOD,8DACC,gBASN,uCAGC,yDACA,uCAFA,qDACA,gDACA,YAHA,iBAGA,CAEA,iDAEC,mDACA,gBAFA,iBAEA,CAEA,0DAQC,SAGA,oDARA,YAMA,OALA,gBAFA,eAUA,gBAFA,oBALA,kBAEA,QADA,MAOA,wDACA,sEAbA,UAaA,CAEA,4EACC,wEAID,kEAEC,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,wEAIC,+CACA,+CACA,uCAFA,mBADA,qDAGA,YADA,8BAEA,cALA,iBADA,UAMA,CAGD,wEAUC,YACA,kBAEA,8MAEA,eAbA,yCACA,eACA,gBAEA,oBADA,iBAJA,gBAWA,UAHA,kBADA,gBADA,qBAOA,4NACA,CAEA,6EACC,aAIF,kEAEC,gBADA,cAEA,kBAEA,sEACC,uFAIF,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,yDAKC,8BAFA,yBADA,WADA,cAKA,gBACA,mBAHA,YAGA,CAEA,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;\n\n// Dashicon\n.dashicons {\n\tfont-family: dashicons !important;\n}\n\n// Stepped Content\n.wp-block-stp-content {\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.stpContent {\n\t\twidth: 100%;\n\t\tfont-family: 'Roboto', sans-serif;\n\t\toverflow: hidden;\n\t}\n\n\t// Navbar\n\t.stpNav {\n\t\twidth: 100%;\n\t\theight: 65px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 5px 15px;\n\t\tbox-sizing: border-box;\n\t\tbox-shadow: 0px 1px 2px 0px #3c40434d, 0px 2px 6px 2px #3c404326;\n\n\t\tsvg {\n\t\t\tfill: currentColor;\n\t\t}\n\n\t\t.menuOpen,\n\t\t.menuClose {\n\t\t\tdisplay: none;\n\t\t\tline-height: 100%;\n\t\t\tmargin-right: 20px;\n\n\t\t\t@media screen and (max-width: 768px) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\th2 {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: 100%;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.remainingTime {\n\t\t\tline-height: 100%;\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 5px;\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\n\t// Section\n\t.stpSection {\n\t\theight: calc(100% - 65px);\n\t\tdisplay: flex;\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t// Menu\n\t.stpMenu {\n\t\twidth: 255px;\n\t\toverflow-y: overlay;\n\t\ttransition: all 0.3s ease-in-out;\n\t\tz-index: 10;\n\n\t\t@media screen and (max-width: 768px) {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: -255px;\n\t\t\tbottom: 0;\n\t\t\tbox-shadow: 2px 0 2px 0 #3c40434d;\n\n\t\t\t&.active {\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t}\n\n\t\t.numberCount {\n\t\t\tcounter-reset: li-count 0;\n\t\t\tlist-style-type: none;\n\t\t\tpadding: 15px 10px;\n\t\t\tmargin: 0px;\n\t\t\toverflow-x: visible;\n\t\t\toverflow-y: auto;\n\n\t\t\tli {\n\t\t\t\tcounter-increment: li-count 1;\n\n\t\t\t\ta {\n\t\t\t\t\tmin-height: 48px;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t// color: rgb(128, 134, 139);\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\tpadding: 3px 10px;\n\t\t\t\t\tborder: 1px solid rgb(218, 220, 224);\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\tmargin: 6px 0px;\n\t\t\t\t\tbox-sizing: content-box;\n\t\t\t\t\ttransition: all 300ms ease-in-out;\n\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tspan {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tcontent: counter(li-count);\n\t\t\t\t\t\twidth: 26px;\n\t\t\t\t\t\theight: 26px;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\tfont-style: normal;\n\t\t\t\t\t\tline-height: 26px;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\tcolor: rgb(255, 255, 255);\n\t\t\t\t\t\tbackground-color: rgb(128, 134, 139);\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tmargin-right: 8px;\n\t\t\t\t\t\ttransition: all 300ms ease-in-out 0s;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.complete a,\n\t\t\t\t&.running a {\n\t\t\t\t\t// color: #212121;\n\n\t\t\t\t\tspan::before {\n\t\t\t\t\t\tcolor: rgb(255, 255, 255);\n\t\t\t\t\t\t// background-color: rgb(26, 115, 232);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.running a {\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tborder-color: rgb(255, 255, 255);\n\t\t\t\t\tbox-shadow: 0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;\n\n\t\t\t\t\tspan::before {\n\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.listRange {\n\t\t\tlist-style-type: none;\n\t\t\twidth: 295px;\n\t\t\tpadding: 0;\n\n\t\t\tli {\n\t\t\t\ta {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tfont-weight: 300;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: 8px 8px 8px 48px;\n\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\ttransition: all 300ms ease-in-out;\n\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t&::before,\n\t\t\t\t\t&::after {\n\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\twidth: 3px;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\tleft: 24.5px;\n\t\t\t\t\t\tbackground: #000;\n\t\t\t\t\t}\n\n\t\t\t\t\t&::after {\n\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\ttop: 13px;\n\t\t\t\t\t\tleft: 18px;\n\t\t\t\t\t\tbackground: #f5f6f9;\n\t\t\t\t\t\tborder: 3px solid #000;\n\t\t\t\t\t\tborder-radius: 100%;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\ta {\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tbackground: linear-gradient(#0000 0, #0000 20px, #000 21px, #000);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\ta {\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\tbackground: linear-gradient(#000 0, #000 20px, #0000 21px, #0000);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.running {\n\t\t\t\t\ta {\n\t\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\t\tbackground-color: #fff;\n\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tbackground: radial-gradient(circle, #000 0, #000 2px, #f5f5f5 3px, #f5f5f5);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.complete {\n\t\t\t\t\ta {\n\t\t\t\t\t\t&::after {\n\t\t\t\t\t\t\tbackground: #000;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Pages\n\t.stpStepsWrapper {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-grow: 1;\n\n\t\t.stpSteps {\n\t\t\tposition: relative;\n\t\t\tflex-grow: 1;\n\t\t\toverflow: hidden;\n\n\t\t\t.stpStep {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmax-height: 100%;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0px;\n\t\t\t\tright: 0px;\n\t\t\t\tbottom: 0px;\n\t\t\t\tleft: 0px;\n\t\t\t\tpadding: 30px 10px 0px 10px;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttransform: translate3d(0px, 0px, 0px);\n\t\t\t\ttransition: all 0.3s ease-in-out;\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\ttransform: translate3d(110%, 0px, 0px);\n\t\t\t\t}\n\n\n\t\t\t\t&.running {\n\t\t\t\t\ttransform-origin: 0 50% 0;\n\t\t\t\t\tanimation-fill-mode: both;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.instructions {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tmax-width: 800px;\n\t\t\t\tmax-height: calc(100% - 85px);\n\t\t\t\tbackground: #fff;\n\t\t\t\tpadding: 24px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tbox-shadow: 0px 1px 2px 0px #3c40434d, 0px 2px 6px 2px #3c404326;\n\t\t\t}\n\n\t\t\t.instructionTitle {\n\t\t\t\tfont-family: 'Google Sans', Arial, sans-serif;\n\t\t\t\tfont-size: 28px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tcolor: #3c4043;\n\t\t\t\tmargin: 0 0 30px 0;\n\t\t\t}\n\t\t}\n\n\t\t.sptStepsControls {\n\t\t\twidth: 100%;\n\t\t\tposition: absolute;\n\t\t\tbottom: 30px;\n\t\t\tz-index: 10;\n\t\t\tpadding: 0px 15px;\n\n\t\t\t.controlsInner {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 1025px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tflex-grow: 1;\n\t\t\t\tmargin: 0px auto;\n\t\t\t}\n\n\t\t\t.docControlBtn {\n\t\t\t\tmax-width: 250px;\n\t\t\t\tfont-family: 'Google Sans', Arial, sans-serif;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tline-height: 135%;\n\t\t\t\tletter-spacing: 0.6px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttext-align: left;\n\t\t\t\tpadding: 11px 24px;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\toutline: 0;\n\t\t\t\tbox-shadow: 0px 2px 2px 0px #00000024, 0px 1px 5px 0px #0000001f, 0px 3px 1px -2px #00000033;\n\t\t\t\ttransition: transform 300ms ease-in-out 0s;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t&.icon {\n\t\t\t\t\tpadding: 12px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.prevBtn {\n\t\t\t\tcolor: #1a73e8;\n\t\t\t\tbackground: rgb(255, 255, 255);\n\t\t\t\tmargin-right: auto;\n\n\t\t\t\tsvg {\n\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.nextBtn,\n\t\t\t.doneBtn {\n\t\t\t\tcolor: rgb(255, 255, 255);\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\n\t\t\t.nextBtn {\n\t\t\t\tbackground: rgb(26, 115, 232);\n\t\t\t}\n\n\t\t\t.doneBtn {\n\t\t\t\tbackground: rgb(30, 142, 62);\n\t\t\t}\n\t\t}\n\t}\n\n\n\t// Inner Content\n\t.stpSteps .instructionContent {\n\t\tline-height: 150%;\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\t* {\n\t\t\tcolor: inherit;\n\t\t}\n\n\t\tp {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\n\t\t.pre,\n\t\t.code {\n\t\t\tfont-family: 'Source Code Pro', Helvetica, Arial;\n\t\t\tfont-size: inherit;\n\t\t\tborder-radius: 4px;\n\n\t\t\t// .str{\n\t\t\t// \tcolor: #34A853;\n\t\t\t// }\n\t\t\t// .kwd{\n\t\t\t// \tcolor: #F538A0;\n\t\t\t// }\n\t\t\t// .com{\n\t\t\t// \tcolor: #BDC1C6;\n\t\t\t// \tfont-style: italic;\n\t\t\t// }\n\t\t\t// .typ{\n\t\t\t// \tcolor: #24C1E0;\n\t\t\t// }\n\t\t\t// .lit{\n\t\t\t// \tcolor: #4285F4;\n\t\t\t// }\n\t\t\t// .pun, .pln{\n\t\t\t// \tcolor: #F8F9FA;\n\t\t\t// }\n\t\t\t// .tag{\n\t\t\t// \tcolor: #24C1E0;\n\t\t\t// }\n\t\t\t// .atn {\n\t\t\t// \tcolor: #EDA912;\n\t\t\t// }\n\t\t\t// .atv {\n\t\t\t// \tcolor: #34A853;\n\t\t\t// }\n\t\t\t// .dec {\n\t\t\t// \tcolor: #5195EA;\n\t\t\t// }\n\t\t}\n\n\t\t.code {\n\t\t\tbackground-color: #E8EAEd;\n\t\t\tpadding: 0.1em 0.3em;\n\n\t\t\tem {\n\t\t\t\tcolor: #97C8F2;\n\t\t\t}\n\t\t}\n\n\t\t.pre {\n\t\t\tdisplay: block;\n\t\t\tcolor: white;\n\t\t\tbackground-color: #28323f;\n\t\t\tpadding: 14px;\n\t\t\t-webkit-text-size-adjust: none;\n\t\t\tline-height: 1.4;\n\t\t\tmargin-bottom: 10px;\n\n\t\t\tcode {\n\t\t\t\tpadding: 0;\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\tul.checklist {\n\t\t\tlist-style: none;\n\t\t\tpadding: 0 0 0 20px;\n\t\t\tmargin: 0 0 10px 0;\n\t\t}\n\n\t\tul.checklist li {\n\t\t\tpadding-left: 24px;\n\t\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAAAxokwwoks1pFAxokwxokwxokwxokwxokwnnkQnnkQnnkRou3y84cTS69cxokwonkQxokwnnkRqvH1VsmtluXlVsmsnnkRdtnLw+PIxokwqn0YinEAfmj3goh/UAAAAGnRSTlMA2CcEo+6AQT7+2IOBJxPl27alhoBnX15SCCe258UAAAB+SURBVEjH7dA5EoAgEERR3BcQ923Q+1/T0SqKlNbMouP3gxkRFvZpyQb64VSQT4mOcYc8mU5DnqIG8zXoozj4d34tML+YrET8XBFx4e2F4oAL4N7J3EUB/EfSUwD/zG3hvFdROu9XtL31vgXguQA9F6DnAvM8WbOHpkXYD3cBBCcPjtASYjwAAAAASUVORK5CYII=');\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 20px;\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\n\t\ttable code,\n\t\th2 code {\n\t\t\tbackground: white;\n\t\t}\n\n\t\t.indented {\n\t\t\tmargin-left: 40px;\n\t\t}\n\n\t\tstrong {\n\t\t\tfont-weight: 600;\n\t\t}\n\n\t\ttable {\n\t\t\tborder-spacing: 0;\n\t\t}\n\n\t\ttd {\n\t\t\tvertical-align: top;\n\t\t\tborder-bottom: 1px solid #CCC;\n\t\t\tpadding: 8px;\n\t\t}\n\n\t\ttable p {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}