{"version":3,"sources":["envira-gallery/assets/scss/onboarding-wizard.scss"],"names":[],"mappings":"AACA,0BACC,mBACA,iBACA,WACA,sBACA,kBAGD,kCACC,aACA,aACA,aACA,mBACA,uBACA,gBACA,sBAED,uCACC,YAED,mCACC,kBACA,WACA,gBACA,sBACA,yBACA,uCACA,aACA,aACA,uBACA,sBACA,kBACA,qCAZD,mCAaE,aACA,eACA,mBAGF,sCACC,eACA,kBACA,UACA,iBACA,qCALD,sCAME,eACA,kBAGF,qCACC,eACA,gBACA,mBAED,oCACC,qBACA,WACA,4CACC,aAGF,0CACC,WAED,sCACC,yBACA,WACA,SACA,kBACA,eACA,cACA,cACA,eACA,qBACA,eACA,oBACA,mBACA,uBACA,YACA,qCACA,kBACA,gBACA,gBACA,8CACC,aAGF,4CACC,qBACA,WAGD,kHACC,sBACA,WACA,mBAED,oBACC,UACA,eACA,YAED,gDACC,gBACA,eACA,eACA,YAID,+BACC,kBACA,aACA,mBACA,uBACA,mBACA,kBACA,yDACC,WACA,yBACA,cAED,qCAZD,+BAiBE,eAJA,yDACC,WACA,cAKH,mEACC,WACA,kBACA,QACA,2BACA,WACA,WACA,yBACA,WAED,4BACC,yBACA,QACA,eACA,WAGD,iCACC,WACA,YACA,yBACA,kBACA,aACA,uBACA,mBAGD,yCACC,uBAED,wCACC,kBACA,uBACA,iBACA,WAED,wCACC,yBACA,cAED,6BACC,aACA,qBACA,sBACA,sBACA,6CACA,iBACA,gBAED,oCACC,cAED,gCACC,aACA,sBACA,mBAED,+BACC,gBAED,+BACC,kBAEA,sCACC,cACA,eACA,gBACA,iBACA,mBAGD,kCACC,eACA,iBACA,WACA,gBAGD,qCAlBD,+BAmBE,mBAGF,iCACC,6BACA,kBACA,aACA,mBACA,qCALD,iCAME,mBAGF,mCACC,kBAED,8CACC,eAED,yCACC,cAED,oCACC,qBACA,WAED,0CACC,WAED,gCACC,aACA,sBACA,mBAID,0CACC,YACA,gBAED,0CACC,gBAGD,kEACC,kBAGD,mCACC,kBACA,WACA,WACA,cAED,4DACC,WAED,gCACC,mBACA,oBACA,gCAEC,qDACC,gBACA,eACA,iBACA,aACA,mBAIH,2CACC,iBAED,qDACC,gBACA,eACA,iBACA,aACA,mBAED,+BACC,eACA,iBACA,SAED,yCACC,aACA,mBACA,eACA,cAED,wCACC,aACA,mBACA,mBACA,UAGD,uHACC,kBAED,mIACC,eACA,iBAED,mJACC,gBAED,mKACC,WACA,sBACA,yBACA,kBACA,kBACA,gBACA,SACA,iBACA,eACA,iBAED,uCACC,UACA,sBACA,uBACA,iBACA,gBACA,qCAND,uCAOE,WACA,oBAGF,uCACC,UACA,sBACA,uBACA,gBACA,qCALD,uCAME,WACA,cACA,yDACC,eAKF,qCADD,6BAEE,eAGF,eACC,eACA,qBAED,eACC,qBACA,gBACA,mBACA,WACA,YACA,kBACA,sBACA,2BACA,2CAEC,WAED,sBACC,cACA,0DACA,kBACA,qCACA,WACA,YACA,kBACA,QACA,SACA,qBAED,2CACC,0DACA,oCAIF,4CACC,mBACA,mDACC,UAGF,sBACC,kBACA,kBAED,sCACC,mBAGA,qCADD,yCAEE,kBAIF,sCACC,gCACA,oBACA,mBAED,iDACC,mBACA,iBACA,gBAED,qDACC,cAED,2DACC,aACA,mBACA,gBAED,uFACC,iBAED,uFACC,kBAED,oFACC,eAED,8EACC,gBACA,cAED,2EACC,kBACA,eACA,eACA,cAED,iCACC,kBACA,gBACA,mBACA,eACA,kBACA,cACA,gBAED,mCACC,cACA,eAGD,iBACC,oBACA,mBAED,wKACC,eAED,wCACC,aAED,kDACC,iBAED,kDACC,gBAED,2CACC,kBAED,kDACC,kBAED,mDACC,WACA,YAED,uEACC,WACA,YAED,+DACC,YACA,WACA,iBAED,gCACC,kBACA,qBACA,WACA,YACA,WACA,sBACA,kBAED,sCACC,aAED,8DACC,mBACA,WAED,mEACC,mBAED,oEACC,mBAED,qEACC,yBAED,+DACC,8BACA,yBACA,eAED,mEACC,cAED,oFACC,SACA,mBAED,8FACC,OAED,8FACC,QAED,oDACC,WACA,WACA,YAED,qCACC,kBACA,eACA,MACA,OACA,QACA,SACA,yBACA,eACA,kBACA,aACA,mBACA,uBAED,4CACC,kBACA,WACA,YACA,WACA,WACA,sBACA,eACA,eACA,iBACA,kBAED,sDACC,SAED,sDACC,UAED,YACC,sBACA,aACA,cACA,mBACA,eAED,sBACC,+CACA,gDAED,qBACC,sCACA,uCAED,yBACC,gBAED,0BACC,iBAGD,4CACC,eACA,iBACA,kBACA,qCACA,aACA,cAED,4DACC,gBACA,gBAED,wDACC,gBAED,oEACC,aACA,mBAED,qBACC,2BACA,4BACA,qCAHD,qBAIE,4BACA,8BAGF,qBACC,+CACA,gDACA,qCAHD,qBAIE,4BACA,8BAGF,qBACC,+CACA,gDAED,qBACC,+CACA,gDACA,qCAHD,qBAIE,2BACA,4BACA,WACA,sBAGF,qBACC,8CACA,+CAED,wEACC,kBAED,wEACC,WACA,YACA,cAED,qDACC,gBACA,qCAFD,qDAGE,gBAID,qCADD,0BAEE,eACA,cACA,cACA,2DACC,8BACA,mBACA,UAIH,iBACC,yBACA,wBACA,mCACA,kBACA,eACA,cACA,cACA,eACA,qBACA,eACA,oBACA,mBACA,uBACA,YACA,qCACA,kBACA,gBACA,aACA,wBACC,aAGF,uBACC,cACA,oBAED,oCACC,aACA,mBAED,oDACC,gCACA,oBACA,mBAED,0CACC,eAED,oDACC,kBAED,oDACC,iBAED,8CACC,WACA,YAED,6CACC,gBACA,eACA,cACA,OAED,4DACC,WAED,sEACC,qBAED,sEACC,qBAED,gEACC,WACA,YAED,0EACC,kBAED,0EACC,iBAED,qEACC,yBAED,oEACC,yBAED,oEACC,yBAED,+CACC,mBACA,iBACA,gBAED,uDACC,mBACA,gBAED,8EACC,eAED,qEACC,aACA,mBAED,kCACC,cACA,eAED,4BACC,mBACA,aACA,yBACA,kBAED,qCACC,sBACA,aACA,mBACA,uBAED,iDACC,eACA,gBACA,gBACA,mBACA,gBAED,sDACC,gBACA,gBACA,mBAED,mDACC,WAED,mDACC,cACA,eACA,WACA,gBACA,mBAED,+DACC,aACA,uBACA,aAED,uFACC,cACA,WACA,eACA,gBAED,iGACC,kBAED,iGACC,iBAED,yCACC,iBACA,gBAED,8BACC,aAED,kEACA,UAGA,kBACC,YACA,kBACA,mBACA,WACA,eACA,iBACA,gBACA,oBACA,cACA,mBACA,iBAED,mDACC,WACA,YACA,cACA,eAED,mBACC,kBACA,qBACA,eAGD,cACC,kBACA,YACA,sBACA,WACA,kBACA,YACA,kBACA,kBACA,UACA,YACA,SACA,mBACA,UACA,uBACA,qCAfD,cAgBE,YACA,oBAIF,uCACC,mBACA,UAGD,qBACC,WACA,kBACA,SACA,SACA,iBACA,iBACA,mBACA,4DACA,qCATD,qBAUE,mBAGF,qBACC,aACA,cAED,cACC,WACA,yBACA,yBACA,aACA,cACA,kBAED,gBACC,WACA,yBACA,yBACA,aACA,cACA,kBAGD,gMACC,mBACA,qBACA,WACA,gBAED,mCACC,kBACA,kBAED,wBACC,kBACA,sBACA,mBACA,eACA,kBACA,cACA,gBAED,4CACC,kBACA,eACA,eACA","file":"onboarding-wizard.css","sourcesContent":["@import 'vars';\n.envira-onboarding-wizard {\n\tbackground: #f1f1f1;\n\tmin-height: 100vh;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tposition: relative;\n\n}\n.envira-onboarding-wizard-wrapper{\n\tpadding: 25px;\n\theight: 100vh;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: hidden;\n\tflex-direction: column;\n}\n.envira-onboarding-wizard-step-welcome{\n\tmargin: 25px;\n}\n.envira-onboarding-welcome-content{\n\tposition: relative;\n\twidth: 100%;\n\tmax-width: 500px;\n\tbackground-color: #fff;\n\tborder: 1px solid #E8E8EB;\n\tbox-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);\n\tpadding: 50px;\n\tdisplay: flex;\n\tjustify-content: center;\n\tflex-direction: column;\n\ttext-align: center;\n\t@media screen and (max-width: 768px) {\n\t\tpadding: 30px;\n\t\tmax-width: 100%;\n\t\twidth: fit-content;\n\t}\n}\n.envira-onboarding-welcome-content h1{\n\tfont-size: 20px;\n\tmargin: 0 0 16px 0;\n\tpadding: 0;\n\tline-height: 24px;\n\t@media screen and (max-width: 768px) {\n\t\tfont-size: 18px;\n\t\tline-height: 22px;\n\t}\n}\n.envira-onboarding-welcome-content p{\n\tfont-size: 16px;\n\tline-height: 1.5;\n\tmargin-bottom: 20px;\n}\na.envira-onboarding-wizard-back-btn{\n\ttext-decoration: none;\n\tcolor: #666;\n\t:active{\n\t\toutline: none;\n\t}\n}\na.envira-onboarding-wizard-back-btn:hover{\n\tcolor: #666;\n}\n.envira-onboarding-wizard-primary-btn{\n\tbackground-color: #37993B;\n\tcolor: #fff;\n\tborder: 0;\n\tborder-radius: 4px;\n\tfont-size: 14px;\n\tflex-shrink: 0;\n\tline-height: 1;\n\tcursor: pointer;\n\ttext-decoration: none;\n\tpadding: 0 20px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 40px;\n\ttransition: background-color .2s ease;\n\tposition: relative;\n\toverflow: hidden;\n\tmin-width: 140px;\n\t:active{\n\t\toutline: none;\n\t}\n}\n.envira-onboarding-wizard-primary-btn:hover{\n\ttext-decoration: none;\n\tcolor: #fff;\n}\n/** Styles for disabled Button **/\n.envira-onboarding-wizard-primary-btn.envira-disabled, .envira-onboarding-wizard-primary-btn.envira-disabled:hover{\n\tbackground-color: #CCCCCC;\n\tcolor: #666;\n\tcursor: not-allowed;\n}\n.envira-email-error{\n\tcolor: #ff0000;\n\tfont-size: 13px;\n\theight: 25px;\n}\n.envira-onboarding-wizard-primary-btn.btn-large{\n\tmargin-top: 20px;\n\tpadding: 0 30px;\n\tfont-size: 16px;\n\theight: 48px;\n}\n\n/* Styles for Progress Bar */\n.envira-onboarding-progressbar {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcounter-reset: step;\n\tmargin: 30px 0 0 0;\n\t.envira-onboarding-spacer{\n\t\twidth: 59px;\n\t\tborder: 1px solid #DCDDE1;\n\t\tmargin: 0 12px;\n\t}\n\t@media screen and (max-width: 768px) {\n\t\t.envira-onboarding-spacer {\n\t\t\twidth: 30px;\n\t\t\tmargin: 0 6px;\n\t\t}\n\t\tmax-width: 100%;\n\t}\n}\n.envira-onboarding-progressbar::before, .envira-onboarding-progress {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\theight: 4px;\n\twidth: 100%;\n\tbackground-color: #dcdcdc;\n\tz-index: -1;\n}\n.envira-onboarding-progress {\n\tbackground-color: #37993B;\n\twidth: 0;\n\ttransition: 0.3s;\n\tz-index: -1;\n}\n\n.envira-onboarding-progress-step {\n\twidth: 16px;\n\theight: 16px;\n\tbackground-color: #dcdcdc;\n\tborder-radius: 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.envira-onboarding-progress-step::before {\n\tcounter-increment: step;\n}\n.envira-onboarding-progress-step::after {\n\tposition: absolute;\n\ttop: calc(100% + 0.5rem);\n\tfont-size: 0.85rem;\n\tcolor: #666;\n}\n.envira-onboarding-progress-step-active {\n\tbackground-color: #37993B;\n\tcolor: #f3f3f3;\n}\n.envira-onboarding-form-step {\n\tdisplay: none;\n\ttransform-origin: top;\n\tanimation: animate 0.5s;\n\tbackground-color: #fff;\n\tbox-shadow: 0 2px 5px #0000000d;\n\tmargin: 30px auto;\n\tmax-width: 850px;\n}\n.envira-onboarding-form-step-active {\n\tdisplay: block;\n}\n.envira-onboarding-wizard-intro {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n}\n.envira-onboarding-wizard-logo {\n\tmax-width: 339px;\n}\n.envira-onboarding-wizard-body {\n\tpadding: 30px 60px;\n\n\t.steps {\n\t\tcolor: #8c8f9a;\n\t\tfont-size: 16px;\n\t\tfont-weight: 600;\n\t\tline-height: 24px;\n\t\tmargin-bottom: 16px;\n\t}\n\n\th2 {\n\t\tfont-size: 20px;\n\t\tline-height: 22px;\n\t\tcolor: #333;\n\t\tfont-weight: 600;\n\t}\n\n\t@media screen and (max-width: 768px) {\n\t\tpadding: 30px 10px;\n\t}\n}\n.envira-onboarding-wizard-footer{\n\tborder-top: 1px solid #E8E8EB;\n\tpadding: 20px 40px;\n\tdisplay: flex;\n\talign-items: center;\n\t@media screen and (max-width: 768px) {\n\t\tpadding: 10px 20px;\n\t}\n}\n.envira-onboarding-wizard-footer>* {\n\tmargin-right: 16px;\n}\n.envira-onboarding-wizard-footer>*:last-child {\n\tmargin-right: 0;\n}\n.envira-onboarding-wizard-footer .spacer {\n\tflex: 1 0 auto;\n}\n.envira-onboarding-close-and-exit a{\n\ttext-decoration: none;\n\tcolor: #666;\n}\n.envira-onboarding-close-and-exit a:hover {\n\tcolor: #666;\n}\n.envira-onboarding-wizard-pages {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n}\n/** Fields **/\n\n.envira-onboarding-settings-row.no-border {\n\tborder: none;\n\tmargin-bottom: 0;\n}\n.envira-onboarding-settings-row.no-margin {\n\tmargin-bottom: 0;\n}\n\n.envira-onboarding-settings-row .settings-name .name.small-margin {\n\tmargin-bottom: 5px;\n}\n\n.envira-onboarding-input-container {\n\tposition: relative;\n\twidth: 100%;\n\tclear:both;\n\tmargin: 10px 0;\n}\n.envira-onboarding-input-container .envira-onboarding-input {\n\twidth: 100%;\n}\n.envira-onboarding-settings-row {\n\tmargin-bottom: 20px;\n\tpadding-bottom: 20px;\n\tborder-bottom: 1px solid #E8E8EB;\n\t.settings-name{\n\t\t.name {\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 22px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t}\n\t}\n}\n.envira-onboarding-settings-row.no-padding{\n\tpadding-bottom: 0;\n}\n.envira-onboarding-settings-row .settings-name .name {\n\tfont-weight: 600;\n\tfont-size: 14px;\n\tline-height: 22px;\n\tdisplay: flex;\n\talign-items: center;\n}\n.envira-onboarding-description{\n\tfont-size: 14px;\n\tline-height: 22px;\n\tmargin: 0;\n}\n.envira-onboarding-input .envira-options {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tmargin: 20px 0;\n}\n.envira-onboarding-input .envira-option{\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-bottom: 10px;\n\twidth: 50%;\n}\n\n.envira-onboarding-input .envira-option input[type=\"radio\"], .envira-onboarding-input .envira-option input[type=\"checkbox\"] {\n\tmargin-right: 10px;\n}\n.envira-onboarding-input .envira-option input[type=\"radio\"] + label, .envira-onboarding-input .envira-option input[type=\"checkbox\"] + label {\n\tfont-size: 14px;\n\tline-height: 22px;\n}\n.envira-onboarding-input .envira-option input[type=\"radio\"]:checked + label, .envira-onboarding-input .envira-option input[type=\"checkbox\"]:checked + label {\n\tfont-weight: 600;\n}\n.envira-onboarding-input input[type=\"text\"], .envira-onboarding-input input[type=\"email\"], .envira-onboarding-input input[type=\"password\"], .envira-onboarding-input select {\n\twidth: 100%;\n\tbackground-color: #fff;\n\tborder: 1px solid #D0D1D7;\n\tborder-radius: 3px;\n\tposition: relative;\n\toverflow: hidden;\n\tmargin: 0;\n\tpadding: 9px 12px;\n\tfont-size: 14px;\n\tline-height: 22px;\n}\n.envira-onboarding-form-step .width-20 {\n\twidth: 13%;\n\tflex-direction: column;\n\talign-items: self-start;\n\tpadding-top: 13px;\n\tmargin-bottom: 0;\n\t@media screen and (max-width: 768px) {\n\t\twidth: 100%;\n\t\tmargin-bottom: 10px;\n\t}\n}\n.envira-onboarding-form-step .width-80 {\n\twidth: 86%;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tmargin-bottom: 0;\n\t@media screen and (max-width: 768px) {\n\t\twidth: 100%;\n\t\tpadding-top: 0;\n\t\tinput[type=\"email\"]{\n\t\t\tmax-width: 90%;\n\t\t}\n\t}\n}\n.envira-options.email_opt_in{\n\t@media screen and (max-width: 768px) {\n\t\tdisplay: block;\n\t}\n}\n.envira-toggle {\n\tcursor: pointer;\n\tdisplay: inline-block;\n}\n.envira-switch {\n\tdisplay: inline-block;\n\tbackground: #ccc;\n\tborder-radius: 18px;\n\twidth: 32px;\n\theight: 18px;\n\tposition: relative;\n\tvertical-align: middle;\n\ttransition: background 0.25s;\n\t&:before,\n\t&:after {\n\t\tcontent: \"\";\n\t}\n\t&:before {\n\t\tdisplay: block;\n\t\tbackground: linear-gradient(to bottom, #fff 0%,#eee 100%);\n\t\tborder-radius: 50%;\n\t\tbox-shadow: 0 0 0 1px rgba(0,0,0,0.25);\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tposition: absolute;\n\t\ttop: 1px;\n\t\tleft: 1px;\n\t\ttransition: left 0.25s;\n\t}\n\t.envira-toggle:hover &:before {\n\t\tbackground: linear-gradient(to bottom, #fff 0%,#fff 100%);\n\t\tbox-shadow: 0 0 0 1px rgba(0,0,0,0.5);\n\t}\n\n}\ninput[type='checkbox']:checked + .envira-switch {\n\tbackground: #37993B;\n\t&:before {\n\t\tleft: 15px;\n\t}\n}\ninput#envira-tracking {\n\tposition: absolute;\n\tvisibility: hidden;\n}\ninput[type='checkbox'] + .envira-checkbox {\n\tvisibility: visible;\n}\n#general .envira-options.envira-checkbox{\n\t@media screen and (max-width: 768px) {\n\t\tflex-wrap: nowrap;\n\t}\n}\n\n.envira-wizard-features .feature-grid{\n\tborder-bottom:1px solid #E8E8EB;\n\tpadding-bottom:16px;\n\tmargin-bottom:16px\n}\n.envira-wizard-features .feature-grid:last-child{\n\tborder-bottom:none;\n\tpadding-bottom:0;\n\tmargin-bottom:0\n}\n.envira-wizard-features .feature-grid .settings-name{\n\tcolor:#3c4043;\n}\n.envira-wizard-features .feature-grid .settings-name .name{\n\tdisplay:flex;\n\talign-items:center;\n\tfont-weight:600\n}\n[dir=ltr] .envira-wizard-features .feature-grid .settings-name .name .envira-pro-badge{\n\tmargin-left:12px\n}\n[dir=rtl] .envira-wizard-features .feature-grid .settings-name .name .envira-pro-badge{\n\tmargin-right:12px\n}\n.envira-wizard-features .feature-grid .settings-name .name+.envira-description-text{\n\tmargin-top:8px\n}\n.envira-wizard-features .feature-grid .settings-name .envira-description-text{\n\tmax-width:650px;\n\tcolor:#434960\n}\n.envira-wizard-features .feature-grid .settings-name .envira-installs-text{\n\tfont-style:italic;\n\tmargin-top:5px;\n\tfont-size:12px;\n\tcolor:#434960\n}\n.envira-wizard-features .plugins{\n\tfont-style:italic;\n\tmax-width:650px;\n\tmargin:16px auto 0;\n\tfont-size:12px;\n\ttext-align:center;\n\tcolor:#8c8f9a;\n\tline-height:1.5\n}\n.envira-wizard-features .go-back a{\n\tcolor:#434960;\n\tfont-size:14px\n}\n\n.envira-checkbox{\n\tdisplay:inline-flex;\n\talign-items:center\n}\n.envira-checkbox.disabled,.envira-checkbox.no-clicks,.envira-checkbox.disabled .form-checkbox .fancy-checkbox,.envira-checkbox.no-clicks .form-checkbox .fancy-checkbox{\n\tcursor:default\n}\n.envira-checkbox .form-checkbox-wrapper{\n\tdisplay:flex\n}\n[dir=ltr] .envira-checkbox .form-checkbox-wrapper{\n\tmargin-right:8px\n}\n[dir=rtl] .envira-checkbox .form-checkbox-wrapper{\n\tmargin-left:8px\n}\n.envira-checkbox.round .form-checkbox span{\n\tborder-radius:50%\n}\n.envira-checkbox.round .form-checkbox span:before{\n\tborder-radius:50%\n}\n.envira-checkbox.round:not(.medium) .form-checkbox{\n\twidth:24px;\n\theight:24px;\n}\n.envira-checkbox.round:not(.medium) .form-checkbox .fancy-checkbox svg{\n\twidth:12px;\n\theight:12px\n}\n.envira-checkbox.round:not(.medium) .form-checkbox span:before{\n\theight:22px;\n\twidth:22px;\n\tline-height:24px\n}\n.envira-checkbox .form-checkbox{\n\tposition:relative;\n\tdisplay:inline-block;\n\twidth:16px;\n\theight:16px;\n\tcolor:#fff;\n\tvertical-align:bottom;\n\ttext-align:center\n}\n.envira-checkbox .form-checkbox input{\n\tdisplay:none\n}\n.envira-checkbox.no-clicks input:checked+.fancy-checkbox.blue{\n\tbackground:#005ae0;\n\topacity: 0.4;\n}\n.envira-checkbox .form-checkbox input:checked+.fancy-checkbox.blue{\n\tbackground:#005ae0\n}\n.envira-checkbox .form-checkbox input:checked+.fancy-checkbox.green{\n\tbackground:#00aa63\n}\n.envira-checkbox .form-checkbox input:checked+.fancy-checkbox:before{\n\tbackground:transparent\n}\n.envira-checkbox .form-checkbox input:disabled+.fancy-checkbox{\n\tbackground:#e8e8eb!important;\n\tborder:1px solid #D0D1D7;\n\tcursor:default\n}\n.envira-checkbox .form-checkbox input:disabled+.fancy-checkbox svg{\n\tcolor:#8c8f9a\n}\n.envira-checkbox .form-checkbox input:not(:checked):disabled+.fancy-checkbox:before{\n\tbottom:0;\n\tbackground:#e8e8eb\n}\n[dir=ltr] .envira-checkbox .form-checkbox input:not(:checked):disabled+.fancy-checkbox:before{\n\tleft:0\n}\n[dir=rtl] .envira-checkbox .form-checkbox input:not(:checked):disabled+.fancy-checkbox:before{\n\tright:0\n}\n.envira-checkbox .form-checkbox .fancy-checkbox svg{\n\tcolor:#fff;\n\twidth:10px;\n\theight:10px\n}\n.envira-checkbox .form-checkbox span{\n\tposition:absolute;\n\tcursor:pointer;\n\ttop:0;\n\tleft:0;\n\tright:0;\n\tbottom:0;\n\tbackground-color:#d0d1d7;\n\ttransition:.2s;\n\tborder-radius:3px;\n\tdisplay:flex;\n\talign-items:center;\n\tjustify-content:center\n}\n.envira-checkbox .form-checkbox span:before{\n\tposition:absolute;\n\tcontent:\"\";\n\theight:14px;\n\twidth:14px;\n\tbottom:1px;\n\tbackground-color:#fff;\n\ttransition:.2s;\n\tfont-size:14px;\n\tline-height:16px;\n\tborder-radius:2px\n}\n[dir=ltr] .envira-checkbox .form-checkbox span:before{\n\tleft:1px\n}\n[dir=rtl] .envira-checkbox .form-checkbox span:before{\n\tright:1px\n}\n.envira-row {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex: 0 1 auto;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n}\n.envira-col.col-xs-11 {\n\tmax-width: calc(91.6666666667% - 20px * .0833333333);\n\tflex-basis: calc(91.6666666667% - 20px * .0833333333)\n}\n.envira-col.col-xs-1 {\n\tmax-width: calc(8.33% - 20px * .0833333333);\n\tflex-basis: calc(8.33% - 20px * .0833333333)\n}\n.envira-col.text-xs-left {\n\ttext-align: left;\n}\n.envira-col.text-xs-right {\n\ttext-align: right;\n}\n/* Step 4 */\n.envira-wizard-license-key .license-cta-box {\n\tfont-size: 14px;\n\tline-height: 22px;\n\tborder-radius: 3px;\n\tbackground-color: rgb(55 153 59 / 12%);\n\tpadding: 20px;\n\tmargin: 20px 0;\n}\n.envira-wizard-license-key .license-cta-box>div:first-child {\n\tfont-weight: 600;\n\tline-height: 1.4;\n}\n.envira-wizard-license-key .license-cta-box .envira-row {\n\tmargin-top: 12px;\n}\n.envira-wizard-license-key .license-cta-box .envira-row .envira-col {\n\tdisplay: flex;\n\talign-items: center;\n}\n.envira-col.col-sm-6 {\n\tmax-width: calc(50% - 20px * .5);\n\tflex-basis: calc(50% - 20px * .5);\n\t@media screen and (max-width: 768px) {\n\t\tmax-width: calc(100% - 20px * 1);\n\t\tflex-basis: calc(100% - 20px * 1);\n\t}\n}\n.envira-col.col-sm-8 {\n\tmax-width: calc(66.6666666667% - 20px * .3333333333);\n\tflex-basis: calc(66.6666666667% - 20px * .3333333333);\n\t@media screen and (max-width: 768px) {\n\t\tmax-width: calc(100% - 20px * 1);\n\t\tflex-basis: calc(100% - 20px * 1);\n\t}\n}\n.envira-col.col-sm-4 {\n\tmax-width: calc(33.3333333333% - 20px * .3333333333);\n\tflex-basis: calc(33.3333333333% - 20px * .3333333333)\n}\n.envira-col.col-sm-2{\n\tmax-width: calc(16.6666666667% - 20px * .1666666667);\n\tflex-basis: calc(16.6666666667% - 20px * .1666666667);\n\t@media screen and (max-width: 768px) {\n\t\tmax-width: calc(40% - 20px * 1);\n\t\tflex-basis: calc(40% - 20px * 1);\n\t\tfloat: left;\n\t\tmargin: 10px 20px 0 0;\n\t}\n}\n.envira-col.col-sm-1{\n\tmax-width: calc(3.3333333333% - 20px * .0833333333);\n\tflex-basis: calc(3.3333333333% - 20px * .0833333333);\n}\n.envira-wizard-license-key .license-cta-box .envira-row .envira-col svg {\n\tmargin-right: 10px;\n}\n.envira-wizard-license-key .license-cta-box .envira-row .envira-col svg {\n\twidth: 16px;\n\theight: 16px;\n\tcolor: #37993B;\n}\n.envira-wizard-license-key, .envira-onboarding-step-5{\n\tmin-width: 850px;\n\t@media screen and (max-width: 768px) {\n\t\tmin-width: 100%;\n\t}\n}\n.envira-onboarding-step-5{\n\t@media screen and (max-width: 768px) {\n\t\tpadding: 0 20px;\n\t\tmax-width: 90%;\n\t\tmin-width: 90%;\n\t\t.envira-onboarding-wizard-footer{\n\t\t\tflex-direction: column-reverse;\n\t\t\talign-items: center;\n\t\t\tgap: 10px;\n\t\t}\n\t}\n}\n.btn-transparent{\n\tbackground: transparent;\n\tcolor: #3C434ACC;\n\tborder: 1px solid #3C434ACC;\n\tborder-radius: 4px;\n\tfont-size: 14px;\n\tflex-shrink: 0;\n\tline-height: 1;\n\tcursor: pointer;\n\ttext-decoration: none;\n\tpadding: 0 20px;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 40px;\n\ttransition: background-color .2s ease;\n\tposition: relative;\n\toverflow: hidden;\n\toutline: none;\n\t:hover{\n\t\toutline: none;\n\t}\n}\n.envira-wizard-success {\n\tcolor: #141b38;\n\tpadding-bottom: 40px;\n}\n.envira-wizard-success .actions > div {\n\tdisplay: flex;\n\talign-items: center;\n}\n.envira-wizard-success .actions > div:not(.no-border) {\n\tborder-bottom: 1px solid #e8e8eb;\n\tpadding-bottom: 24px;\n\tmargin-bottom: 24px;\n}\n.envira-wizard-success .actions > div .icon {\n\tmin-width: 24px;\n}\n[dir=\"ltr\"] .envira-wizard-success .actions > div .icon {\n\tmargin-right: 16px;\n}\n[dir=\"rtl\"] .envira-wizard-success .actions > div .icon {\n\tmargin-left: 16px;\n}\n.envira-wizard-success .actions > div .icon svg {\n\twidth: 24px;\n\theight: 24px;\n}\n.envira-wizard-success .actions > div .content {\n\tfont-weight: 700;\n\tfont-size: 14px;\n\tcolor: #141b38;\n\tflex: 1;\n}\n.envira-wizard-success .actions > div .content .social-button {\n\tcolor: #fff;\n}\n[dir=\"ltr\"] .envira-wizard-success .actions > div .content .social-button {\n\tmargin: 10px 10px 0 0;\n}\n[dir=\"rtl\"] .envira-wizard-success .actions > div .content .social-button {\n\tmargin: 10px 0 0 10px;\n}\n.envira-wizard-success .actions > div .content .social-button svg {\n\twidth: 14px;\n\theight: 14px;\n}\n[dir=\"ltr\"] .envira-wizard-success .actions > div .content .social-button svg {\n\tmargin-right: 10px;\n}\n[dir=\"rtl\"] .envira-wizard-success .actions > div .content .social-button svg {\n\tmargin-left: 10px;\n}\n.envira-wizard-success .actions > div .content .social-button.facebook {\n\tbackground-color: #4064ac;\n}\n.envira-wizard-success .actions > div .content .social-button.twitter {\n\tbackground-color: #1da1f2;\n}\n.envira-wizard-success .actions > div .content .social-button.youtube {\n\tbackground-color: #d63e22;\n}\n.envira-wizard-success .actions > div:last-child {\n\tborder-bottom: none;\n\tpadding-bottom: 0;\n\tmargin-bottom: 0;\n}\n.envira-wizard-success .envira-settings-row:last-child {\n\tborder-bottom: none;\n\tmargin-bottom: 0;\n}\n.envira-wizard-success .envira-settings-row.feature-grid .settings-name .name {\n\tfont-size: 18px;\n}\n.envira-wizard-success .envira-settings-row.feature-grid .envira-col {\n\tdisplay: flex;\n\talign-items: center;\n}\n.envira-wizard-success .go-back a {\n\tcolor: #434960;\n\tfont-size: 14px;\n}\n.envira-wizard-success .cta {\n\tmargin: 0 20px 40px;\n\tpadding: 20px;\n\tborder: 1px solid #e8e8eb;\n\ttext-align: center;\n}\n.envira-wizard-success .cta .content {\n\tflex-direction: column;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n.envira-wizard-success .cta .content .cta-header {\n\tfont-size: 24px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n\tmargin-bottom: 24px;\n\tmargin-top: 20px;\n}\n.envira-wizard-success .cta .content .cta-description {\n\tline-height: 1.4;\n\tmax-width: 630px;\n\tmargin-bottom: 55px;\n}\n.envira-wizard-success .cta .content .envira-alert {\n\twidth: 100%;\n}\n.envira-wizard-success .cta .content .feature-list {\n\tcolor: #141b38;\n\tfont-size: 16px;\n\twidth: 100%;\n\tmax-width: 600px;\n\tmargin-bottom: 50px;\n}\n.envira-wizard-success .cta .content .feature-list .envira-col {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tmargin: 2px 0;\n}\n.envira-wizard-success .cta .content .feature-list .envira-col svg.envira-circle-check {\n\tcolor: #00aa63;\n\twidth: 18px;\n\tmin-width: 18px;\n\tmin-height: 18px;\n}\n[dir=\"ltr\"] .envira-wizard-success .cta .content .feature-list .envira-col svg.envira-circle-check {\n\tmargin-right: 10px;\n}\n[dir=\"rtl\"] .envira-wizard-success .cta .content .feature-list .envira-col svg.envira-circle-check {\n\tmargin-left: 10px;\n}\n.envira-wizard-success .cta .bonus-alert {\n\tmargin: 24px auto;\n\tmax-width: 650px;\n}\n#selected-add-ons .envira-col{\n\tmargin: 5px 0;\n}\n.envira-onboarding-input input[type=\"password\"]#envira-settings-key {\nwidth: 92%;\n}\n\n.envira-pro-badge {\n\theight: 22px;\n\tborder-radius: 3px;\n\tbackground: #e8e8eb;\n\tcolor: #666;\n\tfont-size: 12px;\n\tline-height: 18px;\n\tfont-weight: 600;\n\tdisplay: inline-flex;\n\tpadding: 0 4px;\n\talign-items: center;\n\tmargin-left: 12px;\n}\n.tooltip-container svg.envira-circle-question-mark  {\n\twidth: 17px;\n\theight: 17px;\n\tcolor: #8c8f9a;\n\tcursor: pointer;\n}\n.tooltip-container {\n\tposition: relative;\n\tdisplay: inline-block;\n\tcursor: pointer;\n}\n\n.tooltip-text {\n\tvisibility: hidden;\n\twidth: 650px;\n\tbackground-color: #555;\n\tcolor: #fff;\n\ttext-align: center;\n\tpadding: 5px;\n\tborder-radius: 6px;\n\tposition: absolute;\n\tz-index: 1;\n\tbottom: 125%;\n\tleft: 50%;\n\tmargin-left: -325px; /* Half of the width to keep the tooltip centered */\n\topacity: 0;\n\ttransition: opacity 0.3s;\n\t@media screen and (max-width: 768px) {\n\t\twidth: 250px;\n\t\tmargin-left: -250px;\n\t}\n}\n\n.tooltip-container:hover .tooltip-text {\n\tvisibility: visible;\n\topacity: 1;\n}\n\n.tooltip-text::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 100%;\n\tleft: 50%;\n\tmargin-left: -5px;\n\tborder-width: 5px;\n\tborder-style: solid;\n\tborder-color: #555 transparent transparent transparent;\n\t@media screen and (max-width: 768px) {\n\t\tmargin-left: 116px;\n\t}\n}\n#license-key-message{\n\tpadding: 10px;\n\tmargin: 10px 0;\n}\n.envira-error{\n\tcolor: #333;\n\tbackground-color: #ffd2d2;\n\tborder: 1px solid #e599a1;\n\tpadding: 10px;\n\tmargin: 10px 0;\n\tborder-radius: 4px;\n}\n.envira-success{\n\tcolor: #333;\n\tbackground-color: #d2ffd2;\n\tborder: 1px solid #a1e599;\n\tpadding: 10px;\n\tmargin: 10px 0;\n\tborder-radius: 4px;\n}\n\n.envira-onboarding-wizard .envira-button-dark:focus, .envira-onboarding-wizard .envira-button-dark:hover, .envira-onboarding-wizard-primary-btn:focus, .envira-onboarding-wizard-primary-btn:hover {\n\tbackground: #7CC048;\n\tborder-color: #7CC048;\n\tcolor: #fff;\n\tbox-shadow: none;\n}\n.spinner.envira-onboarding-spinner{\n\tposition: absolute;\n\tmargin: 9px 10px 0;\n}\n.selected-plugins-names{\n\tfont-style: italic;\n\tmax-width: fit-content;\n\tmargin: 16px auto 0;\n\tfont-size: 12px;\n\ttext-align: center;\n\tcolor: #8c8f9a;\n\tline-height: 1.5;\n}\n.envira-onboarding-wizard-body .envira-desc{\n\tfont-style: italic;\n\tmargin-top: 5px;\n\tfont-size: 12px;\n\tcolor: #8c8f9a;\n}\n"]}