@prom-ui/core 2.4.0 → 2.4.1

package/Checkbox/cjs/style.development.css

@@ -1,171 +1,176 @@
-.Checkbox__root___JbPkR {
-    display: block;
-    box-sizing: border-box;
-    width: 20px;
-    height: 20px;
-    position: relative;
-    flex-shrink: 0;
-}
-
-.Checkbox__view___Smb1v {
-    width: 100%;
-    height: 100%;
-    position: relative;
-}
-
-.Checkbox__view___Smb1v::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        box-sizing: border-box;
-        transition: 140ms ease-in-out;
-        transition-property: border-radius, background-color, border-color, opacity;
-        border-radius: var(--pds-round-xxs);
-        border: 2px var(--black-600) solid;
-        background: var(--white);
-    }
-
-.Checkbox__view___Smb1v::after {
-        content: '';
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        box-sizing: border-box;
-        transition: 140ms ease-in-out;
-        transition-property: border-color, color, opacity;
-        opacity: 0;
-        color: var(--white);
-    }
-
-.Checkbox__input___-KDH8 {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-    opacity: 0;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-}
-
-.Checkbox__input___-KDH8:disabled {
-        cursor: default;
-    }
-
-.Checkbox__input___-KDH8[type='checkbox'] + .Checkbox__view___Smb1v::after {
-                border-bottom: 2px solid currentColor;
-                border-right: 2px solid currentColor;
-                width: 6px;
-                height: 12px;
-                transform: rotate(45deg) translate(-120%, -30%);
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox'] + .Checkbox__view___Smb1v::before {
-                background-color: var(--violet-500);
-                border-color: var(--violet-500);
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox'] + .Checkbox__view___Smb1v::after {
-                width: 10px;
-                height: 0;
-                transform: rotate(0) translate(-50%, -50%);
-                opacity: 1;
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox']:disabled + .Checkbox__view___Smb1v::before {
-                background-color: var(--black-400);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type='checkbox']:disabled:checked + .Checkbox__view___Smb1v::before {
-                background-color: var(--black-400);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__input___-KDH8[type='radio'] + .Checkbox__view___Smb1v::before {
-            border-radius: 50%;
-        }
-
-.Checkbox__input___-KDH8[type='radio'] + .Checkbox__view___Smb1v::after {
-            width: 16px;
-            height: 16px;
-            transform: translate(-50%, -50%);
-            border-radius: 50%;
-            background-color: rgba(0, 0, 0, 0);
-            border: 3px currentColor solid;
-        }
-
-.Checkbox__input___-KDH8:focus-visible + .Checkbox__view___Smb1v::before {
-            outline: var(--pds-round-xxs) auto Highlight;
-            outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
-        }
-
-.Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::before {
-            background-color: var(--violet-500);
-            border-color: var(--violet-500);
-        }
-
-.Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::after {
-            opacity: 1;
-        }
-
-.Checkbox__input___-KDH8:disabled + .Checkbox__view___Smb1v::before {
-            background-color: var(--white);
-            border-color: var(--black-400);
-        }
-
-.Checkbox__input___-KDH8:disabled:checked + .Checkbox__view___Smb1v::before {
-            background-color: var(--black-400);
-            border-color: var(--black-400);
-        }
-
-.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC {
-        pointer-events: none;
-    }
-
-.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC + .Checkbox__view___Smb1v::before {
-                border-radius: 50%;
-                background-color: var(--white);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__spinner___K7NKz {
-    color: var(--violet-500);
-    opacity: 0;
-    transition: opacity 100ms ease-in-out;
-}
-
-.Checkbox__spinnerEnterActive___ASYih,
-.Checkbox__spinnerEnterDone___vsNQ- {
-    opacity: 1;
-}
-
-.Checkbox__spinnerExitActive___X-b7M,
-.Checkbox__spinnerExitDone___MP3D6 {
-    opacity: 0;
-}
-
-@media (hover) {
-            .Checkbox__input___-KDH8:hover + .Checkbox__view___Smb1v::before {
-                border-color: var(--black-700);
-            }
-            .Checkbox__input___-KDH8:checked:hover + .Checkbox__view___Smb1v::before {
-                background-color: var(--violet-700);
-                border-color: var(--violet-700);
-            }
-            .Checkbox__input___-KDH8:disabled:hover + .Checkbox__view___Smb1v::before {
-                border-color: var(--black-400);
-            }
-            .Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC:hover + .Checkbox__view___Smb1v::before {
-                background-color: var(--white);
-                border-color: var(--black-400);
-            }
+.Checkbox__root___QNYqa {
+  display: block;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+  position: relative;
+  flex-shrink: 0;
 }
+
+.Checkbox__view___fLkiL {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.Checkbox__view___fLkiL::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  transition: 140ms ease-in-out;
+  transition-property: border-radius, background-color, border-color, opacity;
+  border-radius: var(--pds-round-xxs);
+  border: 2px var(--black-600) solid;
+  background: var(--white);
+}
+
+.Checkbox__view___fLkiL::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  box-sizing: border-box;
+  transition: 140ms ease-in-out;
+  transition-property: border-color, color, opacity;
+  opacity: 0;
+  color: var(--white);
+}
+
+.Checkbox__input___Yi8X2 {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  opacity: 0;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+}
+
+.Checkbox__input___Yi8X2:disabled {
+  cursor: default;
+}
+
+.Checkbox__input___Yi8X2[type=checkbox] + .Checkbox__view___fLkiL::after {
+  border-bottom: 2px solid currentColor;
+  border-right: 2px solid currentColor;
+  width: 6px;
+  height: 12px;
+  transform: rotate(45deg) translate(-120%, -30%);
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4 + .Checkbox__view___fLkiL::before {
+  background-color: var(--violet-500);
+  border-color: var(--violet-500);
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4 + .Checkbox__view___fLkiL::after {
+  width: 10px;
+  height: 0;
+  transform: rotate(0) translate(-50%, -50%);
+  opacity: 1;
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4:disabled + .Checkbox__view___fLkiL::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2[type=checkbox].Checkbox__inputIndeterminate___PUKW4:disabled:checked + .Checkbox__view___fLkiL::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2[type=radio] + .Checkbox__view___fLkiL::before {
+  border-radius: 50%;
+}
+
+.Checkbox__input___Yi8X2[type=radio] + .Checkbox__view___fLkiL::after {
+  width: 16px;
+  height: 16px;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0);
+  border: 3px currentColor solid;
+}
+
+.Checkbox__input___Yi8X2:focus-visible + .Checkbox__view___fLkiL::before {
+  outline: var(--pds-round-xxs) auto Highlight;
+  outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
+}
+
+.Checkbox__input___Yi8X2:checked + .Checkbox__view___fLkiL::before {
+  background-color: var(--violet-500);
+  border-color: var(--violet-500);
+}
+
+.Checkbox__input___Yi8X2:checked + .Checkbox__view___fLkiL::after {
+  opacity: 1;
+}
+
+.Checkbox__input___Yi8X2:disabled + .Checkbox__view___fLkiL::before {
+  background-color: var(--white);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2:disabled:checked + .Checkbox__view___fLkiL::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr {
+  pointer-events: none;
+}
+
+.Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr + .Checkbox__view___fLkiL::before {
+  border-radius: 50%;
+  background-color: var(--white);
+  border-color: var(--black-400);
+}
+
+.Checkbox__spinner___HQP5q {
+  color: var(--violet-500);
+  opacity: 0;
+  transition: opacity 100ms ease-in-out;
+}
+
+.Checkbox__spinnerEnterActive___PPMb6,
+.Checkbox__spinnerEnterDone___TSd-m {
+  opacity: 1;
+}
+
+.Checkbox__spinnerExitActive___qqZ1T,
+.Checkbox__spinnerExitDone___ziVu6 {
+  opacity: 0;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .Checkbox__input___Yi8X2:hover + .Checkbox__view___fLkiL::before {
+    border-color: var(--black-700);
+  }
+  .Checkbox__input___Yi8X2:checked:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--violet-700);
+    border-color: var(--violet-700);
+  }
+  .Checkbox__input___Yi8X2:disabled:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--white);
+    border-color: var(--black-400);
+  }
+  .Checkbox__input___Yi8X2:disabled:checked:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--black-400);
+    border-color: var(--black-400);
+  }
+  .Checkbox__input___Yi8X2.Checkbox__inputLoading___urQKr:hover + .Checkbox__view___fLkiL::before {
+    background-color: var(--white);
+    border-color: var(--black-400);
+  }
+}

