@vinyasa/form 1.0.22

package/dist/cjs/index.css

@@ -0,0 +1,1229 @@
+.sbqkrx0 {
+  width: 100%;
+  font-family: var(--vinyasa-font-family-sans);
+  color: var(--vinyasa-on-secondary);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  transition: border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  display: block;
+}
+
+.sbqkrx0::-webkit-input-placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+.sbqkrx0::placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+.sbqkrx0:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+.sbqkrx0:disabled {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.sbqkrx1 {
+  padding: var(--vinyasa-space1) var(--vinyasa-space2);
+  font-size: var(--vinyasa-font-size-sm);
+}
+
+.sbqkrx2 {
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  font-size: var(--vinyasa-font-size-sm);
+}
+
+.sbqkrx3 {
+  padding: var(--vinyasa-space3) var(--vinyasa-space4);
+  font-size: var(--vinyasa-font-size-md);
+}
+
+.sbqkrx4 {
+  border-color: var(--vinyasa-error);
+}
+
+.sbqkrx5 {
+  align-items: stretch;
+  display: flex;
+  position: relative;
+}
+
+.sbqkrx6 {
+  left: var(--vinyasa-space3);
+  color: var(--vinyasa-text-muted);
+  pointer-events: none;
+  display: flex;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.sbqkrx7 {
+  right: var(--vinyasa-space2);
+  align-items: center;
+  display: flex;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.sbqkrx8 {
+  padding-left: 2.25rem;
+}
+
+.sbqkrx9 {
+  padding-right: 2.25rem;
+}
+
+.sbqkrxa {
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background: none;
+  border: none;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  display: inline-flex;
+}
+
+.sbqkrxa:hover {
+  color: var(--vinyasa-on-secondary);
+}
+
+.sbqkrxa:disabled {
+  cursor: not-allowed;
+  opacity: var(--vinyasa-opacity-disabled);
+}
+
+.sbqkrxb {
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  color: var(--vinyasa-on-secondary);
+  margin-bottom: var(--vinyasa-space1);
+  display: block;
+}
+
+.sbqkrxc {
+  color: var(--vinyasa-error);
+  margin-left: .125rem;
+}
+
+.sbqkrxd {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  margin-top: var(--vinyasa-space1);
+}
+
+.sbqkrxe {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-error);
+  margin-top: var(--vinyasa-space1);
+}
+
+.sbqkrxf {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  display: inline-flex;
+}
+
+.sbqkrxg {
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  cursor: pointer;
+}
+
+._1u69cbs0 {
+  z-index: var(--vinyasa-z-index-dropdown);
+  width: var(--radix-popper-anchor-width);
+  background-color: var(--vinyasa-surface);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  min-width: 16rem;
+  box-shadow: var(--vinyasa-elevation-overlay);
+  overflow: hidden;
+}
+
+._1u69cbs1 {
+  max-height: 16rem;
+  padding: var(--vinyasa-space1);
+  overflow-y: auto;
+}
+
+._1u69cbs2 {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-sm);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  display: flex;
+}
+
+._1u69cbs2[data-selected="true"] {
+  background-color: var(--vinyasa-secondary);
+  outline: none;
+}
+
+._1u69cbs2[data-disabled="true"] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1u69cbs3 {
+  color: var(--vinyasa-primary);
+  display: flex;
+}
+
+._1u69cbs4 {
+  padding: var(--vinyasa-space3) var(--vinyasa-space3);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-text-muted);
+  text-align: center;
+}
+
+._1u69cbs5 {
+  color: var(--vinyasa-text-muted);
+}
+
+._1u69cbs6 {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  text-align: left;
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  width: 100%;
+  min-width: 10rem;
+  max-width: 20rem;
+  display: inline-flex;
+}
+
+._1u69cbs7 {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  display: flex;
+}
+
+._1u69cbs8 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1u69cbs9 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  display: flex;
+}
+
+._1u69cbsa {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  display: flex;
+}
+
+._1u69cbsb {
+  min-width: 0;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  background: none;
+  border: none;
+  outline: none;
+  flex: 1;
+}
+
+._1u69cbsb::-webkit-input-placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+._1u69cbsb::placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+._1u69cbsc {
+  cursor: text;
+  align-items: center;
+  min-width: 10rem;
+  min-height: 2.5rem;
+  display: flex;
+}
+
+._1u69cbsd {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  flex-wrap: wrap;
+  min-height: 1.25rem;
+  display: flex;
+}
+
+._1u69cbse {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  padding: .125rem var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-on-secondary);
+  font-size: var(--vinyasa-font-size-xs);
+  display: inline-flex;
+}
+
+._1u69cbsf {
+  padding: .125rem var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-text-muted);
+  font-size: var(--vinyasa-font-size-xs);
+  font-weight: var(--vinyasa-font-weight-medium);
+  align-items: center;
+  display: inline-flex;
+}
+
+._1u69cbsg {
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  display: inline-flex;
+}
+
+._1u69cbsg:hover {
+  color: var(--vinyasa-error);
+}
+
+._7ele600 {
+  all: unset;
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 1.125rem;
+  height: 1.125rem;
+  display: inline-flex;
+}
+
+._7ele600[data-state="checked"] {
+  background-color: var(--vinyasa-primary);
+  border-color: var(--vinyasa-primary);
+}
+
+._7ele600:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._7ele600[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._7ele601 {
+  color: var(--vinyasa-on-primary);
+  font-size: .75rem;
+  display: flex;
+}
+
+._1o9um0f0 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  text-align: left;
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  width: 100%;
+  min-width: 10rem;
+  max-width: 20rem;
+  display: inline-flex;
+}
+
+._1o9um0f1 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1o9um0f2 {
+  border-radius: var(--vinyasa-radius-sm);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+._1o9um0f3 {
+  z-index: var(--vinyasa-z-index-dropdown);
+  gap: var(--vinyasa-space3);
+  padding: var(--vinyasa-space3);
+  background-color: var(--vinyasa-surface);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  box-shadow: var(--vinyasa-elevation-overlay);
+  flex-direction: column;
+  display: flex;
+}
+
+._1o9um0f4 {
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  overflow: hidden;
+}
+
+._1o9um0f5 {
+  width: 13.75rem;
+}
+
+._1o9um0f5 .react-colorful {
+  width: 100%;
+  height: 11rem;
+}
+
+._1o9um0f6 {
+  padding: var(--vinyasa-space1) var(--vinyasa-space2);
+  border-top: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  background-color: var(--vinyasa-surface);
+  align-items: center;
+  display: flex;
+}
+
+._1o9um0f7 {
+  min-width: 0;
+  font-family: var(--vinyasa-font-family-mono);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  text-transform: uppercase;
+  background: none;
+  border: none;
+  outline: none;
+  flex: 1;
+  padding: 0;
+}
+
+._1o9um0f8 {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  margin-bottom: var(--vinyasa-space1);
+}
+
+._1o9um0f9 {
+  gap: var(--vinyasa-space1);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+._1o9um0fa {
+  border-radius: var(--vinyasa-radius-sm);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  cursor: pointer;
+  width: 1.5rem;
+  height: 1.5rem;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex-shrink: 0;
+  padding: 0;
+}
+
+._1o9um0fa:hover {
+  transform: scale(1.1);
+}
+
+._1o9um0fa:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._4znv390 {
+  z-index: var(--vinyasa-z-index-dropdown);
+  padding: var(--vinyasa-space3);
+  background-color: var(--vinyasa-surface);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  box-shadow: var(--vinyasa-elevation-overlay);
+}
+
+._4znv391 {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  text-align: left;
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  width: 100%;
+  min-width: 10rem;
+  max-width: 20rem;
+  display: inline-flex;
+}
+
+._4znv392 {
+  color: var(--vinyasa-text-muted);
+}
+
+._4znv393 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._4znv394 {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  display: flex;
+}
+
+._4znv395 {
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+}
+
+._4znv396 {
+  gap: var(--vinyasa-space4);
+  display: flex;
+}
+
+._4znv397 {
+  position: relative;
+}
+
+._4znv398 {
+  height: 2rem;
+  font-weight: var(--vinyasa-font-weight-semibold);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+._4znv399 {
+  pointer-events: none;
+  justify-content: space-between;
+  align-items: center;
+  height: 2rem;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+._4znv39a {
+  border-radius: var(--vinyasa-radius-sm);
+  width: 1.75rem;
+  height: 1.75rem;
+  color: var(--vinyasa-on-secondary);
+  cursor: pointer;
+  pointer-events: auto;
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+._4znv39a:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._4znv39a:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._4znv39b {
+  width: 2rem;
+  font-size: var(--vinyasa-font-size-xs);
+  font-weight: var(--vinyasa-font-weight-medium);
+  color: var(--vinyasa-text-muted);
+  text-align: center;
+}
+
+._4znv39c {
+  text-align: center;
+  padding: 0;
+}
+
+._4znv39d {
+  border-radius: var(--vinyasa-radius-sm);
+  width: 2rem;
+  height: 2rem;
+  color: var(--vinyasa-on-secondary);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+._4znv39d:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._4znv39d:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._4znv39e {
+  box-shadow: inset 0 0 0 1.5px var(--vinyasa-primary);
+  font-weight: var(--vinyasa-font-weight-semibold);
+}
+
+._4znv39f {
+  color: var(--vinyasa-text-muted);
+}
+
+._4znv39g {
+  color: var(--vinyasa-text-muted);
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._4znv39h, ._4znv39h:hover {
+  background-color: var(--vinyasa-primary);
+  color: var(--vinyasa-on-primary);
+}
+
+._3ltn2y0 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  border: var(--vinyasa-border-width-thin) dashed var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  color: var(--vinyasa-on-secondary);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  display: inline-flex;
+}
+
+._3ltn2y0:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._3ltn2y0:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._3ltn2y0[data-disabled="true"] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._3ltn2y1 {
+  margin-top: var(--vinyasa-space3);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  overflow: hidden;
+}
+
+._3ltn2y2 {
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+._3ltn2y3 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  font-size: var(--vinyasa-font-size-sm);
+  display: flex;
+}
+
+._3ltn2y3:not(:last-child) {
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+}
+
+._3ltn2y3:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._3ltn2y4 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  min-width: 0;
+  color: var(--vinyasa-on-secondary);
+  display: flex;
+}
+
+._3ltn2y5 {
+  flex-shrink: 0;
+  display: flex;
+}
+
+._3ltn2y6 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._3ltn2y7 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  flex-shrink: 0;
+  margin-left: auto;
+  display: flex;
+}
+
+._3ltn2y8 {
+  color: var(--vinyasa-text-muted);
+}
+
+._3ltn2y9 {
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  display: inline-flex;
+}
+
+._3ltn2y9:hover {
+  color: var(--vinyasa-error);
+}
+
+._3ltn2ya {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-error);
+  margin-top: var(--vinyasa-space1);
+}
+
+.rnivxt0 {
+  justify-content: center;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  width: 100%;
+  padding: var(--vinyasa-space6);
+  border: 2px dashed var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  text-align: center;
+  cursor: pointer;
+  transition: border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  flex-direction: column;
+  display: flex;
+}
+
+.rnivxt0:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+.rnivxt0[data-disabled="true"] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.rnivxt1 {
+  border-color: var(--vinyasa-focus);
+  background-color: var(--vinyasa-secondary);
+}
+
+.rnivxt2 {
+  font-size: 1.5rem;
+}
+
+.rnivxt3 {
+  font-size: var(--vinyasa-font-size-xs);
+}
+
+._1wyztbj0 {
+  width: 100%;
+  font-family: var(--vinyasa-font-family-sans);
+  color: var(--vinyasa-on-secondary);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  transition: border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), box-shadow var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  align-items: stretch;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+._1wyztbj0:focus-within {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._1wyztbj1, ._1wyztbj2 {
+  font-size: var(--vinyasa-font-size-sm);
+}
+
+._1wyztbj3 {
+  font-size: var(--vinyasa-font-size-md);
+}
+
+._1wyztbj4 {
+  border-color: var(--vinyasa-error);
+}
+
+._1wyztbj5 {
+  opacity: var(--vinyasa-opacity-disabled);
+}
+
+._1wyztbj6 {
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background: none;
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+._1wyztbj6:hover:not(:disabled) {
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-on-secondary);
+}
+
+._1wyztbj6:disabled {
+  cursor: not-allowed;
+  opacity: var(--vinyasa-opacity-disabled);
+}
+
+._1wyztbj7 {
+  width: 1.75rem;
+}
+
+._1wyztbj8 {
+  width: 2rem;
+}
+
+._1wyztbj9 {
+  width: 2.25rem;
+}
+
+._1wyztbja {
+  border-right: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+}
+
+._1wyztbjb {
+  border-left: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+}
+
+._1wyztbjc {
+  text-align: center;
+  min-width: 0;
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  background: none;
+  border: none;
+  outline: none;
+  flex: 1;
+}
+
+._1wyztbjc::-webkit-input-placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+._1wyztbjc::placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+._1wyztbjc:disabled {
+  cursor: not-allowed;
+}
+
+._1wyztbjd {
+  padding: var(--vinyasa-space1) 0;
+}
+
+._1wyztbje {
+  padding: var(--vinyasa-space2) 0;
+}
+
+._1wyztbjf {
+  padding: var(--vinyasa-space3) 0;
+}
+
+@keyframes _14kw5nt5 {
+  0%, 100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+  }
+}
+
+._14kw5nt0 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  display: inline-flex;
+}
+
+._14kw5nt1 {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._14kw5nt2 {
+  width: 2.5rem;
+  height: 2.75rem;
+  font-size: var(--vinyasa-font-size-lg);
+  font-family: var(--vinyasa-font-family-mono);
+  color: var(--vinyasa-on-secondary);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  transition: border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+._14kw5nt3 {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._14kw5nt4 {
+  border-color: var(--vinyasa-error);
+}
+
+._14kw5nt6 {
+  pointer-events: none;
+  background-color: var(--vinyasa-on-secondary);
+  width: 1px;
+  height: 1.25rem;
+  animation: 1s step-end infinite _14kw5nt5;
+  position: absolute;
+}
+
+.n31tav0 {
+  gap: var(--vinyasa-space2);
+  flex-direction: column;
+  display: flex;
+}
+
+.n31tav1 {
+  all: unset;
+  border-radius: var(--vinyasa-radius-full);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 1.125rem;
+  height: 1.125rem;
+  display: inline-flex;
+}
+
+.n31tav1[data-state="checked"] {
+  border-color: var(--vinyasa-primary);
+}
+
+.n31tav1:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+.n31tav1[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.n31tav2 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-primary);
+  width: .625rem;
+  height: .625rem;
+}
+
+._1qawm8c0 {
+  touch-action: none;
+  align-items: center;
+  width: 100%;
+  min-width: 12rem;
+  height: 1.25rem;
+  display: flex;
+  position: relative;
+}
+
+._1qawm8c0[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1qawm8c1 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-border-color-default);
+  flex-grow: 1;
+  height: .25rem;
+  position: relative;
+}
+
+._1qawm8c2 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-primary);
+  height: 100%;
+  position: absolute;
+}
+
+._1qawm8c3 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-on-primary);
+  border: 2px solid var(--vinyasa-primary);
+  width: 1rem;
+  height: 1rem;
+  box-shadow: var(--vinyasa-shadow-sm);
+  display: block;
+}
+
+._1qawm8c3:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._1lw5bep0 {
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  overflow: hidden;
+}
+
+._1lw5bep0:focus-within {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._1lw5bep1 {
+  border-color: var(--vinyasa-error);
+}
+
+._1lw5bep2 {
+  gap: var(--vinyasa-space1);
+  padding: var(--vinyasa-space2);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  background-color: var(--vinyasa-secondary);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+._1lw5bep3 {
+  width: var(--vinyasa-border-width-thin);
+  background-color: var(--vinyasa-border-color-default);
+  margin: 0 var(--vinyasa-space1);
+  align-self: stretch;
+}
+
+._1lw5bep4 {
+  min-height: 8rem;
+  padding: var(--vinyasa-space3);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+}
+
+._1lw5bep4:focus {
+  outline: none;
+}
+
+._1lw5bep4 p {
+  margin: 0 0 var(--vinyasa-space2);
+}
+
+._1lw5bep4 h1, ._1lw5bep4 h2, ._1lw5bep4 h3 {
+  margin: var(--vinyasa-space3) 0 var(--vinyasa-space2);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  line-height: var(--vinyasa-line-height-tight);
+}
+
+._1lw5bep4 ul, ._1lw5bep4 ol {
+  margin: 0 0 var(--vinyasa-space2);
+  padding-left: var(--vinyasa-space5);
+}
+
+._1lw5bep4 blockquote {
+  margin: 0 0 var(--vinyasa-space2);
+  padding-left: var(--vinyasa-space3);
+  border-left: 2px solid var(--vinyasa-border-color-default);
+  color: var(--vinyasa-text-muted);
+}
+
+._1lw5bep4 code {
+  font-family: var(--vinyasa-font-family-mono);
+  font-size: var(--vinyasa-font-size-xs);
+  background-color: var(--vinyasa-secondary);
+  border-radius: var(--vinyasa-radius-sm);
+  padding: .125rem .25rem;
+}
+
+._1lum7te0 {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  text-align: left;
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  width: 100%;
+  min-width: 10rem;
+  max-width: 20rem;
+  display: inline-flex;
+}
+
+._1lum7te1 {
+  color: var(--vinyasa-text-muted);
+}
+
+._1lum7te2 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1lum7te3 {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  display: flex;
+}
+
+._1lum7te4 {
+  z-index: var(--vinyasa-z-index-dropdown);
+  background-color: var(--vinyasa-surface);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  box-shadow: var(--vinyasa-elevation-overlay);
+  overflow: hidden;
+}
+
+._1lum7te5 {
+  padding: var(--vinyasa-space1);
+}
+
+._1lum7te6 {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-sm);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  display: flex;
+}
+
+._1lum7te6[data-highlighted] {
+  background-color: var(--vinyasa-secondary);
+  outline: none;
+}
+
+._1lum7te6[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1lum7te7 {
+  color: var(--vinyasa-primary);
+  display: flex;
+}
+
+._1u7tp1u0 {
+  all: unset;
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-border-color-default);
+  cursor: pointer;
+  width: 2.25rem;
+  height: 1.25rem;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex-shrink: 0;
+  align-items: center;
+  display: inline-flex;
+  position: relative;
+}
+
+._1u7tp1u0[data-state="checked"] {
+  background-color: var(--vinyasa-primary);
+}
+
+._1u7tp1u0:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+._1u7tp1u0[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1u7tp1u1 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-on-primary);
+  width: 1rem;
+  height: 1rem;
+  box-shadow: var(--vinyasa-shadow-sm);
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  display: block;
+  transform: translateX(.125rem);
+}
+
+._1u7tp1u1[data-state="checked"] {
+  transform: translateX(1.125rem);
+}
+
+._1w3na0r0 {
+  min-width: 4rem;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  background: none;
+  border: none;
+  outline: none;
+  flex-grow: 1;
+  padding: 0;
+}
+
+._1w3na0r0::-webkit-input-placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+._1w3na0r0::placeholder {
+  color: var(--vinyasa-text-muted);
+}
+