{"version":3,"file":"eo-kpi-contentment/style-index.css","mappings":";;;AAAA;;;;;EAAA;AASA;EACC;EACA;EACA;EACA;AAFD;;AAKA;EAME;EACA;AAPF;AAEE;EACD;AAAD;AAME;EACD;EACA;EACA;AAJD;AAME;EACD;AAJD;AAME;EACD;AAJD;AAOE;EACC;EACF;EACE;EACF;AALD;AAQE;EACD;AAND;AAQC;EACE;EACA;EACA;AANH;AASE;EACD;EACA;EACA;EACA;EACA;EACA;AAPD;AASC;EACE;EACA;AAPH;AASG;EACD;AAPF;AASG;EACD;AAPF;AASG;EACD;AAPF;AASG;EACD;AAPF;AAYE;EACD;EACA;EACA;EACA;AAVD;AAYC;EACE;AAVH;AAYC;EACE;EACA;AAVH;AAYG;EACD;AAVF;AAYG;EACD;AAVF;AAYG;EACD;AAVF;AAYG;EACD;AAVF,C","sources":["webpack://eo-blocks/./blocks/src/eo-kpi-contentment/scss/style.scss"],"sourcesContent":["/**\r\n * The following styles get applied both on the front of your site\r\n * and in the editor.\r\n *\r\n * Replace them with your own styles or remove the file completely.\r\n */\r\n\r\n$media__mobile: 599px;\r\n\r\n:root {\r\n\t--eo-kpi-contentment-quarter-1: #FA5659;\r\n\t--eo-kpi-contentment-quarter-2: #F7A34A;\r\n\t--eo-kpi-contentment-quarter-3: #F8D042;\r\n\t--eo-kpi-contentment-quarter-4: #62B64D;\r\n}\r\n\r\n.wp-block-eo-blocks-kpi-contentment {\r\n\r\n  * {\r\n\tbox-sizing: border-box;\r\n  }\r\n\r\n  display: block;\r\n  position: relative;\r\n\r\n  .eo-kpi-contentment__icon-frown, .eo-kpi-contentment__icon-smile {\r\n\tposition: absolute;\r\n\ttop: -5px;\r\n\twidth: 30px;\r\n  }\r\n  .eo-kpi-contentment__icon-frown {\r\n\tleft: 0;\r\n  }\r\n  .eo-kpi-contentment__icon-smile {\r\n\tright: 0;\r\n  }\r\n\r\n  .eo-kpi-contentment__container {\r\n  \tdisplay: block;\r\n\twidth: 100%;\r\n  \tpadding-left: 50px;\r\n\tpadding-right: 50px;\r\n  }\r\n\r\n  .eo-kpi-contentment__bar-container {\r\n\tposition: relative;\r\n\r\n\t.eo-kpi-contentment__icon-pin {\r\n\t  position: absolute;\r\n\t  bottom: 8px;\r\n\t  transform: translate(-50%);\r\n\t}\r\n  }\r\n  .eo-kpi-contentment__bar {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tflex-wrap: nowrap;\r\n\tgap: 0;\r\n\tborder-radius: 4px;\r\n\toverflow: hidden;\r\n\r\n\t.eo-kpi-contentment__bar-quarter {\r\n\t  width: 25%;\r\n\t  height: 20px;\r\n\r\n\t  &.bar__1 {\r\n\t\tbackground: var(--eo-kpi-contentment-quarter-1);\r\n\t  }\r\n\t  &.bar__2 {\r\n\t\tbackground: var(--eo-kpi-contentment-quarter-2);\r\n\t  }\r\n\t  &.bar__3 {\r\n\t\tbackground: var(--eo-kpi-contentment-quarter-3);\r\n\t  }\r\n\t  &.bar__4 {\r\n\t\tbackground: var(--eo-kpi-contentment-quarter-4);\r\n\t  }\r\n\t}\r\n  }\r\n\r\n  .eo-kpi-contentment__content {\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\tflex-wrap: wrap;\r\n\tjustify-content: space-between;\r\n\r\n\t.eo-kpi-contentment__block-label {\r\n\t  font-weight: 508;\r\n\t}\r\n\t.eo-kpi-contentment__block-contentment {\r\n\t  color: #62B64D;\r\n\t  font-weight: 700;\r\n\r\n\t  &.bar__quarter-1 {\r\n\t\tcolor: var(--eo-kpi-contentment-quarter-1);\r\n\t  }\r\n\t  &.bar__quarter-2 {\r\n\t\tcolor: var(--eo-kpi-contentment-quarter-2);\r\n\t  }\r\n\t  &.bar__quarter-3 {\r\n\t\tcolor: var(--eo-kpi-contentment-quarter-3);\r\n\t  }\r\n\t  &.bar__quarter-4 {\r\n\t\tcolor: var(--eo-kpi-contentment-quarter-4);\r\n\t  }\r\n\t}\r\n  }\r\n}\r\n\r\n"],"names":[],"sourceRoot":""}