package/Checkbox/cjs/style.development.v2.css

@@ -1,171 +1,176 @@
-.Checkbox__root___10rVJ {
-    display: block;
-    box-sizing: border-box;
-    width: 20px;
-    height: 20px;
-    position: relative;
-    flex-shrink: 0;
-}
-
-.Checkbox__view___28qka {
-    width: 100%;
-    height: 100%;
-    position: relative;
-}
-
-.Checkbox__view___28qka::before {
-        content: '';
-        position: absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        box-sizing: border-box;
-        transition: 140ms ease-in-out;
-        transition-property: border-radius, background-color, border-color, opacity;
-        border-radius: var(--pds-round-xxs);
-        border: 2px var(--black-600) solid;
-        background: var(--white);
-    }
-
-.Checkbox__view___28qka::after {
-        content: '';
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        box-sizing: border-box;
-        transition: 140ms ease-in-out;
-        transition-property: border-color, color, opacity;
-        opacity: 0;
-        color: var(--white);
-    }
-
-.Checkbox__input___qmAq9 {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    -webkit-appearance: none;
-       -moz-appearance: none;
-            appearance: none;
-    opacity: 0;
-    padding: 0;
-    margin: 0;
-    cursor: pointer;
-}
-
-.Checkbox__input___qmAq9:disabled {
-        cursor: default;
-    }
-
-.Checkbox__input___qmAq9[type='checkbox'] + .Checkbox__view___28qka::after {
-                border-bottom: 2px solid currentColor;
-                border-right: 2px solid currentColor;
-                width: 6px;
-                height: 12px;
-                transform: rotate(45deg) translate(-120%, -30%);
-            }
-
-.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type='checkbox'] + .Checkbox__view___28qka::before {
-                background-color: var(--violet-500);
-                border-color: var(--violet-500);
-            }
-
-.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type='checkbox'] + .Checkbox__view___28qka::after {
-                width: 10px;
-                height: 0;
-                transform: rotate(0) translate(-50%, -50%);
-                opacity: 1;
-            }
-
-.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type='checkbox']:disabled + .Checkbox__view___28qka::before {
-                background-color: var(--black-400);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type='checkbox']:disabled:checked + .Checkbox__view___28qka::before {
-                background-color: var(--black-400);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__input___qmAq9[type='radio'] + .Checkbox__view___28qka::before {
-            border-radius: 50%;
-        }
-
-.Checkbox__input___qmAq9[type='radio'] + .Checkbox__view___28qka::after {
-            width: 16px;
-            height: 16px;
-            transform: translate(-50%, -50%);
-            border-radius: 50%;
-            background-color: rgba(0, 0, 0, 0);
-            border: 3px currentColor solid;
-        }
-
-.Checkbox__input___qmAq9:focus-visible + .Checkbox__view___28qka::before {
-            outline: var(--pds-round-xxs) auto Highlight;
-            outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
-        }
-
-.Checkbox__input___qmAq9:checked + .Checkbox__view___28qka::before {
-            background-color: var(--violet-500);
-            border-color: var(--violet-500);
-        }
-
-.Checkbox__input___qmAq9:checked + .Checkbox__view___28qka::after {
-            opacity: 1;
-        }
-
-.Checkbox__input___qmAq9:disabled + .Checkbox__view___28qka::before {
-            background-color: var(--white);
-            border-color: var(--black-400);
-        }
-
-.Checkbox__input___qmAq9:disabled:checked + .Checkbox__view___28qka::before {
-            background-color: var(--black-400);
-            border-color: var(--black-400);
-        }
-
-.Checkbox__input___qmAq9.Checkbox__inputLoading___R-ARx {
-        pointer-events: none;
-    }
-
-.Checkbox__input___qmAq9.Checkbox__inputLoading___R-ARx + .Checkbox__view___28qka::before {
-                border-radius: 50%;
-                background-color: var(--white);
-                border-color: var(--black-400);
-            }
-
-.Checkbox__spinner___8SelS {
-    color: var(--violet-500);
-    opacity: 0;
-    transition: opacity 100ms ease-in-out;
-}
-
-.Checkbox__spinnerEnterActive___KxSc9,
-.Checkbox__spinnerEnterDone___MNkDZ {
-    opacity: 1;
-}
-
-.Checkbox__spinnerExitActive___yE5Eg,
-.Checkbox__spinnerExitDone___1qltp {
-    opacity: 0;
-}
-
-@media (hover) {
-            .Checkbox__input___qmAq9:hover + .Checkbox__view___28qka::before {
-                border-color: var(--black-700);
-            }
-            .Checkbox__input___qmAq9:checked:hover + .Checkbox__view___28qka::before {
-                background-color: var(--violet-700);
-                border-color: var(--violet-700);
-            }
-            .Checkbox__input___qmAq9:disabled:hover + .Checkbox__view___28qka::before {
-                border-color: var(--black-400);
-            }
-            .Checkbox__input___qmAq9.Checkbox__inputLoading___R-ARx:hover + .Checkbox__view___28qka::before {
-                background-color: var(--white);
-                border-color: var(--black-400);
-            }
+.Checkbox__root___t16TL {
+  display: block;
+  box-sizing: border-box;
+  width: 20px;
+  height: 20px;
+  position: relative;
+  flex-shrink: 0;
 }
+
+.Checkbox__view___vqHSH {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.Checkbox__view___vqHSH::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  transition: 140ms ease-in-out;
+  transition-property: border-radius, background-color, border-color, opacity;
+  border-radius: var(--pds-round-xxs);
+  border: 2px var(--black-600) solid;
+  background: var(--white);
+}
+
+.Checkbox__view___vqHSH::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  box-sizing: border-box;
+  transition: 140ms ease-in-out;
+  transition-property: border-color, color, opacity;
+  opacity: 0;
+  color: var(--white);
+}
+
+.Checkbox__input___IYq4y {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  opacity: 0;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+}
+
+.Checkbox__input___IYq4y:disabled {
+  cursor: default;
+}
+
+.Checkbox__input___IYq4y[type=checkbox] + .Checkbox__view___vqHSH::after {
+  border-bottom: 2px solid currentColor;
+  border-right: 2px solid currentColor;
+  width: 6px;
+  height: 12px;
+  transform: rotate(45deg) translate(-120%, -30%);
+}
+
+.Checkbox__input___IYq4y[type=checkbox].Checkbox__inputIndeterminate___W0nyo + .Checkbox__view___vqHSH::before {
+  background-color: var(--violet-500);
+  border-color: var(--violet-500);
+}
+
+.Checkbox__input___IYq4y[type=checkbox].Checkbox__inputIndeterminate___W0nyo + .Checkbox__view___vqHSH::after {
+  width: 10px;
+  height: 0;
+  transform: rotate(0) translate(-50%, -50%);
+  opacity: 1;
+}
+
+.Checkbox__input___IYq4y[type=checkbox].Checkbox__inputIndeterminate___W0nyo:disabled + .Checkbox__view___vqHSH::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___IYq4y[type=checkbox].Checkbox__inputIndeterminate___W0nyo:disabled:checked + .Checkbox__view___vqHSH::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___IYq4y[type=radio] + .Checkbox__view___vqHSH::before {
+  border-radius: 50%;
+}
+
+.Checkbox__input___IYq4y[type=radio] + .Checkbox__view___vqHSH::after {
+  width: 16px;
+  height: 16px;
+  transform: translate(-50%, -50%);
+  border-radius: 50%;
+  background-color: rgba(0, 0, 0, 0);
+  border: 3px currentColor solid;
+}
+
+.Checkbox__input___IYq4y:focus-visible + .Checkbox__view___vqHSH::before {
+  outline: var(--pds-round-xxs) auto Highlight;
+  outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
+}
+
+.Checkbox__input___IYq4y:checked + .Checkbox__view___vqHSH::before {
+  background-color: var(--violet-500);
+  border-color: var(--violet-500);
+}
+
+.Checkbox__input___IYq4y:checked + .Checkbox__view___vqHSH::after {
+  opacity: 1;
+}
+
+.Checkbox__input___IYq4y:disabled + .Checkbox__view___vqHSH::before {
+  background-color: var(--white);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___IYq4y:disabled:checked + .Checkbox__view___vqHSH::before {
+  background-color: var(--black-400);
+  border-color: var(--black-400);
+}
+
+.Checkbox__input___IYq4y.Checkbox__inputLoading___HmXKw {
+  pointer-events: none;
+}
+
+.Checkbox__input___IYq4y.Checkbox__inputLoading___HmXKw + .Checkbox__view___vqHSH::before {
+  border-radius: 50%;
+  background-color: var(--white);
+  border-color: var(--black-400);
+}
+
+.Checkbox__spinner___YR6PM {
+  color: var(--violet-500);
+  opacity: 0;
+  transition: opacity 100ms ease-in-out;
+}
+
+.Checkbox__spinnerEnterActive___Q7DFi,
+.Checkbox__spinnerEnterDone___h1wA- {
+  opacity: 1;
+}
+
+.Checkbox__spinnerExitActive___qjqOb,
+.Checkbox__spinnerExitDone___t3mB8 {
+  opacity: 0;
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .Checkbox__input___IYq4y:hover + .Checkbox__view___vqHSH::before {
+    border-color: var(--black-700);
+  }
+  .Checkbox__input___IYq4y:checked:hover + .Checkbox__view___vqHSH::before {
+    background-color: var(--violet-700);
+    border-color: var(--violet-700);
+  }
+  .Checkbox__input___IYq4y:disabled:hover + .Checkbox__view___vqHSH::before {
+    background-color: var(--white);
+    border-color: var(--black-400);
+  }
+  .Checkbox__input___IYq4y:disabled:checked:hover + .Checkbox__view___vqHSH::before {
+    background-color: var(--black-400);
+    border-color: var(--black-400);
+  }
+  .Checkbox__input___IYq4y.Checkbox__inputLoading___HmXKw:hover + .Checkbox__view___vqHSH::before {
+    background-color: var(--white);
+    border-color: var(--black-400);
+  }
+}

package/Checkbox/cjs/style.production.css

@@ -1 +1 @@
-.JbPkR{display:block;box-sizing:border-box;width:20px;height:20px;position:relative;flex-shrink:0}.Smb1v{width:100%;height:100%;position:relative}.Smb1v::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-radius,background-color,border-color,opacity;border-radius:var(--pds-round-xxs);border:2px var(--black-600) solid;background:var(--white)}.Smb1v::after{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-color,color,opacity;opacity:0;color:var(--white)}.-KDH8{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;cursor:pointer}.-KDH8:disabled{cursor:default}.-KDH8[type=checkbox]+.Smb1v::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;width:6px;height:12px;transform:rotate(45deg) translate(-120%,-30%)}.-KDH8.S5zL6[type=checkbox]+.Smb1v::before{background-color:var(--violet-500);border-color:var(--violet-500)}.-KDH8.S5zL6[type=checkbox]+.Smb1v::after{width:10px;height:0;transform:rotate(0) translate(-50%,-50%);opacity:1}.-KDH8.S5zL6[type=checkbox]:disabled+.Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.-KDH8.S5zL6[type=checkbox]:disabled:checked+.Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.-KDH8[type=radio]+.Smb1v::before{border-radius:50%}.-KDH8[type=radio]+.Smb1v::after{width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:3px currentColor solid}.-KDH8:focus-visible+.Smb1v::before{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.-KDH8:checked+.Smb1v::before{background-color:var(--violet-500);border-color:var(--violet-500)}.-KDH8:checked+.Smb1v::after{opacity:1}.-KDH8:disabled+.Smb1v::before{background-color:var(--white);border-color:var(--black-400)}.-KDH8:disabled:checked+.Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.-KDH8._3-2zC{pointer-events:none}.-KDH8._3-2zC+.Smb1v::before{border-radius:50%;background-color:var(--white);border-color:var(--black-400)}.K7NKz{color:var(--violet-500);opacity:0;transition:opacity 100ms ease-in-out}.ASYih,.vsNQ-{opacity:1}.X-b7M,.MP3D6{opacity:0}@media (hover){.-KDH8:hover+.Smb1v::before{border-color:var(--black-700)}.-KDH8:checked:hover+.Smb1v::before{background-color:var(--violet-700);border-color:var(--violet-700)}.-KDH8:disabled:hover+.Smb1v::before{border-color:var(--black-400)}.-KDH8._3-2zC:hover+.Smb1v::before{background-color:var(--white);border-color:var(--black-400)}}
+.QNYqa{display:block;box-sizing:border-box;width:20px;height:20px;position:relative;flex-shrink:0}.fLkiL{width:100%;height:100%;position:relative}.fLkiL::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-radius,background-color,border-color,opacity;border-radius:var(--pds-round-xxs);border:2px var(--black-600) solid;background:var(--white)}.fLkiL::after{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-color,color,opacity;opacity:0;color:var(--white)}.Yi8X2{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;cursor:pointer}.Yi8X2:disabled{cursor:default}.Yi8X2[type=checkbox]+.fLkiL::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;width:6px;height:12px;transform:rotate(45deg) translate(-120%,-30%)}.Yi8X2[type=checkbox].PUKW4+.fLkiL::before{background-color:var(--violet-500);border-color:var(--violet-500)}.Yi8X2[type=checkbox].PUKW4+.fLkiL::after{width:10px;height:0;transform:rotate(0) translate(-50%,-50%);opacity:1}.Yi8X2[type=checkbox].PUKW4:disabled+.fLkiL::before{background-color:var(--black-400);border-color:var(--black-400)}.Yi8X2[type=checkbox].PUKW4:disabled:checked+.fLkiL::before{background-color:var(--black-400);border-color:var(--black-400)}.Yi8X2[type=radio]+.fLkiL::before{border-radius:50%}.Yi8X2[type=radio]+.fLkiL::after{width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:3px currentColor solid}.Yi8X2:focus-visible+.fLkiL::before{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Yi8X2:checked+.fLkiL::before{background-color:var(--violet-500);border-color:var(--violet-500)}.Yi8X2:checked+.fLkiL::after{opacity:1}.Yi8X2:disabled+.fLkiL::before{background-color:var(--white);border-color:var(--black-400)}.Yi8X2:disabled:checked+.fLkiL::before{background-color:var(--black-400);border-color:var(--black-400)}.Yi8X2.urQKr{pointer-events:none}.Yi8X2.urQKr+.fLkiL::before{border-radius:50%;background-color:var(--white);border-color:var(--black-400)}.HQP5q{color:var(--violet-500);opacity:0;transition:opacity 100ms ease-in-out}.PPMb6,.TSd-m{opacity:1}.qqZ1T,.ziVu6{opacity:0}@media (hover:hover) and (pointer:fine){.Yi8X2:hover+.fLkiL::before{border-color:var(--black-700)}.Yi8X2:checked:hover+.fLkiL::before{background-color:var(--violet-700);border-color:var(--violet-700)}.Yi8X2:disabled:hover+.fLkiL::before{background-color:var(--white);border-color:var(--black-400)}.Yi8X2:disabled:checked:hover+.fLkiL::before{background-color:var(--black-400);border-color:var(--black-400)}.Yi8X2.urQKr:hover+.fLkiL::before{background-color:var(--white);border-color:var(--black-400)}}