.donbuild-dropdown { position: relative; display: inline-block; max-width: 100%; }
.donbuild-dropdown__trigger[hidden] { display: none; }
.donbuild-dropdown__panel { z-index: var(--donbuild-z-dropdown); width: max-content; min-width: 12rem; max-width: min(18rem, calc(100vw - var(--donbuild-space-8))); padding: var(--donbuild-space-2); border: 1px solid var(--donbuild-color-border); border-radius: var(--donbuild-radius-md); background: var(--donbuild-color-surface); box-shadow: 0 var(--donbuild-space-2) var(--donbuild-space-5) rgb(17 17 17 / 12%); overflow-wrap: anywhere; }
[data-donbuild-dropdown][data-donbuild-ready="true"] .donbuild-dropdown__panel { position: absolute; inset-block-start: calc(100% + var(--donbuild-space-1)); inset-inline-end: 0; }
.donbuild-dropdown__panel[hidden] { display: none; }
.donbuild-dropdown__panel :is(a, button) { display: flex; align-items: center; min-height: var(--donbuild-space-12); width: 100%; padding: var(--donbuild-space-2) var(--donbuild-space-3); border: 0; border-radius: var(--donbuild-radius-sm); color: var(--donbuild-color-text-primary); background: transparent; text-align: start; text-decoration: none; cursor: pointer; }
.donbuild-dropdown__panel :is(a, button):hover { background: var(--donbuild-color-surface-subtle); }
.donbuild-dropdown__panel ul { margin: 0; padding: 0; list-style: none; }