import e from"style-inject";var n=".editable-heading--wrapper {\n  width: 100%;\n  min-width: 0;\n  border: 1px solid transparent;\n  border-radius: 4px;\n}\n.editable-heading--wrapper:focus-visible, .editable-heading--wrapper.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editable-heading--wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.editable-heading--wrapper :hover {\n  background-color: rgba(255, 255, 255, 0.2);\n  border: none;\n  border-radius: 4px;\n  outline: none;\n}\n.editable-heading--wrapper:focus, .editable-heading--wrapper:active {\n  outline: none;\n}\n.editable-heading--wrapper .heading-component {\n  margin: 0;\n}\n.editable-heading--wrapper.inset-focus:focus-visible, .editable-heading--wrapper.inset-focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.editable-heading--wrapper.inset-focus:focus:not(.focus-visible) {\n  outline: none;\n}";e(n,{insertAt:"top"});export{n as default};
