{"version":3,"file":"style.css","mappings":"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","sources":["webpack://stepped-content/./src/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\n\n// Common CSS\nhtml {\n\tscroll-behavior: smooth;\n}\n\n// Dashicon\n.dashicons {\n\tfont-family: dashicons !important;\n}\n\n// Stepped Content\n.wp-block-stp-content {\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\tol {\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\tcolor: 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&[data-completed='true'] a {\n\t\t\t\t\tcolor: #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\tbackground-color: rgb(26, 115, 232);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&[data-selected='true'] a {\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tcolor: #212121;\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\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&[data-selected='true'] {\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\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: 100%;\n\t\t\t\tletter-spacing: 0.6px;\n\t\t\t\ttext-decoration: none;\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\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\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\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":""}