diff --git a/prototypes/project-cube-orbit/app/globals.css b/prototypes/project-cube-orbit/app/globals.css index 86eacef5ac..a30cbe38f0 100644 --- a/prototypes/project-cube-orbit/app/globals.css +++ b/prototypes/project-cube-orbit/app/globals.css @@ -84,7 +84,10 @@ body { background: #e6f2f5; color: var(--ink); font-family: Inter, ui-sans-serif } .bestie-chat.is-detached { z-index: 10; border: 1px solid rgba(255,255,255,.96); border-radius: 28px; background: rgba(255,255,255,.94); box-shadow: 0 18px 44px rgba(53,76,86,.16), inset 0 1px 0 rgba(255,255,255,.9); transition: transform 240ms cubic-bezier(.455,.03,.515,.955), width 240ms cubic-bezier(.455,.03,.515,.955), height 240ms cubic-bezier(.455,.03,.515,.955), border-radius 240ms cubic-bezier(.455,.03,.515,.955), box-shadow 180ms ease; } .bestie-chat.is-detached.is-dragging { z-index: 45; } -.bestie-chat.is-detached.is-connected { box-shadow: none; } +.bestie-chat.is-detached.is-connected { + border-color: rgba(38,38,38,.1); + box-shadow: inset 0 0 0 1px rgba(255,255,255,.48); +} .bestie-chat.is-slotted { width: var(--bestie-slot-width); height: var(--bestie-slot-height); } .bestie-chat.is-dragging { transition: none; } .bestie-chat.is-tearing { transform: translate3d(calc(var(--bestie-x) + var(--messages-pan-x)), calc(var(--bestie-y) + var(--messages-pan-y)), 0) scale(1.018); box-shadow: 0 24px 64px rgba(53,76,86,.22), inset 0 1px 0 rgba(255,255,255,.9); }