{"version":3,"file":"sce-frontend.css","mappings":"AAUA,yBACC,GACC,UACA,YAED,KACC,UACA,aAIF,UACC,UACA,SACA,gBAED,UACC,wCACA,UACA,YAGA,0DACC,aACA,2BACA,mBAEA,8EACC,iBAED,wOAGC,aACA,mBACA,mBAMH,kBACC,cAEC,0CACC,4EACC,cAED,mDACC,cACA,WACA,mBACA,kBACA,uEACC,YAIH,gDACC,kBAGF,oCACC,cACA,gBACA,eACA,YACA,0CACC,WACA,cACA,YAID,wGAEC,cACA,8HACC,eACA,kBAED,sHACC,kBAED,gJACC,eAED,gHACC,kBACA,kBAED,gJACC,YAED,8HACC,gBAKF,wGAEC,cACA,8HACC,eACA,kBAED,sHACC,kBACA,sBACA,kBACA,kBACA,gBAED,gJACC,eAED,4IACC,yBACA,WACA,eACA,wJACC,yBAED,oJACC,UACA,kBAGF,gJACC,yBACA,WAIA,eAHA,4JACC,yBAGD,wJACC,UACA,kBAGF,4IACC,yBACA,WACA,qBAQA,eAPA,wJACC,yBACA,qBAED,wJACC,qBAGD,oJACC,kBACA,QACA,WACA,YACA,UACA,kBAGF,gJACC,yBACA,WAIA,eAHA,4JACC,yBAGD,wJACC,UACA,kBAGF,gJACC,YAED,8HACC,gBAKF,kGAEC,cACA,wHACC,eACA,kBAED,gHACC,yBACA,WACA,kBACA,kBACA,sBACA,kBACA,qBACA,gBAQA,eAPA,4HACC,yBACA,qBAED,4HACC,qBAGD,wHACC,UACA,kBAGF,0IACC,eAED,0IACC,YAED,sIACC,sBACA,8IACC,kBACA,QACA,WACA,YACA,UACA,kBAGF,wHACC,gBAKF,oGAEC,cACA,0HACC,eACA,kBAED,kHACC,sBACA,WACA,kBACA,kBACA,kBACA,gCACA,qBACA,gBAQA,eAPA,8HACC,sBACA,qBAED,8HACC,qBAGD,0HACC,UACA,kBAGF,4IACC,eAGA,gJACC,kBACA,QACA,WACA,YACA,UACA,kBAGF,4IACC,YAED,0HACC,gBAKJ,YACC,WACA,gBACA,8BACA,sCACA,cACA,kBAEA,kBACC,0BAKF,SACC,kBACG,UACA,WACA,UACA,YACA,gBACA,sBACA,SACA,mBAIJ,cACC,aAED,qBACC,aACA,mBACA,2BAEA,2BACC,kBAED,6BACC,oBACA,qBAGD,kCACC,aACA,mBAGF,oDACC,U","sources":["webpack://simple-comment-editing/./src/scss/frontend.scss"],"sourcesContent":["$base_color: #58a0db;\n$label-colour: #bbb;\n$disabled-colour: #ddd;\n$toggle-colour: #2f855a;\n$white: #fff;\n$focus-color: #ff0;\n$danger_button_color: #721c24;\n\n/**\nAnimation for showing container */\n@keyframes showContainer {\n\t0% {\n\t\topacity: 0;\n\t\theight: auto;\n\t}\n\t100% {\n\t\topacity: 1;\n\t\theight: auto;\n\t}\n}\n\n.sce-hide {\n\topacity: 0;\n\theight: 0;\n\toverflow: hidden;\n}\n.sce-show {\n\tanimation: showContainer 0.6s ease-in-out;\n\topacity: 1;\n\theight: auto;\n}\n.sce-comment-edit-buttons {\n\t.sce-comment-edit-buttons-group {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\n\t\t.sce-comment-delete {\n\t\t\tmargin-left: auto;\n\t\t}\n\t\t.sce-comment-delete,\n\t\t.sce-comment-save,\n\t\t.sce-comment-cancel {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tline-height: normal;\n\t\t}\n\t}\n}\n\n/* Regular Theme */\n.sce-edit-comment {\n\tmargin: 20px 0;\n\t.sce-comment-edit-buttons {\n\t\t@media only screen and (max-width: 600px) {\n\t\t\t.sce-comment-edit-buttons-group {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\t.sce-comment-delete {\n\t\t\t\t\tfloat: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tsvg {\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n\t.sce-timer-cancel {\n\t\tdisplay: block;\n\t\tmargin-top: 15px;\n\t\tfont-size: 0.8em;\n\t\tfloat: right;\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: right;\n\t\t}\n\t}\n\t&.default {\n\t\t.sce-comment-edit-buttons,\n\t\t.sce-timer-cancel-wrapper {\n\t\t\tmargin: 10px 0;\n\t\t\t.sce-timer {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-style: italic;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\t\t\tbutton:last-of-type {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t\tsvg {\n\t\t\t\tfill: currentColor;\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\t\t\t.sce-comment-delete {\n\t\t\t\tfloat: right;\n\t\t\t}\n\t\t\t.sce-timer {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n\t&.regular {\n\t\t.sce-comment-edit-buttons,\n\t\t.sce-timer-cancel-wrapper {\n\t\t\tmargin: 10px 0;\n\t\t\t.sce-timer {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-style: italic;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tborder: 1px solid #EEE;\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t\tbutton:last-of-type {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t\t.sce-comment-save {\n\t\t\t\tbackground-color: #4CAF50;\n\t\t\t\tcolor: #FFF;\n\t\t\t\tfont-size: 20px;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: darken( #4CAF50, 10% );\n\t\t\t\t}\n\t\t\t\tsvg {\n\t\t\t\t\tfill: #FFF;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sce-comment-cancel {\n\t\t\t\tbackground-color: #e7e7e7;\n\t\t\t\tcolor: #000;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: darken( #e7e7e7, 10% );\n\t\t\t\t}\n\t\t\t\tfont-size: 20px;\n\t\t\t\tsvg {\n\t\t\t\t\tfill: #000;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sce-timer-cancel {\n\t\t\t\tbackground-color: #f44336;\n\t\t\t\tcolor: #FFF;\n\t\t\t\ttext-decoration: none;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: darken( #f44336, 10% );\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\t\t\t\tfont-size: 20px;\n\t\t\t\tsvg {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttop: 3px;\n\t\t\t\t\twidth: 20px;\n\t\t\t\t\theight: 20px;\n\t\t\t\t\tfill: #FFF;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sce-comment-delete {\n\t\t\t\tbackground-color: #f44336;\n\t\t\t\tcolor: #FFF;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: darken( #f44336, 10% );\n\t\t\t\t}\n\t\t\t\tfont-size: 20px;\n\t\t\t\tsvg {\n\t\t\t\t\tfill: #FFF;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sce-comment-delete {\n\t\t\t\tfloat: right;\n\t\t\t}\n\t\t\t.sce-timer {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n\t&.dark {\n\t\t.sce-comment-edit-buttons,\n\t\t.sce-timer-cancel-wrapper {\n\t\t\tmargin: 10px 0;\n\t\t\t.sce-timer {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-style: italic;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\tbackground-color: lighten( #333, 15%);\n\t\t\t\tcolor: #FFF;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tborder: 1px solid #EEE;\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tfont-weight: 700;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: darken( #333, 10% );\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\t\t\t\tfont-size: 20px;\n\t\t\t\tsvg {\n\t\t\t\t\tfill: #FFF;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbutton:last-of-type {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t\t.sce-comment-delete {\n\t\t\t\tfloat: right;\n\t\t\t}\n\t\t\t.sce-timer-cancel {\n\t\t\t\tbackground-color: #333;\n\t\t\t\tsvg {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttop: 3px;\n\t\t\t\t\twidth: 20px;\n\t\t\t\t\theight: 20px;\n\t\t\t\t\tfill: #FFF;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sce-timer {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n\t&.light {\n\t\t.sce-comment-edit-buttons,\n\t\t.sce-timer-cancel-wrapper {\n\t\t\tmargin: 10px 0;\n\t\t\t.sce-timer {\n\t\t\t\tfont-size: 12px;\n\t\t\t\tfont-style: italic;\n\t\t\t}\n\t\t\tbutton {\n\t\t\t\tbackground-color: #EEE;\n\t\t\t\tcolor: #000;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tborder-radius: 5px;\n\t\t\t\tpadding: 10px 20px;\n\t\t\t\tborder: 1px solid rgba( 0, 0, 0, 0.3 );\n\t\t\t\ttext-decoration: none;\n\t\t\t\tfont-weight: 700;\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: lighten( #EEE, 10% );\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\t\t\t\t&:focus {\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\t\t\t\tfont-size: 20px;\n\t\t\t\tsvg {\n\t\t\t\t\tfill: #000;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbutton:last-of-type {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t\t.sce-timer-cancel {\n\t\t\t\tsvg {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttop: 3px;\n\t\t\t\t\twidth: 20px;\n\t\t\t\t\theight: 20px;\n\t\t\t\t\tfill: #000;\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sce-comment-delete {\n\t\t\t\tfloat: right;\n\t\t\t}\n\t\t\t.sce-timer {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\t}\n}\n.sce-status {\n\tcolor: #000;\n\tbackground: #fff;\n\tborder-left: 4px solid #46b450;\n\tbox-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );\n\tmargin: 10px 0;\n\tpadding: 20px 15px;\n\n\t&.error {\n\t\tborder-left-color: #dc3232;\n\t}\n}\n\n/* screen reader text */\n.sr-only {\n\tposition: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0,0,0,0);\n    border: 0;\n    white-space: nowrap;\n}\n\n/* WooCommerce star ratings */\n.stars ~ .stars {\n\tdisplay: none;\n}\n.comment-form-rating {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\n\tlabel {\n\t\tmargin-right: 10px;\n\t}\n\tp.stars {\n\t\tmargin: 0 !important /* override WC styles */;\n\t\tpadding: 0 !important /* override WC styles */;\n\t}\n\n\tp.stars span {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n}\n.woocommerce #reviews .comment-form-rating .stars a {\n\ttop: unset;\n}"],"names":[],"sourceRoot":""}