.slug-input-wrapper{width:100%}.slug-input-container{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--graph1);border-radius:8px;transition:border-color .3s;background-color:transparent}.slug-input-container:focus-within{border-color:var(--primaryBrand)}.slug-input-container.slug-input-error{border-color:var(--error)}.slug-input-container.slug-input-success{border-color:var(--success)}.slug-prefix{color:var(--secondaryText);font-size:16px;margin-top:-5px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slug-input{flex:1 1;border:none;outline:none;background:transparent;font-size:16px;color:var(--primaryText);padding:0}.slug-input::placeholder{color:var(--secondaryText)}.slug-status-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.slug-status-indicator svg{width:20px;height:20px}.slug-input-container.slug-input-error .slug-status-indicator svg{fill:var(--error)}.slug-input-container.slug-input-success .slug-status-indicator svg{fill:var(--success)}.slug-message-container{min-height:18px;margin-top:8px}.slug-error-message,.slug-success-message{display:flex;align-items:center;gap:8px;font-size:14px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.slug-error-message{color:var(--error)}.slug-error-message svg{width:16px;height:16px;fill:var(--error);flex-shrink:0}.slug-success-message{color:var(--success)}.slug-success-message svg{width:16px;height:16px;fill:var(--success);flex-shrink:0}