.comp-picker{width:100%;position:relative}.comp-picker>input{width:100%}.comp-picker-input--with-clear{padding-right:30px}.comp-picker-popup{z-index:200;background:#1d1d1d;border:1px solid #ffffff1f;border-radius:8px;width:max-content;min-width:100%;max-width:min(480px,100vw - 32px);max-height:320px;padding:4px 0;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000059}.comp-picker-item{color:#d4d4d4;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.85rem;transition:background .15s;display:flex}.comp-picker-item:hover{background:#ffffff0f}.comp-picker-item.is-cancelled .comp-picker-name,.comp-picker-item.is-cancelled .comp-picker-meta{opacity:.6;text-decoration:line-through}.comp-picker-item>.fi,.comp-picker-item>img{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:14px}.comp-picker-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.comp-picker-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.comp-picker-meta{color:#8f8f8f;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.comp-picker-id{color:#d97757;font-family:monospace}.comp-picker-preset-icon{color:#c8c8c8;flex-shrink:0;justify-content:center;align-items:center;width:20px;display:inline-flex}.comp-picker-item--preset:hover .comp-picker-preset-icon{color:#e8a27a}