.list-item{width:calc(100% - 32px);padding:8px 16px;cursor:pointer;list-style-type:none;font-family:var(--fonts-primary);font-size:var(--typography-font-size-p2);font-weight:var(--typography-font-weight-regular);text-align:left}.list-item--highlighted{background-color:#f5f5f5}.list-item--disabled{cursor:not-allowed;opacity:.5}.dropdown-list{position:absolute;top:100%;left:-1px;right:-1px;width:auto;box-sizing:border-box;background:var(--colors-background);list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;border:var(--components-search-input-wrapper-border-width) var(--components-search-input-wrapper-border-style) var(--components-search-input-wrapper-border-color);max-height:calc(40px * 5);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#555}.search-input-wrapper{width:var(--components-search-input-wrapper-width);height:var(--components-search-input-wrapper-height);background:var(--components-search-input-wrapper-background);border:var(--components-search-input-wrapper-border-width) var(--components-search-input-wrapper-border-style) var(--components-search-input-wrapper-border-color);display:flex;align-items:center;position:relative}.search-input-container{display:flex;align-items:center;width:100%;height:100%;padding:var(--components-search-input-wrapper-padding)}.search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--components-search-input-input-font-family);font-size:var(--components-search-input-input-font-size);font-weight:var(--components-search-input-input-font-weight);color:var(--colors-primary)}.search-icon{width:var(--components-search-input-icon-size);height:var(--components-search-input-icon-size);color:var(--components-search-input-icon-color)}.icon-left .search-icon{margin-right:var(--components-search-input-icon-padding-right)}.icon-right .search-icon{margin-left:var(--components-search-input-icon-padding-left)}.search-input::placeholder{color:var(--colors-primary)}