var n={wrapper:"wrapper_1ab66ff052",checkbox:"checkbox_08e2409913",icon:"icon_a84b770429",label:"label_1c452a11ba",input:"input_d537408daf",checkboxGrowAnimation:"checkboxGrowAnimation_ebab93bef7"};!function(n){const e="s_id-3c767214051a_3_69_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable selector-class-pattern */\n.wrapper_1ab66ff052 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n.checkbox_08e2409913 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n.checkbox_08e2409913:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n.checkbox_08e2409913:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon_a84b770429 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label_1c452a11ba {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n/* we hide the checkbox and draw a new one instead. */\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n.input_d537408daf {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n.input_d537408daf:focus + .checkbox_08e2409913 {\n  border-color: var(--secondary-text-color);\n}\n.input_d537408daf:focus:checked + .checkbox_08e2409913 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_d537408daf:focus-visible + .checkbox_08e2409913 {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n.input_d537408daf:checked:focus + .checkbox_08e2409913:after,\n.input_d537408daf:indeterminate:focus + .checkbox_08e2409913:after {\n  background-color: var(--primary-hover-color);\n}\n.input_d537408daf:checked + .checkbox_08e2409913,\n.input_d537408daf:indeterminate + .checkbox_08e2409913 {\n  animation: checkboxGrowAnimation_ebab93bef7 var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input_d537408daf:checked + .checkbox_08e2409913:hover,\n.input_d537408daf:indeterminate + .checkbox_08e2409913:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_d537408daf:checked + .checkbox_08e2409913:hover:after,\n.input_d537408daf:indeterminate + .checkbox_08e2409913:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input_d537408daf:checked + .checkbox_08e2409913:after,\n.input_d537408daf:indeterminate + .checkbox_08e2409913:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n.input_d537408daf:checked + .checkbox_08e2409913 > .icon_a84b770429,\n.input_d537408daf:indeterminate + .checkbox_08e2409913 > .icon_a84b770429 {\n  visibility: visible;\n}\n.input_d537408daf:checked:disabled + .checkbox_08e2409913:after,\n.input_d537408daf:indeterminate:disabled + .checkbox_08e2409913:after {\n  background-color: var(--disabled-background-color);\n}\n.input_d537408daf:disabled + .checkbox_08e2409913 .icon_a84b770429,\n.input_d537408daf:disabled + .checkbox_08e2409913:hover .icon_a84b770429 {\n  color: var(--disabled-text-color);\n}\n.input_d537408daf:disabled + .checkbox_08e2409913,\n.input_d537408daf:disabled + .checkbox_08e2409913:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n.input_d537408daf:disabled ~ .label_1c452a11ba {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation_ebab93bef7 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
//# sourceMappingURL=Checkbox.module.scss.js.map
