{"version":3,"sources":["webpack:///./src/pages/template-kit/styles/main.scss"],"names":[],"mappings":"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","file":"gutenify-kit-admin-style.css","sourcesContent":["$browser-prefix: gutenify--template-kit-browser--;\n\n.#{$browser-prefix}no-theme {\n\tpadding: 50px;\n\ttext-align: center;\n\t.dashicons-warning {\n\t\tcolor: #ff9800;\n\t\tfont-size: 50px;\n\t\theight: 50px;\n\t\twidth: 50px;\n\t}\n}\n\n.#{$browser-prefix}header-left {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 30px;\n\tjustify-content: center;\n}\n\n.gutneify-kit-type-label {\n\tcolor: #fff;\n    padding: 14px;\n    position: absolute;\n    left: -32px;\n    top: -32px;\n    transform: rotate(358deg);\n    z-index: 1;\n    background: #fc5246;\n    padding: 17px 10px !important;\n    border-radius: 100%;\n    width: 34px;\n    height: 18px;\n    box-shadow: 0 0 16px #00000036;\n\t&.gutneify-kit-type-label-pro {\n\t\tbackground-color: #4caf50;\n\t}\n\t.gutenify-kit-title & {\n\t\t\tborder-radius: 20px;\n\t\t\tfont-size: 14px;\n\t\t\tmargin-left: 10px;\n\t\t\tpadding: 5px 15px!important;\n\t\t\tposition: relative;\n\t\t\tright: unset;\n\t\t\t/* top: -3px; */\n\t\t\tborder-radius: 40px;\n\t\t\tbackground: orange;\n\t\t\tfont-weight: normal;\n\t\t}\n}\n\n.gutenify-kit-title .gutneify-kit-type-label.gutneify-kit-type-label-free {\n\tbackground: #008000;\n}\n\n.components-modal__screen-overlay .components-card__header {\n\tbackground: #f1f1f1;\n\tborder-top-left-radius: 2px;\n\tborder-top-right-radius: 2px;\n\tpadding: 0 30px;\n}\n\n.gutneify-kit-import-toolbar {\n\tdisplay: flex;\n\tjustify-content: end;\n\tpadding: 15px 0;\n}\n\n.gutenify-icon-color-warning {\n\tcolor: #ff9800;\n}\n\n#gutenify-kit-upload-wrap {\n\tdisplay: inline;\n\tmargin-left: 10px;\n}\n\n.page-title-action {\n\tdisplay: none;\n}\n\n.gutenify-component-modal-hide-header\n.components-modal__content > .components-modal__header:first-of-type {\n\tdisplay: none;\n}\n\n.gutenify-plugin-templates-modal {\n\tmin-width: 1050px;\n}\n\n.gutenify-component-modal-alert {\n\tmin-width: 1050px;\n\ttransition: all 0.5s linear;\n\t&.gutenify-component-modal-alert-auto-width {\n\t\tmin-width: unset;\n\t}\n\t.components-card__body {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n}\n\n.gutenify-component-modal-buttons {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tmargin-top: 20px;\n\twidth: 100%;\n}\n\n.gutenify-component__help {\n\tcolor: rgb(117, 117, 117);\n\tfont-size: 12px;\n\tfont-style: normal;\n}\n\n$prefix: gutenify-template-kit-browser;\n.components-surface.components-card.gutenify--template-kit-browser--header-section {\n\tmargin: 20px 20px 0;\n\tbox-shadow: none;\n}\nbutton.components-button.is-secondary,\n.components-button.is-primary,\nbutton.components-button.is-secondary:hover,\n.components-button.is-primary:hover,\nbutton.components-button.is-secondary:focus,\n.components-button.is-primary:focus,\nbutton.components-button.is-secondary:active,\n.components-button.is-primary:active {\n    background: #4caf50;\n    box-shadow: inherit;\n    color: #fff;\n}\n.gutenify-template-browser-button-group a.components-button.is-secondary {\n    color: #fff;\n    box-shadow: none;\n    background: #3903f8;\n}\n.components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled),\n.components-button.is-primary:hover:not(:disabled) {\n\tbox-shadow: none;\n\tcolor:#fff;\n\tbackground: #f55347;\n}\n\n.#{$prefix}-wrapper {\n\tdisplay: grid;\n\t// &:not(.#{$prefix}-has-kit-details) {\n\t// \tgrid-template-columns: 20% 80%;\n\t// }\n\t.#{$prefix}-filter-sidebar {\n\t\tbackground-color: #f1f1f1;\n\t\tpadding: 15px;\n\t}\n\t.#{$prefix}-toolbar {\n\t\t// display: flex;\n\t\t// justify-content: space-between;\n\t\tmargin-bottom: 15px;\n\t\t// background: #f5f5f5;\n\t\t// padding: 15px;\n\t}\n\n\t.#{$prefix}-listing-area {\n\t\t// padding: 15px;\n\t\t> div {\n\t\t\tborder: none;\n\t\t\tbox-shadow: none;\n\t\t\tbackground: inherit;\n\t\t}\n\t\tmargin-top: 20px;\n\t\t.#{$prefix}-lists {\n\t\t\tdisplay: grid;\n\t\t\tgrid-gap: 30px;\n\t\t\tgrid-template-columns: 1fr 1fr 1fr 1fr;\n\t\t\tgrid-template-rows: 1fr;\n\t\t\tmax-width: 100%;\n\t\t\t> .gutenify-plugin-templates-list-item {\n\t\t\t\tleft: inherit !important;\n\t\t\t\tposition: inherit !important;\n\t\t\t\ttop: inherit !important;\n\n\t\t\t\t@media screen and (max-width: 840px) {\n\t\t\t\t\tflex: 0 0 50%;\n\t\t\t\t\twidth: 50%;\n\t\t\t\t}\n\t\t\t\t@media screen and (max-width: 450px) {\n\t\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\n\t\t\t\t> button {\n\t\t\t\t    background: none;\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tbox-shadow: 0 0 32px 0 #7a7a7a29;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tpadding: 20px;\n\t\t\t\t\ttransition: 0.2s border-color, 0.2s box-shadow;\n\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbox-shadow: 1px 4px 20px -2px #0003;\n\t\t\t\t\t}\n\n\t\t\t\t\t.gutenify-plugin-templates-list-item-image {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.gutenify-plugin-templates-list-item-image-sizer {\n\t\t\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t\t\t+ img,\n\t\t\t\t\t\t\t+ .lazyload-wrapper img {\n\t\t\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tspan {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tpadding: 5px 40px;\n\t\t\t\t\t}\n\t\t\t\t\t> span {\n\t\t\t\t\t\tbackground: #000;\n\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tfont-size: 17px;\n\t\t\t\t\t\tpadding: 10px 30px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.gutenify-plugin-templates-list-item-title {\n\t\t\t\t\tfont-size: 10px;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tpadding: 10px;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\t// border-top: 1px solid $light-gray-100;\n\t\t\t\t}\n\n\t\t\t\t&.gutenify-plugin-templates-list-item-no-thumb > button {\n\t\t\t\t\tpadding: 20px 10px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\t// background-color: $light-gray-200;\n\t\t\t\t\t// border: 1px solid $light-gray-300;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&.#{$prefix}-loading {\n\t\tposition: relative;\n\t\t&::before {\n\t\t\tbackground-color: #f7f7f752;\n\t\t\tcontent: \"\";\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n}\n\n@keyframes fadeInAnimation {\n\t0% {\n\t\topacity: 0;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t}\n}\n@keyframes fadeInAnimation2 {\n\t0% {\n\t\tleft: -20px;\n\t\topacity: 0;\n\t}\n\n\t100% {\n\t\tleft: 0;\n\t\topacity: 1;\n\t}\n}\n\n.gutenify-component-modal-success-message {\n\ttext-align: center;\n\t.gutenify-component-modal-success-message-icon {\n\t\tanimation: fadeInAnimation ease 1s;\n\t\tanimation-fill-mode: forwards;\n\t\tanimation-iteration-count: 1;\n\t\tcolor: #4caf50;\n\t\topacity: 0;\n\t\tposition: relative;\n\t\ttransition: all 1s ease-in-out;\n\t}\n}\n\n.gutenify-kit-imported-list {\n\tcolor: #4caf50;\n\tdisplay: grid;\n\tgrid-gap: 10px;\n\tgrid-template-columns: 1fr 1fr;\n\tmargin: 0 auto;\n\tmargin: 50px auto;\n\tmax-width: 400px;\n\ttext-align: left;\n\tli {\n\t\tanimation: fadeInAnimation2 ease 1s;\n\t\tanimation-fill-mode: forwards;\n\t\tanimation-iteration-count: 1;\n\t\topacity: 0;\n\t\tposition: relative;\n\t\ttransition: all 1s ease-in-out;\n\n\t\t@for $i from 2 through 5 {\n\t\t\t&:nth-child(#{$i}n) {\n\t\t\t\tanimation-delay: #{$i * 0.5}s;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.gutenify-template-kit-information-wrapper {\n\tdisplay: grid;\n\tgrid-template-columns: 70% 30%;\n\t.gutenify-template-kit-information-content {\n\t\tmax-width: 600px;\n\t\timg {\n\t\t\theight: auto;\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n\t.gutenify-template-kit-information-sidebar {\n\t\tbackground-color: #f1f1f1;\n\t\t// margin: -16px -25px -16px 0;\n\t\tborder-radius: 5px;\n\t\tpadding: 0 20px;\n\t}\n}\n\n.gutenify-template-browser-button-group {\n\tdisplay: flex;\n\tgap: 15px;\n}\n\n.gutenify-template-kit-information-content ul li {\n\tlist-style-type: disc;\n\tmargin-left: 20px;\n}\n"],"sourceRoot":""}