@layer components{.bv-scene{display:grid;width:100%}.bv-scene>*{grid-area:1 / 1;min-width:0;min-height:0}.bv-chat{width:100%;visibility:hidden}.bv-app{display:flex}.bv-app .dapp{flex:1;min-height:0;overflow:hidden}@media(min-width:1024px){.rail :is(.bv-app,.sv-win) .dapp-body{gap:.625rem;padding-block:.875rem .625rem}.rail :is(.bv-app,.sv-win) .dapp-reg{padding-block:.5rem}.rail :is(.bv-app,.sv-win) .dapp-tr{min-height:2.125rem}.rail :is(.bv-app,.sv-win) .dapp-more{min-height:2rem}}:where(.motion) .loop .bv-chat .ans-flow{transform:translateY(calc(-1 * var(--lift, 0px)))}:where(.motion) .loop .bv-chat :where(.ask-tbl .tr){opacity:1;transform:none}:where(.motion) .loop .bv-chat{visibility:visible;transition:opacity .3s linear}:where(.motion) .loop .bv-app{opacity:0;transform:translateY(1.25rem);transition:opacity var(--duration-state) linear,transform var(--duration-move) var(--ease-out)}:where(.motion) .loop.is-app .bv-app{opacity:1;transform:none}:where(.motion) .loop.is-app .bv-chat{opacity:0}}