.orca-dropdown {
  position: relative;
}

.orca-dropdown-summary {
  cursor: pointer;
  list-style: none;
}

.orca-dropdown-summary::-webkit-details-marker {
  display: none;
}

.orca-dropdown-panel {
  position: absolute;
  top: calc(100% + 0.5rem);
  z-index: 80;
  display: grid;
  gap: 0.25rem;
  border: 1px solid var(--orca-border);
  border-radius: 0.75rem;
  background: var(--orca-surface);
  box-shadow: 0 18px 42px color-mix(in srgb, var(--orca-primary) 14%, transparent);
  padding: 0.375rem;
}

.orca-dropdown-panel--right {
  right: 0;
}

.orca-dropdown-panel--stretch {
  right: 0;
  left: 0;
  top: calc(100% + 0.375rem);
}

.orca-dropdown-panel--fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 70;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
}

.orca-dropdown-panel--fixed[data-positioned="false"] {
  visibility: hidden;
}

.orca-dropdown:not([open]) .orca-dropdown-panel {
  display: none;
}

.orca-dropdown-option {
  display: flex;
  align-items: center;
  width: 100%;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--orca-text);
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}