.hp-select{width:100%;max-width:360px;position:relative}.hp-select--block{max-width:none}.hp-select__control{cursor:pointer}.hp-select__control.hp-control--open{cursor:text}.hp-select--multiple .hp-select__control{height:auto;min-height:var(--hp-control-height);padding-top:5px;padding-bottom:5px}.hp-select__selection{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;min-height:30px;padding:0;display:flex;position:relative}.hp-select--single .hp-select__selection{flex-wrap:nowrap;overflow:hidden}.hp-select__value{font-size:var(--hp-text-base);text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:30px;line-height:30px;overflow:hidden}.hp-select__placeholder{color:var(--hp-n-400);font-size:var(--hp-text-base);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;overflow:hidden}.hp-select__search{min-width:48px;box-shadow:none;font:inherit;font-size:var(--hp-text-base);color:inherit;background:0 0;border:0;outline:none;flex:1;width:0;height:30px;margin:0;padding:0;line-height:30px}.hp-select__search::placeholder{color:var(--hp-n-400);opacity:1}.hp-select__search:focus,.hp-select__search:focus-visible{box-shadow:none;outline:none}.hp-select__search:disabled{cursor:not-allowed}.hp-select--single:not(.hp-select--searchable) .hp-select__search{opacity:0;pointer-events:none;width:1px;min-width:0;height:1px;position:absolute}.hp-select--searching .hp-select__value,.hp-select--searching .hp-select__placeholder{display:none}.hp-select--single.hp-select--searchable .hp-select__search{opacity:0;z-index:1;width:auto;min-width:0;height:30px;position:absolute;inset:0}.hp-select--single.hp-select--searchable.hp-select--searching .hp-select__search,.hp-select--single.hp-select--searchable .hp-select__control--open .hp-select__search{opacity:1}.hp-select--multiple .hp-select__search{flex:60px;min-width:60px}.hp-select__tag{background:var(--hp-n-100);max-width:100%;height:22px;color:var(--hp-n-900);font-size:var(--hp-text-sm);box-sizing:border-box;border-radius:4px;align-items:center;gap:4px;padding:0 2px 0 8px;font-weight:500;line-height:22px;display:inline-flex}.hp-select__tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-select__tag-remove{width:18px;height:18px;color:var(--hp-n-400);cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;padding:0;display:grid}.hp-select__tag-remove:hover{background:var(--hp-n-200);color:var(--hp-n-900)}.hp-select__tag--rest{color:var(--hp-n-600);font-variant-numeric:tabular-nums;padding-right:8px}.hp-select__suffix{color:var(--hp-n-400);flex:none;align-items:center;gap:2px;display:inline-flex}.hp-select__icon-btn{border-radius:var(--hp-radius-sm);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hp-select__icon-btn:hover:not(:disabled){background:var(--hp-n-100);color:var(--hp-n-900)}.hp-select__icon-btn:disabled{opacity:.4;cursor:not-allowed}.hp-select__clear{opacity:0;pointer-events:none;transition:opacity var(--hp-motion-fast)}.hp-select__control:hover .hp-select__clear:not(:disabled),.hp-select__control:focus-within .hp-select__clear:not(:disabled),.hp-select__clear:focus-visible{opacity:1;pointer-events:auto}.hp-select__arrow{width:28px;height:28px;transition:transform var(--hp-motion-fast) var(--hp-ease);place-items:center;display:grid}.hp-select__control--open .hp-select__arrow{transform:rotate(180deg)}.hp-select__spinner{border:2px solid var(--hp-n-200);border-top-color:var(--hp-primary-500);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite hp-select-spin}@keyframes hp-select-spin{to{transform:rotate(360deg)}}.hp-select__dropdown{z-index:var(--hp-z-dropdown);background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-md);width:100%;min-width:100%;max-height:280px;box-shadow:var(--hp-shadow-md);animation:hp-select-pop var(--hp-motion-fast) var(--hp-ease);flex-direction:column;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.hp-select__dropdown--open{display:flex}.hp-select__dropdown--up{animation-name:hp-select-pop-up;top:auto;bottom:calc(100% + 6px)}@keyframes hp-select-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-select-pop-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hp-select__list{scrollbar-width:thin;max-height:268px;margin:0;padding:0;list-style:none;overflow-y:auto}.hp-select__group-label{font-size:var(--hp-text-xs);color:var(--hp-n-400);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px 4px;font-weight:600}.hp-select__option{text-align:left;width:100%;font:inherit;font-size:var(--hp-text-md);color:var(--hp-n-900);border-radius:var(--hp-radius-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;line-height:1.35;display:flex}.hp-select__option:hover:not(:disabled):not(.hp-select__option--disabled),.hp-select__option--active:not(:disabled){background:var(--hp-n-50)}.hp-select__option--selected{background:var(--hp-primary-100);color:var(--hp-primary-600);font-weight:600}.hp-select__option--selected.hp-select__option--active,.hp-select__option--selected:hover:not(:disabled){background:var(--hp-primary-100)}.hp-select__option--disabled,.hp-select__option:disabled{color:var(--hp-n-200);cursor:not-allowed;background:0 0}.hp-select__option-check{width:16px;height:16px;color:var(--hp-primary-500);flex:none;place-items:center;display:grid}.hp-select__option-check:empty{visibility:hidden}.hp-select__option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hp-select__option-desc{font-size:var(--hp-text-xs);color:var(--hp-n-400);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-weight:400;display:block;overflow:hidden}.hp-select__option--selected .hp-select__option-desc{color:var(--hp-primary-600);opacity:.75}.hp-select__empty,.hp-select__loading-msg{text-align:center;font-size:var(--hp-text-md);color:var(--hp-n-400);padding:18px 12px}.hp-select__footer{border-top:1px solid var(--hp-border);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:8px 6px 2px;display:flex}.hp-select__count{font-size:var(--hp-text-xs);color:var(--hp-n-400);font-variant-numeric:tabular-nums}