.TagEditor{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.TagEditor .DataListInput{display:flex;max-width:100%}.TagEditor .DataListInput input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:99rem 0 0 99rem;border-right:0;color:var(--text-color);font-size:.9rem;line-height:1;padding:0 .6rem;width:22rem}.TagEditor .DataListInput input::placeholder{color:var(--text-color--veryLight)}.TagEditor .DataListInput button{background-color:transparent;border:1px solid var(--primary-color);border-radius:0 99rem 99rem 0;color:var(--primary-color);flex-shrink:0;font-size:.9rem;padding:0 1.2em 0 1em}.TagEditor .TagName{border:1px solid var(--border-color);border-radius:99rem;color:var(--text-color--link);content:"";display:inline-block;padding:0 .6rem;text-decoration:none}.TagEditor .TagName-Contents{align-items:center;display:flex;gap:.4rem}.TagEditor .TagName-Text{font-size:.9rem}.TagEditor .TagName-Text:hover{text-decoration:underline}.TagEditor .TagName-LockButton{align-items:center;appearance:none;background-color:transparent;border:none;color:var(--text-color--veryLight);cursor:pointer;display:flex;font-size:.8rem;outline:none;padding:0}.TagEditor .TagName-LockButton.locked{color:var(--gold-color)}.TagEditor .TagName-LockButton:hover{filter:brightness(80%)}.TagEditor .TagName-LockButton.locked:disabled{cursor:default}.TagEditor .TagName-LockButton.locked:disabled:hover{filter:none}.TagEditor .TagName-Delete{align-items:center;appearance:none;background-color:transparent;border:none;color:var(--text-color--veryLight);cursor:pointer;display:flex;font-size:.8rem;outline:none;padding:0}.TagEditor .TagName-Delete:hover{filter:brightness(80%)}.Modal .content{background:var(--bg-color);border-radius:4px;max-width:360px;padding:12px}.Modal .content p{margin:0 0 12px}.Modal .content button{border:0;border-radius:5px;display:inline-block;font-size:.85rem;margin:0 4px 0 0;padding:.4em .8em}.Modal .content button.danger{background-color:var(--danger-color);color:var(--text-color--button)}.Modal .content button.primary{background-color:var(--primary-color);color:var(--text-color--button)}.Modal .content button.cancel{background-color:transparent;color:var(--text-color--link)}.Modal .overlay{align-items:center;background-color:rgba(0,0,0,.3);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.TagEditor-Errors .Error{color:red;line-height:1.6rem}.TagEditor-Errors button.Error-Delete{appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}.TagEditor-Errors .Error-Delete{border-radius:.2rem;height:1.2rem;position:relative;width:1.2rem}.TagEditor-Errors .Error-Delete:after,.TagEditor-Errors .Error-Delete:before{border-top:1px solid #acacac;content:"";display:block;left:0;margin:auto;position:absolute;right:0;top:50%;width:40%}.TagEditor-Errors .Error-Delete:after{transform:skewY(-45deg)}.TagEditor-Errors .Error-Delete:before{transform:skewY(45deg)}.TagEditor-Errors .Error-Delete:hover{background-color:#f0f0f0}.TagEditor-Errors .Error-Delete:hover:after,.TagEditor-Errors .Error-Delete:hover:before{border-color:#000}.TagEditor-Errors .clearText{overflow:hidden;text-indent:300%;white-space:nowrap}