.ds-composer{--ds-composer-send-size:40px;background-color:var(--color-input-bg-primary);border:var(--border-xs) solid var(--color-input-border-primary);border-radius:calc(var(--ds-composer-send-size) / 2 + var(--padding-sm) + var(--border-xs));width:100%;box-shadow:var(--shadow-floating);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard);flex-direction:column;display:flex}.ds-composer:hover:not(:focus-within){border-color:var(--color-input-border-hover)}.ds-composer:focus-within{border-color:var(--color-input-border-selected)}.ds-composer__attachments{align-items:flex-end;gap:var(--gap-xs);padding:var(--padding-md) var(--padding-lg) 0;flex-wrap:wrap;display:flex}.ds-composer__content{width:100%;padding:var(--padding-md) var(--padding-lg) var(--padding-sm);display:flex}.ds-composer__textarea{resize:none;width:100%;font-family:var(--font-paragraph-family);font-size:var(--font-paragraph-size);font-weight:var(--font-paragraph-weight);line-height:var(--font-paragraph-line-height);letter-spacing:var(--font-paragraph-letter-spacing);color:var(--color-input-text-primary);max-height:calc(var(--ds-composer-max-rows,8) * var(--font-paragraph-line-height));background-color:#0000;border:none;outline:none;padding:0;overflow-y:auto}.ds-composer__textarea::placeholder{color:var(--color-input-text-placeholder)}.ds-composer__textarea{scrollbar-width:thin;scrollbar-color:var(--color-bg-container-secondary) transparent}.ds-composer__textarea::-webkit-scrollbar{width:6px}.ds-composer__textarea::-webkit-scrollbar-track{background:0 0}.ds-composer__textarea::-webkit-scrollbar-thumb{background-color:var(--color-bg-container-secondary);border-radius:var(--radius-full)}@supports (field-sizing:content){.ds-composer__textarea{field-sizing:content}}.ds-composer__footer{align-items:center;gap:var(--gap-xs);padding:var(--padding-sm);display:flex}.ds-composer__actions{align-items:center;gap:var(--gap-xs);display:flex}.ds-composer__trailing{align-items:center;gap:var(--gap-xs);margin-left:auto;display:flex}.ds-composer--disabled{opacity:.4;cursor:not-allowed;background-color:var(--color-input-bg-disabled)}.ds-composer--disabled:hover:not(:focus-within),.ds-composer--disabled:focus-within{border-color:var(--color-input-border-disabled)}.ds-composer--disabled .ds-composer__textarea{cursor:not-allowed;color:var(--color-input-text-disabled)}
