.DropdownMenu{--dropdown-button-height: var(--size-6);--dropdown-button-padding: var(--size-1-5);--dropdown-button-font-size: var(--font-size-md);display:inline-flex;color:var(--color-black);width:100%}.DropdownMenu[data-size=sm]{--dropdown-button-height: var(--size-5);--dropdown-button-padding: var(--size-1)}.DropdownMenu[data-size=lg]{--dropdown-button-height: var(--size-7);--dropdown-button-font-size: var(--font-size-lg)}.DropdownMenu[data-has-placeholder=true]{color:var(--color-gray)}.DropdownMenu__button{box-sizing:border-box;display:flex;flex:1;gap:var(--size-1);align-items:center;position:relative;background-color:var(--color-white);border:var(--border);color:inherit;border-radius:var(--radius-md);cursor:pointer;height:var(--dropdown-button-height);padding:var(--dropdown-button-padding);font-size:var(--dropdown-button-font-size);font-family:var(--font-sans);text-align:left;line-height:var(--line-height-none);-webkit-user-select:none;user-select:none;-webkit-text-decoration:none;text-decoration:none;overflow:hidden}.DropdownMenu__button:active{opacity:var(--opacity-80)}.DropdownMenu[aria-disabled=true] .DropdownMenu__button{pointer-events:none;color:var(--color-black);background-color:#e4e8ecb3;border-color:transparent}.DropdownMenu__button-label{flex:1;margin-inline-end:var(--size-0-5);overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.DropdownMenu[aria-disabled=true] .DropdownMenu__button-label,.DropdownMenu[aria-disabled=true] .DropdownMenu__button-label+*{opacity:var(--opacity-70)}@media (min-width: 768px){:root{--page-gutter: var(--size-4)}}