.tag-selector{border:1px solid var(--color-border);border-radius:.5vmin;width:100%;margin-top:1px;position:relative}.tag-selector .tag-selector-input-wrapper{background-color:var(--color-background);cursor:text;scrollbar-width:thin;border:0;border-radius:.5vmin;flex-wrap:nowrap;align-items:center;gap:.25rem;padding:0 6px;display:flex;overflow:auto hidden}.tag-selector .tag-selector-input-wrapper::-webkit-scrollbar{height:4px}.tag-selector .tag-selector-input-wrapper::-webkit-scrollbar-track{background:0 0}.tag-selector .tag-selector-input-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.tag-selector .tag-selector-input-wrapper .tag-selector-chips-container{flex-wrap:nowrap;align-items:center;gap:.25rem;display:flex}.tag-selector .tag-selector-input-wrapper .tag-selector-chips-container .tag-chip{color:var(--color-text);white-space:nowrap;cursor:pointer;background-color:#e4b1f533;border-radius:9999px;align-items:center;padding:.25rem .5rem;font-size:.875rem;display:flex}.tag-selector .tag-selector-input-wrapper .tag-selector-chips-container .tag-chip .remove-tag-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;margin-left:.25rem;padding:0;font-size:1rem;line-height:1}.tag-selector .tag-selector-input-wrapper .tag-selector-chips-container .tag-chip .remove-tag-btn:hover{color:var(--color-text)}.tag-selector .tag-selector-input-wrapper .tag-selector-input{min-width:80px;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;margin-top:0;padding:10px 4px}.tag-selector .tag-selector-plus-btn{background-color:var(--color-background);width:28px;height:28px;color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tag-selector .tag-selector-plus-btn:hover{border-color:var(--color-primary);background-color:#ffa8771a}.tag-selector .tag-selector-plus-btn:active{transform:translateY(-50%)scale(.95)}.tag-selector .tag-selector-dropdown{background-color:var(--color-background);z-index:100;border-radius:.5vmin;max-height:250px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.tag-selector .tag-selector-dropdown .tag-selector-options .tag-selector-option{cursor:pointer;align-items:center;padding:.75rem 1rem;transition:background-color .2s;display:flex}.tag-selector .tag-selector-dropdown .tag-selector-options .tag-selector-option:hover{background-color:#ffa8771a}.tag-selector .tag-selector-dropdown .tag-selector-options .tag-selector-option.selected{background-color:#e4b1f533}.tag-selector .tag-selector-dropdown .tag-selector-options .tag-selector-option .checkbox{color:var(--color-primary);margin-right:.5rem;font-weight:700}.tag-selector .tag-selector-dropdown .tag-selector-option--custom{color:var(--color-text);cursor:pointer;background-color:#e4b1f533;align-items:center;padding:.75rem 1rem;font-weight:500;transition:background-color .2s;display:flex}.tag-selector .tag-selector-dropdown .tag-selector-option--custom:hover{background-color:#e4b1f54d}.tag-selector .tag-selector-dropdown .tag-selector-option--custom .checkbox{color:var(--color-primary);margin-right:.5rem;font-weight:700}
