diff --git a/static/style.css b/static/style.css index b71ae9f..919aa68 100644 --- a/static/style.css +++ b/static/style.css @@ -1493,7 +1493,11 @@ o-conversations { display: flex; align-items: center; gap: 12px; - transition: padding 0.2s ease, min-height 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; + transition: + padding 0.2s ease, + min-height 0.2s ease, + box-shadow 0.45s cubic-bezier(0.4, 0, 0.2, 1), + border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1); } .stadium-shell.is-multiline { @@ -1506,19 +1510,19 @@ o-conversations { .stadium-shell.is-focused, .stadium-shell.has-text { - border-color: rgba(218, 119, 86, 0.35); + border-color: rgba(218, 119, 86, 0.32); box-shadow: - 0 0 0 1px rgba(218, 119, 86, 0.18), - 0 0 14px rgba(218, 119, 86, 0.18), - 0 18px 40px rgba(15, 23, 42, 0.18); + 0 2px 22px rgba(218, 119, 86, 0.18), + 0 0 30px rgba(218, 119, 86, 0.16), + 0 22px 60px rgba(15, 23, 42, 0.22); } .stadium-shell.is-multiline.is-focused, .stadium-shell.is-multiline.has-text { box-shadow: - 0 0 0 1px rgba(218, 119, 86, 0.2), - 0 0 18px rgba(218, 119, 86, 0.2), - 0 26px 68px rgba(15, 23, 42, 0.24); + 0 2px 28px rgba(218, 119, 86, 0.2), + 0 0 36px rgba(218, 119, 86, 0.2), + 0 32px 86px rgba(15, 23, 42, 0.28); } .stadium-input {