var e={itemWrapper:"itemWrapper_38ebd3fff8",circle:"circle_6d077b2180",feedbackIndicator:"feedbackIndicator_a8d02e18e2",active:"active_faa629c89f",selectedColor:"selectedColor_51c4eabf76",colorItem:"colorItem_5040c0319b",colorIndicatorWrapper:"colorIndicatorWrapper_487a166b09",colorItemSizeSmall:"colorItemSizeSmall_9a2a13b7b9",colorItemSizeMedium:"colorItemSizeMedium_3dac236a88",colorItemSizeLarge:"colorItemSizeLarge_64aa05e39a",colorItemTextMode:"colorItemTextMode_9420a067d3",colorIconWhite:"colorIconWhite_0a72cc2418"};!function(e){const r="s_id-4f41e3ef6859_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_38ebd3fff8.circle_6d077b2180 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_38ebd3fff8 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_38ebd3fff8 .feedbackIndicator_a8d02e18e2 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_38ebd3fff8:focus,\n.itemWrapper_38ebd3fff8:focus-visible,\n.itemWrapper_38ebd3fff8.active_faa629c89f {\n  outline: none;\n}\n\n.itemWrapper_38ebd3fff8:focus .feedbackIndicator_a8d02e18e2:before,\n.itemWrapper_38ebd3fff8:focus-visible .feedbackIndicator_a8d02e18e2:before,\n.itemWrapper_38ebd3fff8.active_faa629c89f .feedbackIndicator_a8d02e18e2:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_38ebd3fff8:focus .feedbackIndicator_a8d02e18e2:after,\n.itemWrapper_38ebd3fff8:focus-visible .feedbackIndicator_a8d02e18e2:after,\n.itemWrapper_38ebd3fff8.active_faa629c89f .feedbackIndicator_a8d02e18e2:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_38ebd3fff8:hover:not(.active_faa629c89f):not(.selectedColor_51c4eabf76) .feedbackIndicator_a8d02e18e2 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_38ebd3fff8 .colorItem_5040c0319b {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_38ebd3fff8 .colorItem_5040c0319b .colorIndicatorWrapper_487a166b09 {\n  display: flex;\n}\n\n.itemWrapper_38ebd3fff8 .colorItem_5040c0319b.colorItemSizeSmall_9a2a13b7b9 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_38ebd3fff8 .colorItem_5040c0319b.colorItemSizeMedium_3dac236a88 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_38ebd3fff8 .colorItem_5040c0319b.colorItemSizeLarge_64aa05e39a {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_38ebd3fff8.selectedColor_51c4eabf76 {\n  position: relative;\n}\n\n.itemWrapper_38ebd3fff8.selectedColor_51c4eabf76:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_38ebd3fff8.selectedColor_51c4eabf76 .feedbackIndicator_a8d02e18e2:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_38ebd3fff8 .colorItemTextMode_9420a067d3:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_38ebd3fff8 .colorIconWhite_0a72cc2418 {\n  color: var(--color-snow_white);\n}');export{e as default};
//# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map
