:root{--input-offset: 56px}.input-wrapper{display:flex;width:85%;max-width:700px;padding:10px 0;margin:0 auto}.composer-pill{position:relative;width:100%;display:flex;flex-direction:column;border:1px solid #ececec;border-radius:25px;background:#fff;box-shadow:0 1px 6px #20212447;transition:box-shadow .3s ease-in-out}.composer-pill:focus-within{box-shadow:0 2px 8px #20212459}.composer-attachments{display:none;gap:12px;padding:12px var(--input-offset) 6px var(--input-offset);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.composer-attachments.show{display:flex}.attachment-chip{position:relative;width:72px;height:72px;border-radius:14px;overflow:hidden;background:#f3f3f3;flex:0 0 auto}.attachment-chip img{width:100%;height:100%;object-fit:cover;display:block}.attachment-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:999px;border:none;background:#000;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;padding-bottom:2px;cursor:pointer;opacity:.92;transition:opacity .12s ease,transform .12s ease}#imagePreviewRow .attachment-chip>.attachment-remove .attachment-remove-icon{display:inline-block;transform:translateY(4%);line-height:1}@media (hover:hover){.attachment-remove:hover{opacity:1;transform:translateY(-1px)}}.composer-row{position:relative;display:flex;align-items:center;height:48px;min-height:48px;max-height:48px}.chat-input{box-sizing:border-box;width:100%;padding-left:var(--input-offset);padding-right:var(--input-offset);border:none;outline:none;background:transparent;color:#000;font-size:14px;resize:none}.composer-row .chat-input{height:48px;min-height:48px;max-height:48px;padding-top:0;padding-bottom:0;line-height:48px;overflow-y:hidden}.chat-input::-webkit-scrollbar{width:8px}.chat-input::-webkit-scrollbar-track{background:#fff;box-shadow:inset 0 49px #fff}.chat-input::-webkit-scrollbar-thumb{background-color:#ececec;border-radius:4px}.chat-input::-webkit-scrollbar-button{display:block}.typing-placeholder{position:absolute;left:var(--input-offset);top:50%;transform:translateY(-50%);font-size:12px;color:#888;pointer-events:none;white-space:nowrap;overflow:hidden}.chat-button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:transparent;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transition:transform .18s ease,filter .18s ease}.chat-button .send-bg{fill:#000}.chat-button.has-text .send-bg{fill:#6f6f6f}@media (hover:hover){.chat-button:hover{filter:brightness(1.05);transform:translateY(-50%) translateY(-1px)}}.chat-button.is-generating:hover{filter:none;transform:translateY(-50%)}.chat-button.is-generating .send-bg{fill:#000}.chat-button svg{width:34px;height:34px;display:block}.chat-button .send-bg{rx:17;ry:17}.logo-svg-1{height:.74em;width:auto;transform:translateY(-.4px)}.loading{font-size:16px;color:#555}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ai-chat-composer.css.map */