{"version":3,"file":"attr/attr-product.css","mappings":";;;AAAA;EACC;AACD;;AAEA;EACC;EAEA;EACA;EACA;AAAD;AAEC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAeA;AAdF;AACE;EACC;EACA;EACA;EACA;AACH;AAEE;EACC;EACA;EACA;AAAH;AAKE;EACC;EACA;EACA;EACA;KAAA;AAHH;AAME;EACC;EACA;EACA;EACA;KAAA;AAJH;AAOE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AALH;AASG;EACC;AAPJ;AAYG;EACC;AAVJ;;AAgBA;EACC;EACA;EACA;AAbD;AAeC;EACC;EACA;EACA;EACA;KAAA;AAbF;AAgBC;EACC;EACA;EACA;EACA;KAAA;EACA;AAdF;;AAkBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAfD;AAiBC;EACC;EACA;EACA;KAAA;EACA;AAfF;;AAmBA;EACC;EACA;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBD;AAWC;EACC;EACA;AATF;AAoBC;EACC;EACA;EACA;KAAA;EACA;AAlBF;;AAsBA;EACC;EACA;AAnBD;;AAsBA;EACC;AAnBD;AAqBC;EACC;EACA;AAnBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApBF;;AAyBC;EACC;EACA;AAtBF;AAyBC;EACC;EACA;AAvBF;AA0BC;;EAEC;AAxBF;;AA4BA;EACC;EACA;AAzBD;AA2BC;EACC;AAzBF;;AA6BA;EACC;EACA;EACA;AA1BD;;AA6BA;EACC;AA1BD;;AA6BA;EACC;EACA;EACA;EACA;EACA;EACA;AA1BD;AA4BC;EACC;EACA;AA1BF;AA6BC;EACC;EACA;EACA;EACA;AA3BF;AA8BC;EACC;EACA;EACA;AA5BF;AA+BC;EACC;EACA;EACA;AA7BF;AA+BE;EACC;EACA;EACA;KAAA;EACA;AA7BH;;AAmCC;EACC;AAhCF;AAqCE;EACC;AAnCH;AAsCE;EACC;AApCH;AAuCE;EACC;AArCH;AAwCE;EACC;EACA;AAtCH;AAyCE;EACC;AAvCH;AAyCG;EACC;AAvCJ;AA4CC;EACC;EACA;EACA;AA1CF;;AA+CC;EACC;AA5CF;AA+CC;;EAEC;EACA;AA7CF;AAgDC;EACC;EACA;EACA;AA9CF;AAiDC;EACC;EACA;EACA;AA/CF;AAiDE;EACC;EACA;AA/CH;AAkDE;EACC;EACA;EACA;EACA;AAhDH;AAmDE;;EAEC;EACA;AAjDH;;AAuDC;EA2CC;AA9FF;AAoDE;EACC;EACA;EACA;AAlDH;AAqDE;EACC;EACA;EACA;AAnDH;AAsDE;EACC;EACA;AApDH;AAqDG;EACC;AAnDJ;AAsDG;EACC;EACA;AApDJ;AAwDE;EACC;EACA;EACA;EACA;EACA;AAtDH;AAyDE;EACC;EACA;AAvDH;AAyDG;EACC;AAvDJ;AA6DE;EACC;EACA;EACA;EACA;EACA;AA3DH;;AAiEC;EACC;EACA;AA9DF;AAiEC;;EAEC;AA/DF;AAkEC;EACC;AAhEF;AAkEE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhEH;AAkEG;EACC;EACA;AAhEJ;AAmEG;EACC;AAjEJ;AAqEE;EACC;EACA;EACA;EACA;KAAA;AAnEH;AAsEE;EACC;EACA;EACA;EACA;KAAA;AApEH;;AA0EC;EACC;EACA;AAvEF;AA0EC;EACC;EACA;EACA;AAxEF;;AA4EA;EACC;AAzED;;AA6EC;;EAEC;EACA;EACA;AA1EF;AA6EC;EACC;EACA;AA3EF;AA6EE;EACC;EACA;EACA;AA3EH;;AAgFC;EACC;AA7EF,C","sources":["webpack://sa-swatches/./src/wc-attributes/attr-style.scss"],"sourcesContent":[".sasw_hide {\r\n\tdisplay: none !important;\r\n}\r\n\r\n.sa-list-term {\r\n\tdisplay: flex;\r\n\t// flex-direction: column;\r\n\tflex-wrap: wrap;\r\n\tgap: 10px;\r\n\tmargin: 0px 0 15px;\r\n\r\n\t.term-item {\r\n\t\tdisplay: flex;\r\n\t\tgap: 10px;\r\n\t\talign-items: center;\r\n\t\tborder: 1px solid #c3c4c7;\r\n\t\tpadding: 5px;\r\n\t\tbackground: #fff;\r\n\t\tborder-radius: 3px;\r\n\t\tposition: relative;\r\n\t\tmin-width: 80px;\r\n\t\tmin-height: 28px;\r\n\r\n\t\t.name {\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding-right: 5px;\r\n\t\t\tpadding-left: 5px;\r\n\t\t}\r\n\r\n\t\t&.selected {\r\n\t\t\tcolor: #2271b1;\r\n\t\t\tborder-color: #2271b1;\r\n\t\t\tbackground: #f6f7f7;\r\n\t\t}\r\n\r\n\t\tcursor: pointer;\r\n\r\n\t\timg {\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tdisplay: block;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\r\n\t\t.color {\r\n\t\t\twidth: 30px;\r\n\t\t\theight: 30px;\r\n\t\t\tdisplay: block;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\r\n\t\t.actions {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 10px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%) scale(80%);\r\n\t\t\tbackground: #f5f5f5;\r\n\t\t\tborder: 1px solid #68abde;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\tpadding: 5px;\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t.actions {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.close {\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: red;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.swatch_box {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\talign-items: center;\r\n\r\n\timg {\r\n\t\twidth: 40px;\r\n\t\theight: 40px;\r\n\t\tdisplay: block;\r\n\t\tobject-fit: cover;\r\n\t}\r\n\r\n\t.color {\r\n\t\twidth: 40px;\r\n\t\theight: 40px;\r\n\t\tdisplay: block;\r\n\t\tobject-fit: cover;\r\n\t\tborder: 1px solid #68abde;\r\n\t}\r\n}\r\n\r\n.wc_swatch_image {\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbackground: #fff;\r\n\tborder: 1px solid #68abde;\r\n\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.wc_swatch_color {\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\r\n\t&.x2 {\r\n\t\twidth: 80px;\r\n\t\theight: 80px;\r\n\t}\r\n\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tposition: relative;\r\n\tcursor: pointer;\r\n\tz-index: 3;\r\n\tbackground-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill-opacity=\".05\"><path d=\"M8 0h8v8H8zM0 8h8v8H0z\"/></svg>');\r\n\r\n\tdiv {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.sasw_border {\r\n\tborder: 1px solid #d5d5d5;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.color_item {\r\n\tposition: relative;\r\n\r\n\t.wc_swatch_color {\r\n\t\tposition: relative;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t.remove {\r\n\t\tposition: absolute;\r\n\t\tcursor: pointer;\r\n\t\ttop: 0px;\r\n\t\tright: 0px;\r\n\t\tbackground: #ededed;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tz-index: 5;\r\n\t\ttransform: scale(80%);\r\n\t}\r\n}\r\n\r\n.column-swatch {\r\n\t.wc_swatch_image {\r\n\t\twidth: 40px;\r\n\t\theight: 40px;\r\n\t}\r\n\r\n\t.wc_swatch_color {\r\n\t\theight: 40px;\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t.components-color-palette__custom-color-text-wrapper,\r\n\t.components-circular-option-picker {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.sasw_space {\r\n\tdisplay: flex;\r\n\tgap: 10px;\r\n\r\n\t&.sasw_wrap {\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n}\r\n\r\n.sasw_group_colors {\r\n\tdisplay: flex;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\r\n\r\n.col_swatch {\r\n\twidth: 50px;\r\n}\r\n\r\n.sasw_swatch {\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tdisplay: flex;\r\n\toverflow: hidden;\r\n\tborder-radius: 3px;\r\n\tborder: 1px solid #8c8f94;\r\n\r\n\t&.sasw_no {\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.sasw_color_inner {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t\ttransform: rotate(45deg) scale(1.45);\r\n\t}\r\n\r\n\t.sasw_color_item {\r\n\t\tflex-basis: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t.sasw_image_item {\r\n\t\tflex-basis: 100%;\r\n\t\theight: 100%;\r\n\t\tdisplay: flex;\r\n\r\n\t\timg {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\tobject-fit: cover;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.wc_swatch_color_picker {\r\n\t.components-popover__content {\r\n\t\tpadding: 10px;\r\n\t}\r\n\r\n\t// z-index: 999999;\r\n\t.components-color-picker {\r\n\t\t.components-flex {\r\n\t\t\tpadding: 0px 5px 5px;\r\n\t\t}\r\n\r\n\t\t.react-colorful__saturation {\r\n\t\t\tmargin-bottom: 10px;\r\n\t\t}\r\n\r\n\t\t.components-input-control__container {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\t.components-input-control__input {\r\n\t\t\theight: 25px !important;\r\n\t\t\tmin-height: 25px !important;\r\n\t\t}\r\n\r\n\t\t> div:nth-child(2) {\r\n\t\t\tpadding-top: 0px;\r\n\r\n\t\t\t> div:nth-child(1) {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.act {\r\n\t\tpadding: 5px 16px 10px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n}\r\n\r\n.sasw_swatch_modal {\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.button,\r\n\tbutton {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.settings-form {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 20px;\r\n\t}\r\n\r\n\t.form-item {\r\n\t\tdisplay: flex;\r\n\t\tgap: 1em;\r\n\t\talign-items: center;\r\n\r\n\t\t.form_label {\r\n\t\t\talign-items: center;\r\n\t\t\tfont-weight: 600;\r\n\t\t}\r\n\r\n\t\t.form_value {\r\n\t\t\tmargin-left: auto;\r\n\t\t\tflex-basis: 220px;\r\n\t\t\twidth: 220px;\r\n\t\t\tdisplay: flex;\r\n\t\t}\r\n\r\n\t\tinput,\r\n\t\tselect {\r\n\t\t\tmax-width: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.components-modal__frame {\r\n\t&.sasw_swatch_modal {\r\n\t\t.components-modal__content {\r\n\t\t\tpadding-left: 15px;\r\n\t\t\tpadding-right: 15px;\r\n\t\t\tmargin-top: 69px;\r\n\t\t}\r\n\r\n\t\t.components-modal__header {\r\n\t\t\tborder-bottom: 1px solid #c3c4c7 !important;\r\n\t\t\tpadding: 15px;\r\n\t\t\theight: auto;\r\n\t\t}\r\n\r\n\t\t.sasw_drawer_inner {\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-top: 15px;\r\n\t\t\t.col_swatch {\r\n\t\t\t\twidth: 56px;\r\n\t\t\t}\r\n\r\n\t\t\t.sasw_swatch {\r\n\t\t\t\twidth: 40px;\r\n\t\t\t\theight: 40px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ttable {\r\n\t\t\tborder-spacing: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tclear: both;\r\n\t\t\tmargin: 0;\r\n\t\t\tborder: 0px none !important;\r\n\t\t}\r\n\r\n\t\t.add-form {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 15px;\r\n\r\n\t\t\tinput {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tposition: relative;\r\n\r\n\t\t.loading {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\tz-index: 99999;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.sasw_swatch_table {\r\n\t.actions {\r\n\t\twidth: 100px;\r\n\t\ttext-align: left;\r\n\t}\r\n\r\n\ttd,\r\n\tth {\r\n\t\tvertical-align: middle;\r\n\t}\r\n\r\n\ttr {\r\n\t\tcursor: pointer;\r\n\r\n\t\t.ic {\r\n\t\t\tdisplay: inline-flex;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 5px 10px;\r\n\t\t\tcursor: pointer;\r\n\t\t\tborder-width: 1px;\r\n\t\t\tborder-style: solid;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\talign-items: center;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tgap: 5px;\r\n\t\t\tbackground: rgb(39, 130, 220);\r\n\t\t\tcolor: #fff;\r\n\t\t\talign-items: center;\r\n\r\n\t\t\t&.close {\r\n\t\t\t\tbackground: rgb(206, 18, 18);\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t}\r\n\r\n\t\t\t.dashicons {\r\n\t\t\t\ttransform: scale(0.8);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\twidth: 40px;\r\n\t\t\theight: 40px;\r\n\t\t\tdisplay: block;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\r\n\t\t.color {\r\n\t\t\twidth: 30px;\r\n\t\t\theight: 30px;\r\n\t\t\tdisplay: block;\r\n\t\t\tobject-fit: cover;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.sasw_heading {\r\n\th3 {\r\n\t\tmargin: 0px;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\r\n\t.sasw_desc {\r\n\t\tmargin-bottom: 0px;\r\n\t\tfont-style: italic;\r\n\t\topacity: 0.8;\r\n\t}\r\n}\r\n\r\n.wc_swatch_colors .sasw_swatch {\r\n\tbackground-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill-opacity=\".05\"><path d=\"M8 0h8v8H8zM0 8h8v8H0z\"/></svg>');\r\n}\r\n\r\n.sasw_attr_main {\r\n\t.sasw_swatch,\r\n\t.wc_swatch_image {\r\n\t\twidth: 100px;\r\n\t\theight: 100px;\r\n\t\tborder: 1px solid #8c8f94;\r\n\t}\r\n\r\n\t.wc_swatch_image_wrap {\r\n\t\tdisplay: flex;\r\n\t\tgap: 15px;\r\n\r\n\t\t.act {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 10px;\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\t}\r\n}\r\n.sasw_wrapper_added {\r\n\t.select2-container {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n"],"names":[],"sourceRoot":""}