.dropdown{position:relative;width:min(220px,100%)}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--input-height);background:var(--input-bg);border:none;border-radius:var(--input-radius);padding:0 10px;cursor:pointer;font-family:var(--font-sans);font-size:.875rem;color:var(--input-text);text-align:left;transition:border-radius .15s}.dropdown.is-open .dropdown-trigger{border-radius:var(--input-radius) var(--input-radius) 0 0}.dropdown-value{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:8px;margin-left:8px;flex-shrink:0;color:var(--input-text)}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:var(--input-bg);border-radius:0 0 var(--input-radius) var(--input-radius);overflow:hidden;z-index:200;list-style:none;margin:0;padding:0}.dropdown-item{display:flex;align-items:center;height:var(--input-height);padding:0 10px;font-family:var(--font-sans);font-size:.875rem;color:var(--input-text);cursor:pointer}.dropdown-item:hover{background:#d9d9d9}