/* Motion only: theme, typography, dimensions and effect content stay in their original files. */
@media(prefers-reduced-motion:no-preference){
 html[data-design-motion][data-ui-motion=on] :is(.wb button,dialog button):not(:disabled):active{scale:.98}
 html[data-design-motion][data-ui-motion=on] dialog{opacity:1;translate:0 0;scale:1;transition:opacity 220ms ease,translate 220ms cubic-bezier(.2,.7,.3,1),scale 220ms ease,display 220ms allow-discrete,overlay 220ms allow-discrete}
 html[data-design-motion][data-ui-motion=on] dialog:not([open]){opacity:0;translate:0 10px;scale:.985;pointer-events:none}
 @starting-style{html[data-design-motion][data-ui-motion=on] dialog[open]{opacity:0;translate:0 10px;scale:.985}}
 html[data-design-motion][data-ui-motion=on] dialog::backdrop{transition:opacity 220ms ease,display 220ms allow-discrete,overlay 220ms allow-discrete}
 html[data-design-motion][data-ui-motion=on] dialog:not([open])::backdrop{opacity:0}
 @starting-style{html[data-design-motion][data-ui-motion=on] dialog[open]::backdrop{opacity:0}}
 html[data-design-motion][data-ui-motion=on] dialog[data-design-exiting],html[data-design-motion][data-ui-motion=on] dialog[data-design-exiting]::backdrop{transition:none}
 html[data-design-motion][data-ui-motion=on] .dc-picker{opacity:1;translate:0 0;transition:opacity 180ms ease,translate 180ms ease,display 180ms allow-discrete}
 html[data-design-motion][data-ui-motion=on] .dc-picker[hidden]{opacity:0;translate:0 5px;pointer-events:none}
 @starting-style{html[data-design-motion][data-ui-motion=on] .dc-picker:not([hidden]){opacity:0;translate:0 5px}}
 html[data-design-motion][data-ui-motion=on] .wb-chat:not(.wb-chat-inline){opacity:1;translate:0 0;transition:opacity 220ms ease,translate 220ms cubic-bezier(.2,.7,.3,1),display 220ms allow-discrete}
 html[data-design-motion][data-ui-motion=on] .wb-chat:not(.wb-chat-inline)[hidden]{opacity:0;translate:16px 0;pointer-events:none}
 @starting-style{html[data-design-motion][data-ui-motion=on] .wb-chat:not(.wb-chat-inline):not([hidden]){opacity:0;translate:16px 0}}
 html[data-design-motion][data-ui-motion=on] .wb-chat-shade{opacity:1;transition:opacity 220ms ease,display 220ms allow-discrete}
 html[data-design-motion][data-ui-motion=on] .wb-chat-shade[hidden]{opacity:0;pointer-events:none}
 @starting-style{html[data-design-motion][data-ui-motion=on] .wb-chat-shade:not([hidden]){opacity:0}}
}