Decoder2704/python-chatbot-jay
0
1.chat-input-bar {2 display: flex;3 align-items: center;4 gap: 0.5rem;5 padding: 0.5rem 0.65rem;6 background: #ffffff;7 border: 1px solid rgba(15, 23, 42, 0.1);8 border-radius: 9999px;9 box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);10 transition:11 border-color var(--duration-normal) var(--ease-standard),12 box-shadow var(--duration-normal) var(--ease-standard);13}14 15.chat-input-bar:focus-within {16 border-color: rgba(99, 102, 241, 0.45);17 box-shadow:18 0 0 0 3px rgba(99, 102, 241, 0.12),19 0 4px 22px rgba(15, 23, 42, 0.08);20}21 22.chat-input-bar__field {23 flex: 1;24 min-width: 0;25 padding: 0.65rem 0.65rem 0.65rem 0.85rem;26 font-size: 0.9375rem;27 border: none;28 background: transparent;29 color: #0f172a;30}31 32.chat-input-bar__field:focus {33 outline: none;34}35 36.chat-input-bar__field::placeholder {37 color: #94a3b8;38 transition: opacity var(--duration-normal) var(--ease-standard);39}40 41.chat-input-bar:focus-within .chat-input-bar__field::placeholder {42 opacity: 0.75;43}44 45.chat-input-bar__field:disabled {46 opacity: 0.6;47}48 49.chat-input-bar__send {50 flex-shrink: 0;51 display: flex;52 align-items: center;53 justify-content: center;54 width: 2.75rem;55 height: 2.75rem;56 padding: 0;57 color: #ffffff;58 background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);59 border: none;60 border-radius: 50%;61 cursor: pointer;62 box-shadow: 0 2px 8px rgba(79, 70, 229, 0.35);63 transition:64 filter var(--duration-fast) var(--ease-standard),65 transform var(--duration-fast) var(--ease-spring),66 box-shadow var(--duration-normal) var(--ease-standard);67}68 69.chat-input-bar__send:hover:not(:disabled) {70 filter: brightness(1.08);71 box-shadow: 0 4px 16px rgba(79, 70, 229, 0.45);72}73 74.chat-input-bar__send:active:not(:disabled) {75 transform: scale(0.94);76}77 78.chat-input-bar__send:focus-visible {79 outline: none;80 box-shadow: var(--focus-ring), 0 2px 8px rgba(79, 70, 229, 0.35);81}82 83.chat-input-bar__send:disabled {84 opacity: 0.45;85 cursor: not-allowed;86}87