File: /home/zeusxp5/lrliberia.com/wp-content/themes/lifttruck/inc/panel/build/style-index.css.map
{"version":3,"file":"./style-index.css","mappings":";;;AAGA;EACE;IACE;IACA;ECFF;EDKA;IACE;IACA;ECHF;AACF;ADMA;;EAEE;ACJF;;ADOA;EACE;EACA;ACJF;;ADOA;;EAEE;ACJF;;ADMA;EACE;EACA;EACA;EACA;ACHF;;ADKA;EACE;ACFF;;ADIA;EACE;EACA;EACA;EACA;EACA;ACDF;ADEE;EACE;ACAJ;;ADGA;EACE;EACA;EACA;EACA;ACAF;;ADEA;EACE;ACCF;;ADCA;EACE;EACA;EACA;EACA;EACA;ACEF;;ADAA;EACE;EACA;EACA;EACA;ACGF;;ADDA;EACE;ACIF;;ADFA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;ACKF;;ADHA;;EAEE;EACA;ACMF;;ADJA;EACE;EACA;EACA;EACA;EACA;EACA;ACOF;;ADLA;EACE;EACA;EACA;ACQF;;ADNA;EACE;ACSF;;ADPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACUF;ADRE;EACE;EACA;EACA;EACA;EACA;EACA;ACUJ;;ADNA;EACE;EACA;EACA;ACSF;;ADNA;EACE;EACA;EACA;EACA;EACA;ACSF;;ADNA;EACE;EACA;EACA;ACSF;;ADPA;EACE;EACA;EACA;EACA;EACA;EACA;ACUF;;ADPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ACUF;ADTE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACWJ;ADTI;EACE;ACWN;ADRI;EACE;ACUN;ADPI;EACE;EACA;ACSN;ADNE;EACE;EACA;EACA;EACA;ACQJ;ADPI;EACE;EACA;EACA;ACSN;ADPI;EACE;ACSN;;ADLA;EACE;ACQF;;ADNA;EACE;ACSF;;ADPA;EACE;EACA;ACUF;;ADRA;EACE;EACA;EACA;ACWF;;ADTA;EACE;ACYF;;ADVA;EACE;EACA;ACaF;;ADXA;EACE;ACcF;ADbE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACeJ;;AC9PA;AACA;EACE;ADiQF;;AC/PA;EACI;EACA;EACA;EACA;EACA;EACA;ADkQJ;;AChQE;EACE;ADmQJ;;AChQE;EAEE;ADkQJ;;AChQE;EACE;EACA;EACA;ADmQJ;AClQI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADoQN;AClQI;EACE;ADoQN;AClQI;EACE;ADoQN;AClQI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADoQN;AClQM;EACE;EACA;ADoQR;ACjQI;EACE;EACA;ADmQN;ACjQI;EACE;ADmQN;ACjQI;EACE;EACA;ADmQN;ACjQI;EACE;ADmQN;;AC/PE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADkQJ;;AChQE;AACF;EACE;EACA;EACA;ADmQF;;ACjQA;EACE;ADoQF;;AClQA;EACE;ADqQF;;ACnQA;EACE;ADsQF;;ACnQA;EACE;EACA;EACA;ADsQF;ACrQE;EACE;ADuQJ;ACtQI;EACE;EACA;ADwQN;ACrQE;EACE;EACA;EACA;EACA;EACA;EACA;ADuQJ;ACtQI;EACE;EACA;EACA;EACA;ADwQN;ACrQE;EACE;EACA;EACA;EACA;EACA;ADuQJ;ACtQI;EACE;EACA;EACA;ADwQN;ACtQI;EACE;ADwQN;;ACnQA;EACE;ADsQF;;ACpQA;EACE;ADuQF;ACtQE;EACE;ADwQJ;;ACpQA;EACE;EACA;EACA;EACA;ADuQF;ACrQE;EACE;EACA;EACA;EACA;EACA;ADuQJ;;ACpQA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADuQF;;ACrQA;EACE;IACE;EDwQF;AACF;ACnQE;EACE;EACA;EACA;;KAAA;ADuQJ;ACnQE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;KAAA;ADwQJ;ACnQM;EACE;ADqQR;ACnQM;EACE;EACA;EACA;ADqQR;ACpQQ;EACE;ADsQV;ACjQE;EACE;EACA;ADmQJ;AChQI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADkQN;AC/PE;EACE;EACA;EACA;EACA;ADiQJ;AC/PE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADiQJ;AChQI;EACE;ADkQN;;AC7PA;EACE;ADgQF;;AE1gBA;EACE;AF6gBF;AE5gBE;EACE;EACA;EACA;AF8gBJ;AE7gBI;EACE;AF+gBN;AE7gBI;EACE;AF+gBN;AE5gBE;EACE;EACA;AF8gBJ;AE7gBI;EACE;AF+gBN;AE5gBE;EACE;AF8gBJ;;AEzgBE;EAkBE;EACA;EACA;AF2fJ;AE9gBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AFghBN;AE/gBM;EACE;EACA;AFihBR;AEhhBQ;EACE;AFkhBV;AE1gBI;EACE;EACA;EACA;EACA;EACA;AF4gBN;AE3gBM;EACE;EACA;AF6gBR;AE1gBI;EACE;EACA;AF4gBN;;AEvgBA;EACI;AF0gBJ;AEzgBI;EACE;EACA;EACA;EACA;AF2gBN;AE1gBM;EACE;EACA;EACA;AF4gBR;AE3gBQ;EACE;EACA;EACA;EACA;AF6gBV;AE3gBQ;EACE;EACA;EACA;EACA;EACA;AF6gBV;AE1gBM;EACE;EACA;EACA;AF4gBR;;AEvgBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF0gBJ;AEzgBI;EACE;EACA;AF2gBN;;AG5nBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AH+nBF;AG7nBE;EACE;EACA;EACA;AH+nBJ;AG7nBI;EACE;AH+nBN;AG9nBM;EACE;AHgoBR;AG7nBI;EACE;EACA;EACA;AH+nBN;AG9nBM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHgoBR;AG/nBQ;EACE;EACA;AHioBV;AG1nBE;EACE;EACA;EACA;AH4nBJ;AG1nBI;EACE;EACA;EACA;EACA;EACA;AH4nBN;AGxnBE;EACE;EACA;EACA;EACA;EACA;AH0nBJ;;AGtnBA;EACE;EACA;EACA;EACA;EACA;AHynBF;;AGrnBA;EACE;IACE;EHwnBF;AACF;AIvsBA;EACE;EACA;EACA;AJysBF;;AIvsBA;EACE;AJ0sBF;;AIxsBA;EACE;EACA;AJ2sBF;;AIzsBA;EACE;EACA;AJ4sBF,C","sources":["webpack://webdevia-onboarding/./src/panel/scss/_panel.scss","webpack://webdevia-onboarding/./src/panel/scss/style.scss","webpack://webdevia-onboarding/./src/panel/scss/_demo-import.scss","webpack://webdevia-onboarding/./src/panel/scss/_theme-options.scss","webpack://webdevia-onboarding/./src/panel/scss/_install-plugins.scss","webpack://webdevia-onboarding/./src/panel/scss/_theme-activation.scss"],"sourcesContent":["\r\n\r\n// Animations\r\n@keyframes DeviaFadeInLeft {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(15px)\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateX(0)\r\n }\r\n}\r\n\r\n.notice,\r\ndiv.e-notice.notice {\r\n display: none;\r\n}\r\n\r\nhtml.wp-toolbar:has(body[class*=toplevel_page_]) {\r\n background: #1e1e1e;\r\n padding-top: 0;\r\n}\r\n\r\n[class*=toplevel_page_] div#adminmenumain, \r\n[class*=toplevel_page_] div#wpcontent > div[id^=wpa] {\r\n display: none;\r\n}\r\n[class*=toplevel_page_] div#wpcontent {\r\n background: #1e1e1e;\r\n margin: 0;\r\n padding: 0;\r\n position: relative;\r\n}\r\n[class*=toplevel_page_] #wpcontent #wpbody-content {\r\n padding-bottom: 0;\r\n}\r\n[class*=toplevel_page_] div.devia_dashboard {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #1e1e1e;\r\n display: flex;\r\n height: 100vh;\r\n p {\r\n font-size:16px;\r\n }\r\n}\r\n[class*=toplevel_page_] .navigable-region {\r\n padding: 0 12px;\r\n width: 335px;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n[class*=toplevel_page_] .devia-back_to_dash {\r\n margin: 20px 0 72px 8px;\r\n}\r\n[class*=toplevel_page_] .devia-back_to_dash a {\r\n color: #fff;\r\n display: block;\r\n line-height: 2;\r\n text-decoration: none;\r\n width: 100%;\r\n}\r\n[class*=toplevel_page_] .devia-back_to_dash span {\r\n font-size: 20px;\r\n line-height: 1.3;\r\n margin-right: 20px;\r\n position: relative;\r\n}\r\n[class*=toplevel_page_] .devia-nav {\r\n margin-inline-end: 16px;\r\n}\r\n[class*=toplevel_page_] .components-navigator-button {\r\n background-color: transparent;\r\n border: none;\r\n border-radius: 2px;\r\n color: #949494;\r\n display: block;\r\n min-height: unset;\r\n padding: 10px 6px 10px 16px;\r\n cursor: pointer;\r\n appearance: none;\r\n text-decoration: none;\r\n margin-bottom: 4px;\r\n}\r\n[class*=toplevel_page_] .components-navigator-button.current,\r\n[class*=toplevel_page_] .components-navigator-button:hover {\r\n background: #444;\r\n color: #FFF;\r\n}\r\n[class*=toplevel_page_] .components-navigator-button > * {\r\n display: flex;\r\n align-items: center;\r\n flex-direction: row;\r\n gap: calc(8px);\r\n justify-content: flex-start;\r\n width: 100%;\r\n}\r\n[class*=toplevel_page_] .devia-nav-item {\r\n max-width: 100%;\r\n text-align: left;\r\n flex: 1 1 0%;\r\n}\r\n[class*=toplevel_page_] .components-navigator-button .edit-site-sidebar-navigation-item__drilldown-indicator {\r\n fill: #949494;\r\n}\r\n[class*=toplevel_page_] .content-region {\r\n position: relative;\r\n background-color: #FFF;\r\n margin: 24px 24px 24px 0;\r\n border-radius: 8px;\r\n display: block;\r\n max-height: 100%;\r\n max-width: 100%;\r\n min-height: 0px;\r\n min-width: 0px;\r\n flex: 1 1 0%;\r\n font-size: 1em;\r\n overflow-y: scroll;\r\n\r\n .panel-loading {\r\n position: absolute;\r\n width: 100px;\r\n z-index: 99;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n }\r\n}\r\n\r\n[class*=toplevel_page_] .content-region h1 {\r\n font-size: 3em;\r\n margin-block: 0 0.975em;\r\n line-height: 1;\r\n}\r\n\r\n[class*=toplevel_page_] .content-region section {\r\n padding: 50px;\r\n font-size: 1rem;\r\n animation: DeviaFadeInLeft .3s;\r\n padding-bottom: 150px;\r\n min-height: -webkit-fill-available;\r\n}\r\n\r\n[class*=toplevel_page_] .devia-welcome {\r\n padding: 50px 50px 75px;\r\n position: relative;\r\n z-index: 0;\r\n}\r\n[class*=toplevel_page_] .devia-welcome:before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(109.9deg, #90d2ea, #d6aefb);\r\n opacity: .2;\r\n z-index: -5;\r\n}\r\n\r\n.steps-nav {\r\n display: flex;\r\n gap: .5em;\r\n padding: 20px 50px;\r\n font-size: 1rem;\r\n margin-top: -140px;\r\n position: relative;\r\n z-index: 2;\r\n button.next {\r\n border: none;\r\n background: var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#3858e9));\r\n color: var(--wp-components-color-accent-inverted,#fff);\r\n padding: 9px 24px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n &:disabled {\r\n display: none;\r\n }\r\n\r\n &:hover:not(:disabled) {\r\n background: var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));\r\n }\r\n\r\n svg {\r\n fill: currentColor;\r\n outline: none;\r\n }\r\n }\r\n button.previous {\r\n border: none;\r\n background: none;\r\n cursor: pointer;\r\n opacity: .8;\r\n &:hover {\r\n background: none;\r\n text-decoration: underline;\r\n opacity: 1;\r\n }\r\n &[disabled] {\r\n display: none;\r\n }\r\n }\r\n}\r\n[class*=toplevel_page_] #wpfooter {\r\n display: none;\r\n}\r\n.devia-nav-item__icon {\r\n display: contents;\r\n}\r\n[class*=toplevel_page_] .radio-button {\r\n position: relative;\r\n margin: 10px 20px;\r\n}\r\n[class*=toplevel_page_] .radio-button button {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n[class*=toplevel_page_] .radio-button .css-1abtnze {\r\n position: unset;\r\n}\r\n[class*=toplevel_page_] .radio-button .css-k1frqi {\r\n background-color: unset;\r\n border: 2px solid var(--wp-admin-theme-color);\r\n}\r\n.create_more {\r\n margin-block: auto 24px;\r\n a {\r\n display: block;\r\n background: rgba(255, 255, 255, 0.9411764706);\r\n border-radius: 6px;\r\n padding: 2em 1em;\r\n background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);\r\n text-align: center;\r\n font-size: 14px;\r\n text-decoration: none;\r\n color: black;\r\n }\r\n}","@keyframes DeviaFadeInLeft {\n 0% {\n opacity: 0;\n transform: translateX(15px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n.notice,\ndiv.e-notice.notice {\n display: none;\n}\n\nhtml.wp-toolbar:has(body[class*=toplevel_page_]) {\n background: #1e1e1e;\n padding-top: 0;\n}\n\n[class*=toplevel_page_] div#adminmenumain,\n[class*=toplevel_page_] div#wpcontent > div[id^=wpa] {\n display: none;\n}\n\n[class*=toplevel_page_] div#wpcontent {\n background: #1e1e1e;\n margin: 0;\n padding: 0;\n position: relative;\n}\n\n[class*=toplevel_page_] #wpcontent #wpbody-content {\n padding-bottom: 0;\n}\n\n[class*=toplevel_page_] div.devia_dashboard {\n margin: 0;\n padding: 0;\n background-color: #1e1e1e;\n display: flex;\n height: 100vh;\n}\n[class*=toplevel_page_] div.devia_dashboard p {\n font-size: 16px;\n}\n\n[class*=toplevel_page_] .navigable-region {\n padding: 0 12px;\n width: 335px;\n display: flex;\n flex-direction: column;\n}\n\n[class*=toplevel_page_] .devia-back_to_dash {\n margin: 20px 0 72px 8px;\n}\n\n[class*=toplevel_page_] .devia-back_to_dash a {\n color: #fff;\n display: block;\n line-height: 2;\n text-decoration: none;\n width: 100%;\n}\n\n[class*=toplevel_page_] .devia-back_to_dash span {\n font-size: 20px;\n line-height: 1.3;\n margin-right: 20px;\n position: relative;\n}\n\n[class*=toplevel_page_] .devia-nav {\n margin-inline-end: 16px;\n}\n\n[class*=toplevel_page_] .components-navigator-button {\n background-color: transparent;\n border: none;\n border-radius: 2px;\n color: #949494;\n display: block;\n min-height: unset;\n padding: 10px 6px 10px 16px;\n cursor: pointer;\n appearance: none;\n text-decoration: none;\n margin-bottom: 4px;\n}\n\n[class*=toplevel_page_] .components-navigator-button.current,\n[class*=toplevel_page_] .components-navigator-button:hover {\n background: #444;\n color: #FFF;\n}\n\n[class*=toplevel_page_] .components-navigator-button > * {\n display: flex;\n align-items: center;\n flex-direction: row;\n gap: 8px;\n justify-content: flex-start;\n width: 100%;\n}\n\n[class*=toplevel_page_] .devia-nav-item {\n max-width: 100%;\n text-align: left;\n flex: 1 1 0%;\n}\n\n[class*=toplevel_page_] .components-navigator-button .edit-site-sidebar-navigation-item__drilldown-indicator {\n fill: #949494;\n}\n\n[class*=toplevel_page_] .content-region {\n position: relative;\n background-color: #FFF;\n margin: 24px 24px 24px 0;\n border-radius: 8px;\n display: block;\n max-height: 100%;\n max-width: 100%;\n min-height: 0px;\n min-width: 0px;\n flex: 1 1 0%;\n font-size: 1em;\n overflow-y: scroll;\n}\n[class*=toplevel_page_] .content-region .panel-loading {\n position: absolute;\n width: 100px;\n z-index: 99;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n[class*=toplevel_page_] .content-region h1 {\n font-size: 3em;\n margin-block: 0 0.975em;\n line-height: 1;\n}\n\n[class*=toplevel_page_] .content-region section {\n padding: 50px;\n font-size: 1rem;\n animation: DeviaFadeInLeft 0.3s;\n padding-bottom: 150px;\n min-height: -webkit-fill-available;\n}\n\n[class*=toplevel_page_] .devia-welcome {\n padding: 50px 50px 75px;\n position: relative;\n z-index: 0;\n}\n\n[class*=toplevel_page_] .devia-welcome:before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(109.9deg, #90d2ea, #d6aefb);\n opacity: 0.2;\n z-index: -5;\n}\n\n.steps-nav {\n display: flex;\n gap: 0.5em;\n padding: 20px 50px;\n font-size: 1rem;\n margin-top: -140px;\n position: relative;\n z-index: 2;\n}\n.steps-nav button.next {\n border: none;\n background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #3858e9));\n color: var(--wp-components-color-accent-inverted, #fff);\n padding: 9px 24px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n}\n.steps-nav button.next:disabled {\n display: none;\n}\n.steps-nav button.next:hover:not(:disabled) {\n background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));\n}\n.steps-nav button.next svg {\n fill: currentColor;\n outline: none;\n}\n.steps-nav button.previous {\n border: none;\n background: none;\n cursor: pointer;\n opacity: 0.8;\n}\n.steps-nav button.previous:hover {\n background: none;\n text-decoration: underline;\n opacity: 1;\n}\n.steps-nav button.previous[disabled] {\n display: none;\n}\n\n[class*=toplevel_page_] #wpfooter {\n display: none;\n}\n\n.devia-nav-item__icon {\n display: contents;\n}\n\n[class*=toplevel_page_] .radio-button {\n position: relative;\n margin: 10px 20px;\n}\n\n[class*=toplevel_page_] .radio-button button {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n[class*=toplevel_page_] .radio-button .css-1abtnze {\n position: unset;\n}\n\n[class*=toplevel_page_] .radio-button .css-k1frqi {\n background-color: unset;\n border: 2px solid var(--wp-admin-theme-color);\n}\n\n.create_more {\n margin-block: auto 24px;\n}\n.create_more a {\n display: block;\n background: rgba(255, 255, 255, 0.9411764706);\n border-radius: 6px;\n padding: 2em 1em;\n background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);\n text-align: center;\n font-size: 14px;\n text-decoration: none;\n color: black;\n}\n\n/* demo import */\n.sys-req-wrapper {\n margin-top: 2em;\n}\n\n.wd-importer_title {\n margin: 0.5em 0 0.2em;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n line-height: 1.25em;\n color: #1c1c1c;\n font-size: 44px;\n font-weight: 700;\n}\n\n.wd-importer_sub-title {\n padding-top: 2.5em;\n}\n\n.import-demo-screenshot .import-demo-screenshot label:hover {\n border-color: rgba(128, 128, 128, 0.38);\n}\n\n.import-demo-screenshot {\n display: grid;\n gap: 1rem 2rem;\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n}\n.import-demo-screenshot label {\n background-repeat: no-repeat;\n background-size: cover;\n border: 1px solid hsla(0, 0%, 59%, 0.271);\n border-radius: 4px;\n box-shadow: 0 2px 10px 0 hsla(0, 0%, 67%, 0.349);\n transition-duration: 0.2s;\n width: 100%;\n aspect-ratio: 1.7;\n}\n.import-demo-screenshot input[type=radio] {\n display: none;\n}\n.import-demo-screenshot .demos_label {\n display: block;\n}\n.import-demo-screenshot button {\n position: absolute;\n top: -40px;\n padding: 7px 10px;\n margin-top: 5px;\n text-decoration: none;\n font-weight: 600;\n text-align: center;\n box-shadow: 0 6px 10px 0 rgba(91, 91, 91, 0.46);\n opacity: 0;\n transition: 0.35s;\n left: 50%;\n transform: translatex(calc(-50% - 10px));\n border-radius: 4px;\n width: 60%;\n background: #1c1c1c;\n color: #FFF;\n cursor: pointer;\n border: none;\n}\n.import-demo-screenshot button:hover {\n background: #fff;\n color: #1C1C1C;\n}\n.import-demo-screenshot .demo-item:hover button {\n top: 60px;\n opacity: 1;\n}\n.import-demo-screenshot .demo-item {\n position: relative;\n}\n.import-demo-screenshot .elemnt {\n margin-top: 70px;\n transition: 0.4s 0.05s;\n}\n.import-demo-screenshot .demo-item h3 {\n text-align: center;\n}\n\n.wd-importer-notice {\n background: #fff;\n border: 1px solid #ccd0d4;\n border-left-width: 4px;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);\n border-left-color: #ffb900;\n margin: 30px 0 40px;\n padding: 1px 12px;\n}\n\n/* Admin import popup */\n.appearance_page_customerxp-demo-content #TB_window {\n height: 380px !important;\n top: 50% !important;\n transform: translate(0, -50%);\n}\n\n#TB_ajaxContent {\n padding: 30px 15px 15px 50px !important;\n}\n\n.import-content {\n display: block ruby;\n}\n\n.import_demo {\n margin-bottom: 10px !important;\n}\n\n.sys-req {\n box-shadow: 0 5px 12px 0 hsla(240, 5%, 41%, 0.2);\n padding: 1.5em 1.5rem 0.5em;\n border-left: 3px solid cornflowerblue;\n}\n.sys-req__heading {\n margin-block-end: 1rem;\n}\n.sys-req__heading h3 {\n color: inherit;\n margin: 0;\n}\n.sys-req__body {\n margin-block: 1.5rem 0.5em;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: repeat(2, 1fr);\n row-gap: 0.75rem;\n font-size: 15px;\n}\n.sys-req__body > div {\n flex: 1;\n min-width: 200px;\n max-width: 215px;\n text-wrap: nowrap;\n}\n.sys-req__footer {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n flex-direction: row-reverse;\n margin-top: -0.5em;\n}\n.sys-req__footer .darkiconbox {\n display: inline-block;\n margin-inline: 2px;\n padding: 1px;\n}\n.sys-req__footer:last-child {\n margin-inline-start: auto;\n}\n\n.system_requirement > .dashicons {\n margin-inline-end: 5px;\n}\n\n.sys-req .darkiconbox {\n cursor: pointer;\n}\n.sys-req .darkiconbox a {\n color: inherit;\n}\n\n.wd-importer_fopen {\n margin-block: 2em 0px;\n background: rgba(255, 0, 0, 0.1);\n padding: 1em;\n border-left: 3px solid red;\n}\n.wd-importer_fopen .dashicons {\n margin-inline-end: 0.6em;\n display: inline-flex;\n font-size: 2em;\n align-items: center;\n color: #ff6c00;\n}\n\n/* #f0f0f1 | #1d2327 */\n.loader {\n --_size: 20px;\n --_thick: 5px;\n display: block;\n width: var(--_size);\n height: var(--_size);\n margin: 10px 0 0 auto;\n visibility: hidden;\n border: var(--_thick) solid #f0f0f1;\n border-top: var(--_thick) solid #363b3e;\n border-radius: 100%;\n animation: loader 1s infinite linear;\n}\n\n@keyframes loader {\n 100% {\n transform: rotate(360deg);\n }\n}\n#popup-root .popup-overlay {\n background-color: hsla(240, 9.46%, 29.02%, 0.81);\n transition: background-color 0.3s;\n /* @starting-style {\n background-color: transparent;\n } */\n}\n#popup-root .modal {\n background: #fff;\n border-radius: 4px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);\n transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.7s;\n opacity: 1;\n transform: none;\n /* @starting-style {\n opacity: 0;\n transform: scale(.2) translateY(800%);\n } */\n}\n#popup-root .modal .required-demo-plugins h4 {\n margin: 0;\n}\n#popup-root .modal .required-demo-plugins ul li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n#popup-root .modal .required-demo-plugins ul li .plugin-installing {\n color: green;\n}\n#popup-root .modal > .content {\n width: 100%;\n padding: 10px 5px;\n}\n#popup-root .modal > .content .response-messages {\n color: green;\n max-height: 30px;\n overflow-x: auto;\n box-sizing: content-box;\n padding: 5px 10px;\n box-shadow: 2px 1px 20px 10px #eaeaea;\n border-radius: 5px;\n}\n#popup-root .modal > .actions {\n width: 100%;\n padding: 10px 5px;\n margin: auto;\n text-align: center;\n}\n#popup-root .modal > .close {\n cursor: pointer;\n position: absolute;\n line-height: 20px;\n right: 10px;\n top: 10px;\n font-size: 36px;\n background: none;\n border-radius: 18px;\n border: none;\n font-weight: 300;\n outline: none;\n}\n#popup-root .modal > .close:hover {\n color: red;\n}\n\n.wd-demo-importer {\n position: relative;\n}\n\n.options-tabs {\n margin-top: 30px;\n}\n.options-tabs a {\n text-decoration: none;\n color: #222;\n transition: 0.1s;\n}\n.options-tabs a:hover {\n text-decoration: underline;\n}\n.options-tabs a:focus {\n box-shadow: none;\n}\n.options-tabs li {\n padding: 0.5em 1em;\n margin-inline-start: -1em;\n}\n.options-tabs li:has(.active) {\n background-color: rgba(255, 255, 255, 0.7294117647);\n}\n.options-tabs .active {\n font-weight: bold;\n}\n\n.content-region .theme-options {\n display: flex;\n min-height: calc(100% - 200px);\n padding: 0px !important;\n}\n.content-region .theme-options__save-controls {\n justify-content: end;\n position: sticky;\n top: 0;\n z-index: 99;\n background: #f0f8ff;\n padding-block: 1em;\n border-bottom: 1px solid #e1ecf5;\n}\n.content-region .theme-options__save-controls p {\n margin: 0;\n padding: 0;\n}\n.content-region .theme-options__save-controls p:last-child {\n padding-inline-end: 2rem;\n}\n.content-region .theme-options__sidebar {\n position: sticky;\n top: 0;\n background: rgba(211, 222, 135, 0.09);\n padding: 50px;\n flex: 0 0 250px;\n}\n.content-region .theme-options__sidebar__wrapper {\n position: sticky;\n top: 4rem;\n}\n.content-region .theme-options__form {\n flex: 1;\n position: relative;\n}\n\n.options-content {\n padding: 4rem;\n}\n.options-content .assets_options > li {\n display: flex;\n flex-wrap: wrap;\n border-bottom: 1px solid rgba(230, 230, 230, 0.7);\n padding: 20px 20px;\n}\n.options-content .assets_options > li .title-option {\n width: 33.3333333333%;\n float: left;\n flex: 0 0 30%;\n}\n.options-content .assets_options > li .title-option label {\n padding: 0 15px 0 0;\n font-size: 16px;\n color: #000000;\n font-weight: 500;\n}\n.options-content .assets_options > li .title-option p {\n margin-top: 14px;\n font-size: 14px;\n line-height: 1.4;\n color: #797979;\n margin-top: 5px;\n}\n.options-content .assets_options > li .value-option {\n width: 66.6666666667%;\n float: left;\n position: relative;\n}\n\n.remove-upload {\n position: absolute;\n top: -15px;\n right: 0px;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n background: rgb(255, 255, 255);\n border-color: rgb(255, 255, 255);\n transition: 0.3s ease;\n cursor: pointer;\n border: none;\n box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.6392156863);\n}\n.remove-upload:hover {\n background-color: rgba(255, 0, 0, 0.096);\n box-shadow: 0px 0px 5px 0px #fb0000;\n}\n\n.plugins-to-install {\n max-width: 600px;\n box-shadow: 1px 0px 18px 0px rgba(0, 0, 0, 0.1);\n padding: 40px;\n margin-top: 50px;\n display: flex;\n gap: 25px;\n flex-direction: column;\n border-radius: 7px;\n}\n.plugins-to-install li {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.plugins-to-install li.done {\n font-weight: bold;\n}\n.plugins-to-install li.done svg {\n scale: 1;\n}\n.plugins-to-install li .plugin-name {\n display: flex;\n align-items: center;\n width: 100%;\n}\n.plugins-to-install li .plugin-name span {\n font-weight: 400;\n margin-inline-start: auto;\n color: #555;\n cursor: pointer;\n border: 1px solid;\n padding: 4px 10px;\n border-radius: 5px;\n background: rgba(85, 85, 85, 0.04);\n transition: all 0.15s ease-in-out;\n}\n.plugins-to-install li .plugin-name span:hover {\n color: #009fff;\n scale: 1.04;\n}\n.plugins-to-install .status {\n height: 24px;\n width: 24px;\n border-radius: 20px;\n}\n.plugins-to-install .status SVG {\n max-width: 130%;\n max-height: 100%;\n transition: all 0.15s linear;\n scale: 0;\n fill: #81c900;\n}\n.plugins-to-install .loading-icon {\n background: none;\n display: block;\n shape-rendering: auto;\n width: 50px;\n aspect-ratio: 1;\n}\n\nbutton.install-plugins {\n border: none;\n background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #3858e9));\n color: var(--wp-components-color-accent-inverted, #fff);\n padding: 9px 24px;\n cursor: pointer;\n}\n\n@keyframes blinker {\n 50% {\n background-color: #df2443;\n }\n}\nform input[type=text] {\n width: 100%;\n height: 36px;\n margin-inline-end: 10px;\n}\n\nform .form-field {\n margin-block-end: 8px;\n}\n\n.form-hint {\n font-size: 0.7rem;\n color: #f44336;\n}\n\n.required-error {\n border: 1px solid #f44336 !important;\n background: #f44336;\n}","/* demo import */\r\n.sys-req-wrapper {\r\n margin-top: 2em;\r\n} \r\n.wd-importer_title {\r\n margin: 0.5em 0 .2em;\r\n font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\r\n line-height: 1.25em;\r\n color: #1c1c1c;\r\n font-size: 44px;\r\n font-weight: 700;\r\n }\r\n .wd-importer_sub-title {\r\n padding-top: 2.5em;\r\n }\r\n \r\n .import-demo-screenshot \r\n .import-demo-screenshot label:hover {\r\n border-color: rgb(128 128 128 / 38%);\r\n }\r\n .import-demo-screenshot {\r\n display: grid;\r\n gap: 1rem 2rem;\r\n grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n label {\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n border: 1px solid hsla(0, 0%, 59%, .271);\r\n border-radius: 4px;\r\n box-shadow: 0 2px 10px 0 hsla(0,0%,67%,.349);\r\n transition-duration: .2s;\r\n width: 100%;\r\n aspect-ratio: 1.7;\r\n }\r\n input[type=\"radio\"] {\r\n display: none;\r\n }\r\n .demos_label{\r\n display: block;\r\n }\r\n button {\r\n position: absolute;\r\n top: -40px;\r\n padding: 7px 10px;\r\n margin-top: 5px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n text-align: center;\r\n box-shadow: 0 6px 10px 0 rgb(91 91 91 / 46%);\r\n opacity: 0;\r\n transition: .35s;\r\n left: 50%;\r\n transform: translatex(calc(-50% - 10px));\r\n border-radius: 4px;\r\n width: 60%; \r\n background: #1c1c1c;\r\n color: #FFF;\r\n cursor: pointer;\r\n border: none;\r\n\r\n &:hover {\r\n background: #fff;\r\n color: #1C1C1C;\r\n }\r\n }\r\n .demo-item:hover button {\r\n top: 60px;\r\n opacity: 1;\r\n }\r\n .demo-item {\r\n position: relative;\r\n }\r\n .elemnt {\r\n margin-top: 70px;\r\n transition: .4s .05s;\r\n }\r\n .demo-item h3 {\r\n text-align: center;\r\n }\r\n }\r\n \r\n .wd-importer-notice {\r\n background: #fff;\r\n border: 1px solid #ccd0d4;\r\n border-left-width: 4px;\r\n box-shadow: 0 1px 1px rgba(0,0,0,.04);\r\n border-left-color: #ffb900;\r\n margin: 30px 0 40px;\r\n padding: 1px 12px;\r\n }\r\n /* Admin import popup */\r\n.appearance_page_customerxp-demo-content #TB_window {\r\n height: 380px !important;\r\n top: 50% !important;\r\n transform: translate(0, -50%);\r\n}\r\n#TB_ajaxContent{\r\n padding: 30px 15px 15px 50px !important;\r\n}\r\n.import-content {\r\n display: block ruby;\r\n}\r\n.import_demo{\r\n margin-bottom: 10px !important;\r\n}\r\n\r\n.sys-req {\r\n box-shadow: 0 5px 12px 0 hsla(240, 5%, 41%, .2);\r\n padding: 1.5em 1.5rem 0.5em;\r\n border-left: 3px solid cornflowerblue;\r\n &__heading {\r\n margin-block-end: 1rem;\r\n h3 {\r\n color: inherit;\r\n margin: 0;\r\n }\r\n }\r\n &__body {\r\n margin-block: 1.5rem .5em;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n grid-template-rows: repeat(2, 1fr);\r\n row-gap: .75rem;\r\n font-size: 15px;\r\n > div {\r\n flex: 1;\r\n min-width: 200px;\r\n max-width: 215px;\r\n text-wrap: nowrap;\r\n }\r\n }\r\n &__footer {\r\n display: flex;\r\n align-items: center;\r\n gap: .5rem;\r\n flex-direction: row-reverse;\r\n margin-top: -.5em;\r\n .darkiconbox {\r\n display: inline-block;\r\n margin-inline: 2px;\r\n padding: 1px;\r\n }\r\n &:last-child {\r\n margin-inline-start: auto;\r\n }\r\n }\r\n}\r\n\r\n.system_requirement > .dashicons {\r\n margin-inline-end: 5px;\r\n}\r\n.sys-req .darkiconbox {\r\n cursor: pointer;\r\n a {\r\n color: inherit;\r\n }\r\n}\r\n\r\n.wd-importer_fopen {\r\n margin-block: 2em 0px;\r\n background: rgba(255, 0, 0, 0.1);\r\n padding: 1em;\r\n border-left: 3px solid red;\r\n\r\n .dashicons {\r\n margin-inline-end: 0.6em;\r\n display: inline-flex;\r\n font-size: 2em;\r\n align-items: center;\r\n color: #ff6c00;\r\n }\r\n}\r\n/* #f0f0f1 | #1d2327 */\r\n.loader {\r\n --_size: 20px;\r\n --_thick: 5px;\r\n display: block;\r\n width: var(--_size);\r\n height: var(--_size);\r\n margin: 10px 0 0 auto;\r\n visibility: hidden;\r\n border: var(--_thick) solid #f0f0f1;\r\n border-top: var(--_thick) solid #363b3e;\r\n border-radius: 100%;\r\n animation: loader 1s infinite linear;\r\n}\r\n@keyframes loader {\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n\r\n#popup-root {\r\n .popup-overlay {\r\n background-color: hsl(240deg 9.46% 29.02% / 81%); \r\n transition: background-color 0.3s;\r\n /* @starting-style {\r\n background-color: transparent;\r\n } */\r\n }\r\n .modal {\r\n background: #fff;\r\n border-radius: 4px;\r\n box-shadow: 0 4px 12px rgb(0, 0, 0, 0.25);\r\n transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.7s;\r\n opacity: 1;\r\n transform: none;\r\n /* @starting-style {\r\n opacity: 0;\r\n transform: scale(.2) translateY(800%);\r\n } */\r\n .required-demo-plugins {\r\n h4 {\r\n margin: 0;\r\n }\r\n ul li {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n .plugin-installing {\r\n color: green;\r\n }\r\n }\r\n }\r\n }\r\n .modal > .content {\r\n width: 100%;\r\n padding: 10px 5px;\r\n }\r\n .modal > .content {\r\n .response-messages {\r\n color: green;\r\n max-height: 30px;\r\n overflow-x: auto;\r\n box-sizing: content-box;\r\n padding: 5px 10px;\r\n box-shadow: 2px 1px 20px 10px #eaeaea;\r\n border-radius: 5px;\r\n }\r\n }\r\n .modal > .actions {\r\n width: 100%;\r\n padding: 10px 5px;\r\n margin: auto;\r\n text-align: center;\r\n }\r\n .modal > .close {\r\n cursor: pointer;\r\n position: absolute;\r\n line-height: 20px;\r\n right: 10px;\r\n top: 10px;\r\n font-size: 36px;\r\n background: none;\r\n border-radius: 18px;\r\n border: none;\r\n font-weight: 300;\r\n outline: none;\r\n &:hover {\r\n color: red;\r\n }\r\n }\r\n}\r\n\r\n.wd-demo-importer {\r\n position: relative;\r\n}",".options-tabs {\r\n margin-top: 30px;\r\n a {\r\n text-decoration: none;\r\n color: #222;\r\n transition: 0.1s;\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n &:focus {\r\n box-shadow: none;\r\n }\r\n }\r\n li { \r\n padding: .5em 1em;\r\n margin-inline-start: -1em;\r\n &:has(.active){\r\n background-color: #ffffffba;\r\n }\r\n }\r\n .active {\r\n font-weight: bold;\r\n }\r\n}\r\n\r\n.content-region {\r\n .theme-options {\r\n &__save-controls {\r\n justify-content: end;\r\n position: sticky;\r\n top: 0;\r\n z-index: 99;\r\n background: #f0f8ff;\r\n padding-block: 1em;\r\n border-bottom: 1px solid #e1ecf5;\r\n p {\r\n margin: 0;\r\n padding: 0;\r\n &:last-child {\r\n padding-inline-end: 2rem;\r\n }\r\n }\r\n \r\n }\r\n display: flex;\r\n min-height: calc(100% - 200px);\r\n padding: 0px !important;\r\n &__sidebar {\r\n position: sticky;\r\n top: 0;\r\n background: rgba(211, 222, 135, 0.09);\r\n padding: 50px;\r\n flex: 0 0 250px;\r\n &__wrapper {\r\n position: sticky;\r\n top: 4rem;\r\n }\r\n }\r\n &__form {\r\n flex: 1;\r\n position: relative;\r\n }\r\n }\r\n}\r\n\r\n.options-content {\r\n padding: 4rem;\r\n .assets_options > li {\r\n display: flex;\r\n flex-wrap: wrap;\r\n border-bottom: 1px solid rgba(230, 230, 230, 0.7);\r\n padding: 20px 20px;\r\n .title-option {\r\n width: calc(100% / 3);\r\n float: left;\r\n flex: 0 0 30%;\r\n label {\r\n padding: 0 15px 0 0;\r\n font-size: 16px;\r\n color: #000000;\r\n font-weight: 500;\r\n }\r\n p {\r\n margin-top: 14px;\r\n font-size: 14px;\r\n line-height: 1.4;\r\n color: #797979;\r\n margin-top: 5px;\r\n }\r\n }\r\n .value-option {\r\n width: calc(100% - 100% / 3);\r\n float: left;\r\n position: relative;\r\n }\r\n }\r\n }\r\n\r\n .remove-upload {\r\n position: absolute;\r\n top: -15px;\r\n right: 0px;\r\n border-radius: 50%;\r\n width: 30px;\r\n height: 30px;\r\n background: rgb(255, 255, 255);\r\n border-color: rgb(255, 255, 255);\r\n transition: .3s ease;\r\n cursor: pointer;\r\n border: none;\r\n box-shadow: 0px 0px 3px -1px #000000a3;\r\n &:hover {\r\n background-color: rgba(255, 0, 0, 0.096);\r\n box-shadow: 0px 0px 5px 0px #fb0000;\r\n }\r\n }",".plugins-to-install {\r\n max-width: 600px;\r\n box-shadow: 1px 0px 18px 0px rgb(0 0 0 / 10%);\r\n padding: 40px;\r\n margin-top: 50px;\r\n display: flex;\r\n gap: 25px;\r\n flex-direction: column;\r\n border-radius: 7px;\r\n\r\n li {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n &.done {\r\n font-weight: bold;\r\n svg {\r\n scale: 1;\r\n }\r\n }\r\n .plugin-name {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n span {\r\n font-weight: 400;\r\n margin-inline-start: auto;\r\n color: #555;\r\n cursor: pointer;\r\n border: 1px solid;\r\n padding: 4px 10px;\r\n border-radius: 5px;\r\n background: rgb(85 85 85 / 4%);\r\n transition: all .15s ease-in-out;\r\n &:hover {\r\n color: #009fff;\r\n scale: 1.04;\r\n }\r\n }\r\n }\r\n\r\n }\r\n \r\n .status {\r\n height: 24px;\r\n width: 24px;\r\n border-radius: 20px;\r\n\r\n SVG {\r\n max-width: 130%;\r\n max-height: 100%;\r\n transition: all .15s linear;\r\n scale: 0;\r\n fill: #81c900;\r\n }\r\n }\r\n\r\n .loading-icon {\r\n background: none;\r\n display: block;\r\n shape-rendering: auto;\r\n width: 50px;\r\n aspect-ratio: 1;\r\n }\r\n\r\n}\r\nbutton.install-plugins {\r\n border: none;\r\n background: var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #3858e9));\r\n color: var(--wp-components-color-accent-inverted, #fff);\r\n padding: 9px 24px;\r\n cursor: pointer;\r\n}\r\n\r\n\r\n@keyframes blinker {\r\n 50% {\r\n background-color: #df2443;\r\n }\r\n}","form input[type='text'] {\r\n width: 100%;\r\n height: 36px;\r\n margin-inline-end: 10px;\r\n}\r\nform .form-field {\r\n margin-block-end: 8px;\r\n}\r\n.form-hint {\r\n font-size: .7rem;\r\n color: #f44336;\r\n}\r\n.required-error {\r\n border: 1px solid #f44336 !important;\r\n background: #f44336;\r\n}"],"names":[],"sourceRoot":""}