@vinyasa/navigation 1.0.26

package/dist/cjs/index.css

@@ -0,0 +1,1162 @@
+._1nqk0670 {
+  border-right: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  background-color: var(--vinyasa-surface);
+  height: 100%;
+  transition: width var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-standard);
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+._1nqk0671 {
+  width: 4.5rem;
+}
+
+._1nqk0672 {
+  width: 16rem;
+}
+
+._1nqk0673 {
+  min-height: 3.5rem;
+  padding: 0 var(--vinyasa-space3);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-shrink: 0;
+  align-items: center;
+  display: flex;
+}
+
+._1nqk0674 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1nqk0675 {
+  padding: var(--vinyasa-space2);
+  gap: var(--vinyasa-space4);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow-y: auto;
+}
+
+._1nqk0676 {
+  padding: var(--vinyasa-space2);
+  border-top: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-shrink: 0;
+}
+
+._1nqk0677 {
+  gap: var(--vinyasa-space1);
+  flex-direction: column;
+  display: flex;
+}
+
+._1nqk0678 {
+  padding: var(--vinyasa-space2) var(--vinyasa-space3) 0;
+  font-size: var(--vinyasa-font-size-xs);
+  font-weight: var(--vinyasa-font-weight-medium);
+  color: var(--vinyasa-text-muted);
+  white-space: nowrap;
+  transition: opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+}
+
+._1nqk0679 {
+  opacity: 0;
+  pointer-events: none;
+}
+
+._1nqk067a {
+  opacity: 1;
+}
+
+._1nqk067b {
+  align-items: center;
+  gap: var(--vinyasa-space3);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-on-secondary);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  cursor: pointer;
+  text-align: left;
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  width: 100%;
+  text-decoration: none;
+  display: flex;
+}
+
+._1nqk067b:hover:not(:disabled) {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1nqk067b:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+._1nqk067b:disabled {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1nqk067c {
+  background-color: var(--vinyasa-tertiary);
+  color: var(--vinyasa-on-tertiary);
+  font-weight: var(--vinyasa-font-weight-medium);
+}
+
+._1nqk067d {
+  justify-content: center;
+}
+
+._1nqk067e {
+  flex-shrink: 0;
+  font-size: 1.125rem;
+  display: inline-flex;
+}
+
+._1nqk067f {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  transition: opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  overflow: hidden;
+}
+
+._1nqk067g {
+  opacity: 0;
+  width: 0;
+}
+
+._1nqk067h {
+  opacity: 1;
+}
+
+._1nqk067i {
+  border-radius: var(--vinyasa-radius-sm);
+  width: 1.75rem;
+  height: 1.75rem;
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  display: inline-flex;
+}
+
+._1nqk067i:hover {
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-on-secondary);
+}
+
+._1nqk067i:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+._1nqk067j {
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  display: inline-flex;
+}
+
+._1nqk067k {
+  transform: rotate(180deg);
+}
+
+._383lbb0 {
+  align-items: center;
+  gap: var(--vinyasa-space4);
+  height: 3.5rem;
+  padding: 0 var(--vinyasa-space4);
+  background-color: var(--vinyasa-surface);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  display: flex;
+  position: relative;
+}
+
+._383lbb1 {
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-md);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  color: var(--vinyasa-text-default);
+  flex-shrink: 0;
+  align-items: center;
+  text-decoration: none;
+  display: flex;
+}
+
+._383lbb2 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  flex: 1;
+  display: flex;
+}
+
+._383lbb3 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  flex-shrink: 0;
+  display: flex;
+}
+
+._383lbb4 {
+  height: 100%;
+  padding: 0 var(--vinyasa-space3);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  cursor: pointer;
+  white-space: nowrap;
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  border-bottom: 2px solid rgba(0, 0, 0, 0);
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+._383lbb4:hover:not(:disabled) {
+  color: var(--vinyasa-text-default);
+}
+
+._383lbb4:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+._383lbb4:disabled {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._383lbb5 {
+  border-bottom-color: var(--vinyasa-primary);
+  color: var(--vinyasa-text-default);
+}
+
+._383lbb6 {
+  border-radius: var(--vinyasa-radius-sm);
+  width: 2rem;
+  height: 2rem;
+  color: var(--vinyasa-text-default);
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  display: none;
+}
+
+._383lbb6:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._383lbb6:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+@media (max-width: 768px) {
+  ._383lbb2 {
+    padding: var(--vinyasa-space2);
+    background-color: var(--vinyasa-surface);
+    border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+    box-shadow: var(--vinyasa-elevation-overlay);
+    flex-direction: column;
+    align-items: stretch;
+    gap: 0;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+  }
+
+  ._383lbb2:not([data-open="true"]) {
+    display: none;
+  }
+
+  ._383lbb4 {
+    height: auto;
+    padding: var(--vinyasa-space3) var(--vinyasa-space3);
+    border-radius: var(--vinyasa-radius-sm);
+    border-bottom: none;
+  }
+
+  ._383lbb6 {
+    display: inline-flex;
+  }
+}
+
+@keyframes _1n0eqzz4 {
+  from {
+    opacity: 0;
+    transform: translateY(.25rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+._1n0eqzz0[data-orientation="vertical"] {
+  gap: var(--vinyasa-space5);
+  display: flex;
+}
+
+._1n0eqzz1 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  display: flex;
+  position: relative;
+}
+
+._1n0eqzz1[data-orientation="vertical"] {
+  border-bottom: none;
+  border-right: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  flex-direction: column;
+  flex-shrink: 0;
+  align-items: stretch;
+  min-width: 10rem;
+}
+
+._1n0eqzz2 {
+  background-color: var(--vinyasa-primary);
+  opacity: 0;
+  height: 2px;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), width var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), height var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+}
+
+[data-orientation="vertical"] ._1n0eqzz2 {
+  width: 2px;
+  height: 0;
+  top: 0;
+  bottom: auto;
+  left: auto;
+  right: -1px;
+}
+
+._1n0eqzz3 {
+  height: 2.5rem;
+  padding: 0 var(--vinyasa-space3);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  cursor: pointer;
+  transition: color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  align-items: center;
+  display: inline-flex;
+}
+
+._1n0eqzz3:hover:not([data-disabled]) {
+  color: var(--vinyasa-text-default);
+}
+
+._1n0eqzz3:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+._1n0eqzz3[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1n0eqzz3[data-state="active"] {
+  color: var(--vinyasa-text-default);
+}
+
+[data-orientation="vertical"] ._1n0eqzz3 {
+  justify-content: flex-start;
+}
+
+._1n0eqzz5 {
+  padding-top: var(--vinyasa-space4);
+  grid-area: 1 / 1;
+}
+
+._1n0eqzz5:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+[data-orientation="vertical"] ._1n0eqzz5 {
+  padding-top: 0;
+}
+
+._1n0eqzz5[data-state="active"] {
+  animation: _1n0eqzz4 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+}
+
+._1n0eqzz5[data-state="inactive"] {
+  visibility: hidden;
+  pointer-events: none;
+}
+
+._1n0eqzz6 {
+  display: grid;
+  position: relative;
+}
+
+[data-orientation="vertical"] ._1n0eqzz6 {
+  flex: 1;
+}
+
+._48ex310 {
+  flex-wrap: wrap;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+._48ex311 {
+  align-items: center;
+  display: flex;
+}
+
+._48ex312 {
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  border-radius: var(--vinyasa-radius-sm);
+  transition: color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  text-decoration: none;
+}
+
+._48ex312:hover {
+  color: var(--vinyasa-text-default);
+  text-decoration: underline;
+}
+
+._48ex312:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+._48ex313 {
+  color: var(--vinyasa-text-default);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+}
+
+._48ex314 {
+  margin: 0 var(--vinyasa-space1);
+  color: var(--vinyasa-text-muted);
+  justify-content: center;
+  align-items: center;
+  font-size: .875rem;
+  display: inline-flex;
+}
+
+._48ex315 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  max-width: 16rem;
+  display: inline-block;
+  overflow: hidden;
+}
+
+.oewhtx0 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  position: relative;
+}
+
+.oewhtx1 {
+  display: flex;
+}
+
+.oewhtx2 {
+  z-index: 0;
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-tertiary);
+  opacity: 0;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), width var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), height var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), opacity var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.oewhtx3 {
+  z-index: 1;
+  min-width: 2.25rem;
+  height: 2.25rem;
+  padding: 0 var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  cursor: pointer;
+  transition: color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+  position: relative;
+}
+
+.oewhtx3:hover:not(:disabled) {
+  background-color: var(--vinyasa-secondary);
+}
+
+.oewhtx3:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+.oewhtx3:disabled {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.oewhtx4 {
+  color: var(--vinyasa-on-tertiary);
+  font-weight: var(--vinyasa-font-weight-medium);
+}
+
+.oewhtx5 {
+  min-width: 2.25rem;
+  height: 2.25rem;
+  color: var(--vinyasa-text-muted);
+  font-size: var(--vinyasa-font-size-sm);
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.oewhtx6 {
+  font-size: 1rem;
+  display: inline-flex;
+}
+
+@keyframes bzjbii7 {
+  from {
+    opacity: 0;
+    transform: translateY(-.25rem);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.bzjbii0 {
+  position: relative;
+}
+
+.bzjbii1 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  position: relative;
+}
+
+.bzjbii2 {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  height: 2.5rem;
+  padding: 0 var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  cursor: pointer;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  display: inline-flex;
+}
+
+.bzjbii2:hover {
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-text-default);
+}
+
+.bzjbii2:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+.bzjbii2[data-state="open"] {
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-text-default);
+}
+
+.bzjbii3 {
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  font-size: .875rem;
+  display: inline-flex;
+}
+
+[data-state="open"] > .bzjbii3 {
+  transform: rotate(180deg);
+}
+
+.bzjbii4 {
+  height: 2.5rem;
+  padding: 0 var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  cursor: pointer;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  align-items: center;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+.bzjbii4:hover {
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-text-default);
+}
+
+.bzjbii4:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+.bzjbii4[data-active] {
+  background-color: var(--vinyasa-tertiary);
+  color: var(--vinyasa-on-tertiary);
+  font-weight: var(--vinyasa-font-weight-semibold);
+}
+
+.bzjbii5 {
+  background-color: var(--vinyasa-primary);
+  height: 2px;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), width var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  bottom: 0;
+}
+
+.bzjbii5[data-state="hidden"] {
+  opacity: 0;
+}
+
+.bzjbii6 {
+  width: 100%;
+  padding-top: var(--vinyasa-space2);
+  justify-content: center;
+  display: flex;
+  position: absolute;
+  top: 100%;
+  left: 0;
+}
+
+.bzjbii8 {
+  transform-origin: top;
+  width: var(--radix-navigation-menu-viewport-width);
+  height: var(--radix-navigation-menu-viewport-height);
+  border-radius: var(--vinyasa-radius-md);
+  background-color: var(--vinyasa-surface);
+  box-shadow: var(--vinyasa-elevation-overlay);
+  transition: width var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-standard), height var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-standard);
+  flex-shrink: 0;
+  position: relative;
+  overflow: hidden;
+}
+
+.bzjbii9 {
+  padding: var(--vinyasa-space4);
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.bzjbii9[data-state="open"] {
+  animation: bzjbii7 var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+}
+
+.bzjbiia {
+  gap: var(--vinyasa-space2);
+  grid-template-columns: repeat(2, minmax(12rem, 1fr));
+  display: grid;
+}
+
+.bzjbiib {
+  align-items: flex-start;
+  gap: var(--vinyasa-space1);
+  height: auto;
+  padding: var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-sm);
+  color: inherit;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex-direction: column;
+  text-decoration: none;
+  display: flex;
+}
+
+.bzjbiib:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+.bzjbiib:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+.bzjbiib[data-active] {
+  background-color: var(--vinyasa-tertiary);
+}
+
+.bzjbiic {
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  color: var(--vinyasa-text-default);
+}
+
+[data-active] .bzjbiic {
+  color: var(--vinyasa-on-tertiary);
+  font-weight: var(--vinyasa-font-weight-semibold);
+}
+
+.bzjbiid {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+}
+
+[data-active] .bzjbiid {
+  color: var(--vinyasa-on-tertiary);
+  opacity: .8;
+}
+
+._1szfqcu0 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+._1szfqcu0[data-orientation="vertical"] {
+  flex-direction: column;
+}
+
+._1szfqcu1 {
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  display: flex;
+}
+
+._1szfqcu1[data-orientation="vertical"] {
+  flex-direction: row;
+  flex: initial;
+  align-items: stretch;
+  min-width: auto;
+}
+
+._1szfqcu2 {
+  align-items: center;
+  display: flex;
+}
+
+[data-orientation="vertical"] ._1szfqcu2 {
+  flex-direction: column;
+  align-items: center;
+}
+
+._1szfqcu3 {
+  background-color: var(--vinyasa-border-color-default);
+  flex: 1;
+}
+
+[data-orientation="horizontal"] ._1szfqcu3 {
+  height: 2px;
+  margin-inline: var(--vinyasa-space2);
+}
+
+[data-orientation="vertical"] ._1szfqcu3 {
+  width: 2px;
+  margin-block: var(--vinyasa-space1);
+}
+
+li:last-child ._1szfqcu3 {
+  visibility: hidden;
+}
+
+[data-state="completed"] ._1szfqcu3 {
+  background-color: var(--vinyasa-status-success-text);
+}
+
+._1szfqcu4 {
+  border-radius: var(--vinyasa-radius-full);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  background-color: var(--vinyasa-surface);
+  width: 2rem;
+  height: 2rem;
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+[data-state="current"] ._1szfqcu4 {
+  border-color: var(--vinyasa-primary);
+  color: var(--vinyasa-primary);
+}
+
+[data-state="completed"] ._1szfqcu4 {
+  border-color: var(--vinyasa-status-success-text);
+  background-color: var(--vinyasa-status-success-text);
+  color: var(--vinyasa-status-success-bg);
+}
+
+[data-state="error"] ._1szfqcu4 {
+  border-color: var(--vinyasa-status-error-text);
+  background-color: var(--vinyasa-status-error-text);
+  color: var(--vinyasa-status-error-bg);
+}
+
+._1szfqcu5 {
+  font-size: 1.125rem;
+  display: inline-flex;
+}
+
+._1szfqcu6 {
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  cursor: pointer;
+}
+
+._1szfqcu6:hover {
+  border-color: var(--vinyasa-primary);
+}
+
+._1szfqcu6:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+._1szfqcu7 {
+  min-width: 0;
+  padding-top: var(--vinyasa-space2);
+}
+
+[data-orientation="vertical"] ._1szfqcu7 {
+  min-width: auto;
+  padding-top: 0;
+  padding-left: var(--vinyasa-space3);
+  padding-bottom: var(--vinyasa-space5);
+}
+
+li[data-orientation="vertical"]:last-child ._1szfqcu7 {
+  padding-bottom: 0;
+}
+
+._1szfqcu8 {
+  overflow-wrap: break-word;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  color: var(--vinyasa-text-muted);
+  display: block;
+}
+
+[data-state="current"] ._1szfqcu8, [data-state="completed"] ._1szfqcu8 {
+  color: var(--vinyasa-text-default);
+}
+
+[data-state="error"] ._1szfqcu8 {
+  color: var(--vinyasa-status-error-text);
+}
+
+._1szfqcu9 {
+  overflow-wrap: break-word;
+  margin-top: var(--vinyasa-space1);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  display: block;
+}
+
+._1glbv700 {
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-primary);
+  width: 1.75rem;
+  height: 1.75rem;
+  color: var(--vinyasa-on-primary);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-xs);
+  font-weight: var(--vinyasa-font-weight-semibold);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+  overflow: hidden;
+}
+
+._1glbv701 {
+  object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+
+._1glbv702 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  max-width: 16rem;
+  padding: var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  color: var(--vinyasa-text-default);
+  cursor: pointer;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  display: inline-flex;
+}
+
+._1glbv702:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1glbv702:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+._1glbv702[data-state="open"] {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1glbv703 {
+  flex-direction: column;
+  flex: 1;
+  align-items: flex-start;
+  min-width: 0;
+  display: flex;
+}
+
+._1glbv704 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  display: block;
+  overflow: hidden;
+}
+
+._1glbv705 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  display: block;
+  overflow: hidden;
+}
+
+._1glbv706 {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  font-size: 1rem;
+  display: inline-flex;
+}
+
+._1glbv707 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  min-width: 14rem;
+  display: flex;
+}
+
+._1glbv708 {
+  color: var(--vinyasa-primary);
+  flex-shrink: 0;
+  margin-left: auto;
+  font-size: 1rem;
+}
+
+._1o0hep20 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+._1o0hep21 {
+  padding: 0;
+  padding-left: var(--vinyasa-space5);
+  margin: 0;
+  list-style: none;
+}
+
+._1o0hep22 {
+  list-style: none;
+}
+
+._1o0hep23 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  min-width: 0;
+  padding: var(--vinyasa-space2) var(--vinyasa-space2) var(--vinyasa-space2) var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-md);
+  color: var(--vinyasa-text-default);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  cursor: pointer;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  display: flex;
+  position: relative;
+}
+
+._1o0hep23:hover:not([aria-disabled="true"]) {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1o0hep23:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: -2px;
+}
+
+._1o0hep23[aria-disabled="true"] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1o0hep23[aria-selected="true"] {
+  background-color: var(--vinyasa-tertiary);
+  color: var(--vinyasa-primary);
+  font-weight: var(--vinyasa-font-weight-medium);
+}
+
+._1o0hep23[aria-selected="true"]:before {
+  content: "";
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-primary);
+  width: .1875rem;
+  position: absolute;
+  top: .25rem;
+  bottom: .25rem;
+  left: .125rem;
+}
+
+._1o0hep24 {
+  border-radius: var(--vinyasa-radius-sm);
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  transition: transform var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  border: none;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+._1o0hep24:hover {
+  color: var(--vinyasa-text-default);
+}
+
+._1o0hep24[data-expanded="true"] {
+  transform: rotate(90deg);
+}
+
+[aria-selected="true"] ._1o0hep24 {
+  color: var(--vinyasa-primary);
+}
+
+._1o0hep25 {
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+._1o0hep26 {
+  flex-shrink: 0;
+  font-size: 1rem;
+  display: inline-flex;
+}
+
+._1o0hep27 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1pp4pc70 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  width: 100%;
+  max-width: 20rem;
+  height: 2.25rem;
+  padding: 0 var(--vinyasa-space3);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  background-color: var(--vinyasa-surface);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  cursor: pointer;
+  transition: background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  display: inline-flex;
+}
+
+._1pp4pc70:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._1pp4pc70:focus-visible {
+  outline: 2px solid var(--vinyasa-focus);
+  outline-offset: 2px;
+}
+
+._1pp4pc71 {
+  flex-shrink: 0;
+  font-size: 1rem;
+  display: inline-flex;
+}
+
+._1pp4pc72 {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  text-align: left;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1pp4pc73 {
+  flex-shrink: 0;
+}
+