:host{display:block;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:host([fillspace]){width:100%}.dropdown-wrap{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);width:100%;box-sizing:border-box}.dropdown-wrap.fill-space{width:100%}.dropdown-trigger{display:block;width:100%;box-sizing:border-box}.dropdown-items{z-index:20;overflow:hidden;max-height:256px;box-sizing:border-box;border:none;margin:0;border-radius:var(--radius-primary);background-color:var(--components-dropdown-bg);box-shadow:0px 2px 8px 0px rgba(10,10,10,0.1);animation:opacity-show 0.15s linear forwards}.search-input{flex:0 0 auto;padding:var(--space-2);box-sizing:border-box}.search-input .input{display:flex;align-items:center;gap:var(--space-3);box-sizing:border-box;height:var(--space-9);padding-top:0px;padding-bottom:0px;padding-left:var(--space-4);padding-right:var(--space-4);border:2px solid var(--components-input-border);border-radius:var(--radius-components-input);background:transparent;transition:border-color 0.2s ease}.search-input .input:focus-within{border-color:var(--components-input-border-focus)}.search-input .input .search-icon,.search-input .input .clear-icon{flex-shrink:0;display:flex;width:var(--space-4);height:var(--space-4);align-items:center;justify-content:center}.clear-icon{padding:0;border:none;background:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.1s ease}.clear-icon.is-visible{opacity:1;pointer-events:auto}.search-input .input input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:none;outline:none;background:transparent;font-family:var(--font-family-body),sans-serif;font-weight:400;font-size:var(--font-size-body-14);line-height:var(--font-line-height-body-14);letter-spacing:var(--font-letter-spacing-body-14);color:var(--components-input-fg-primary)}.search-input .input input::placeholder{color:var(--components-input-fg-secondary);opacity:1}.dropdown-list{flex:1 1 auto;min-height:0;overflow:auto;box-sizing:border-box;scrollbar-color:var(--neutral-70) transparent}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-thumb{background-color:var(--neutral-70);border-radius:var(--radius-1)}.dropdown-list ::slotted(.hidden){display:none}@keyframes opacity-show{from{opacity:0}to{opacity:1}}