.keyword-input-wrap{border:1px solid var(--ui-clr-600);background:var(--ui-clr-800);cursor:text;box-sizing:border-box;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.keyword-input-wrap:focus-within{border-color:var(--ui-clr-400);background:var(--ui-clr-750);box-shadow:0 0 0 3px #9ca3af1a}.keyword-input-wrap.error{border-color:#ef4444}.keyword-input-wrap.disabled{opacity:.5;pointer-events:none}.keyword-input-pills{flex-wrap:wrap;gap:6px;display:flex}.keyword-input-pill{background-color:var(--ui-clr-700);color:var(--ui-clr-300);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;align-items:center;gap:4px;max-width:200px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex;overflow:hidden}.keyword-input-pill-remove{cursor:pointer;color:var(--ui-clr-500);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin:0;padding:0;transition:all .15s;display:inline-flex}.keyword-input-pill-remove:hover{color:var(--ui-clr-100);background-color:var(--ui-clr-600)}.keyword-input-pill-remove svg{width:10px;height:10px}.keyword-input-field{color:var(--ui-clr-100);background:0 0;border:none;outline:none;width:100%;padding:2px 0;font-family:inherit;font-size:14px}.keyword-input-field::placeholder{color:var(--ui-clr-500)}
[popover].create-topic-popover,.create-topic-popover{background-color:var(--ui-clr-950);border:1px solid var(--ui-clr-900);color:var(--ui-clr-100);width:400px;max-height:90vh;overflow-y:auto}:is([popover].create-topic-popover,.create-topic-popover) .create-topic-header{color:var(--ui-clr-50);border-bottom:1px solid var(--ui-clr-900);justify-content:flex-start;align-items:center;gap:4px;padding:20px 35px 15px;display:flex;position:relative}:is([popover].create-topic-popover,.create-topic-popover) .create-topic-header .title{text-align:center;color:var(--ui-clr-success);margin:0;font-size:14px;font-weight:400;line-height:1.2}:is([popover].create-topic-popover,.create-topic-popover) .create-topic-close{cursor:pointer;color:var(--ui-clr-50);opacity:.8;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:8px;transition:all .2s;position:absolute;top:8px;right:8px}:is([popover].create-topic-popover,.create-topic-popover) .create-topic-close:hover{opacity:1;background:var(--ui-clr-900)}:is([popover].create-topic-popover,.create-topic-popover) .create-topic-close .close-icon{width:20px;height:20px}:is([popover].create-topic-popover,.create-topic-popover) .create-topic-content{box-sizing:border-box;padding:35px}:is([popover].create-topic-popover,.create-topic-popover) .create-topic-form{flex-direction:column;gap:20px;display:flex}:is([popover].create-topic-popover,.create-topic-popover) .form-group{flex-direction:column;gap:8px;display:flex}:is([popover].create-topic-popover,.create-topic-popover) .form-label{color:var(--ui-clr-500);margin:0;font-size:12px;font-weight:400}:is([popover].create-topic-popover,.create-topic-popover) .form-hint{color:var(--ui-clr-600);font-size:11px}:is([popover].create-topic-popover,.create-topic-popover) .required{color:#ef4444}:is([popover].create-topic-popover,.create-topic-popover) input[type=text],:is([popover].create-topic-popover,.create-topic-popover) input[type=number],:is([popover].create-topic-popover,.create-topic-popover) select,:is([popover].create-topic-popover,.create-topic-popover) textarea{border:1px solid var(--ui-clr-600);background:var(--ui-clr-800);color:var(--ui-clr-100);box-sizing:border-box;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}:is([popover].create-topic-popover,.create-topic-popover) input[type=text]:focus,:is([popover].create-topic-popover,.create-topic-popover) input[type=number]:focus,:is([popover].create-topic-popover,.create-topic-popover) select:focus,:is([popover].create-topic-popover,.create-topic-popover) textarea:focus{border-color:var(--ui-clr-400);background:var(--ui-clr-750);outline:none;box-shadow:0 0 0 3px #9ca3af1a}:is([popover].create-topic-popover,.create-topic-popover) input[type=text]::placeholder,:is([popover].create-topic-popover,.create-topic-popover) input[type=number]::placeholder,:is([popover].create-topic-popover,.create-topic-popover) textarea::placeholder{color:var(--ui-clr-500)}:is([popover].create-topic-popover,.create-topic-popover) input.error,:is([popover].create-topic-popover,.create-topic-popover) textarea.error{border-color:#ef4444}:is([popover].create-topic-popover,.create-topic-popover) textarea{resize:vertical;min-height:72px}:is([popover].create-topic-popover,.create-topic-popover) select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}:is([popover].create-topic-popover,.create-topic-popover) .form-group-checkbox{flex-direction:row;align-items:center;gap:0}:is([popover].create-topic-popover,.create-topic-popover) .form-label-checkbox{color:var(--ui-clr-300);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}:is([popover].create-topic-popover,.create-topic-popover) .form-label-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--ui-clr-success);cursor:pointer;margin:0}:is([popover].create-topic-popover,.create-topic-popover) .success-message{background:#4ade801a;border:1px solid #4ade8033;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:16px;display:flex}:is([popover].create-topic-popover,.create-topic-popover) .success-message .success-icon{color:var(--ui-clr-success);flex-shrink:0;font-size:24px}:is([popover].create-topic-popover,.create-topic-popover) .success-message h3{color:var(--ui-clr-100);margin:0 0 4px;font-size:14px;font-weight:500}:is([popover].create-topic-popover,.create-topic-popover) .success-message p{color:var(--ui-clr-400);margin:0;font-size:12px}:is([popover].create-topic-popover,.create-topic-popover) .error-message{color:#ef4444;font-size:12px}:is([popover].create-topic-popover,.create-topic-popover) .form-actions{flex-direction:column;align-items:stretch;gap:12px;padding-top:8px;display:flex}:is([popover].create-topic-popover,.create-topic-popover) .submit-button{background-color:var(--ui-clr-success);color:var(--ui-clr-950);cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px 24px;font-size:14px;font-weight:500;transition:all .2s}:is([popover].create-topic-popover,.create-topic-popover) .submit-button:hover:not(:disabled){background-color:#5aa565;transform:translateY(-1px);box-shadow:0 10px 25px -5px #0000004d}:is([popover].create-topic-popover,.create-topic-popover) .submit-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--ui-clr-800);transform:none}@media (max-width:640px){[popover].create-topic-popover{width:100%;min-height:100vh}}