/* Animate the drawing, never the control's hit area. */
[data-motion]>svg{overflow:visible;transform-origin:center;transition:transform .32s cubic-bezier(.2,.75,.25,1)}
[data-motion]>svg>*{transform-box:fill-box;transform-origin:center;transition:transform .32s cubic-bezier(.2,.75,.25,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 [data-motion=grid]:is(:hover,:focus-visible)>svg>rect:nth-child(1){transform:translate(-1.5px,-1.5px)}
 [data-motion=grid]:is(:hover,:focus-visible)>svg>rect:nth-child(2){transform:translate(1.5px,-1.5px)}
 [data-motion=grid]:is(:hover,:focus-visible)>svg>rect:nth-child(3){transform:translate(-1.5px,1.5px)}
 [data-motion=grid]:is(:hover,:focus-visible)>svg>rect:nth-child(4){transform:translate(1.5px,1.5px)}
 [data-motion=layers]:is(:hover,:focus-visible)>svg>path:first-child{transform:translateY(-3px)}
 [data-motion=layers]:is(:hover,:focus-visible)>svg>path:last-child{transform:translateY(3px)}
 [data-motion=info]:is(:hover,:focus-visible)>svg{transform:scale(1.12)}
 [data-motion=info]:is(:hover,:focus-visible)>svg>path{transform:translateY(-1px)}
 [data-motion=cube]:is(:hover,:focus-visible)>svg{transform:perspective(100px) rotateY(-28deg) rotateZ(7deg) scale(1.12)}
 [data-motion=left]:is(:hover,:focus-visible)>svg{transform:translateX(-4px)}
 [data-motion=right]:is(:hover,:focus-visible)>svg,[data-motion=play]:is(:hover,:focus-visible)>svg{transform:translateX(3px) scale(1.08)}
 [data-motion=up]:is(:hover,:focus-visible)>svg{transform:translateY(-4px)}
 [data-motion=reset]:is(:hover,:focus-visible)>svg{transform:rotate(-65deg)}
 [data-motion=expand]:is(:hover,:focus-visible)>svg{transform:scale(1.2)}
 [data-motion=close]:is(:hover,:focus-visible)>svg{transform:rotate(90deg) scale(.9)}
 [data-motion=pause]:is(:hover,:focus-visible)>svg{transform:scaleX(1.22)}
 [data-motion=lift]:is(:hover,:focus-visible)>svg{transform:translateY(-3px) scale(1.08)}
 [data-motion=camera]:is(:hover,:focus-visible)>svg>circle:not(.social-dot){transform:scale(.72)}
 [data-motion=camera]:is(:hover,:focus-visible)>svg{transform:rotate(-6deg) scale(1.08)}
 .ux-media-icon:before{transition:transform .3s ease}
 .ux-media-icon[data-icon=play]:is(:hover,:focus-visible):before{transform:translateX(3px) scale(1.08)}
 .ux-media-icon[data-icon=pause]:is(:hover,:focus-visible):before{transform:scaleX(1.2)}
 .ux-scroll-skip:is(:hover,:focus-visible){animation:cavr-down .55s ease both}
 .ambience-toggle>span:first-child{display:inline-block;transition:transform .4s ease}
 .ambience-toggle:is(:hover,:focus-visible)>span:first-child{transform:rotate(35deg) scale(1.15)}
 .ux-description>summary:after{display:inline-block;transition:transform .25s ease}
 .ux-description:not([open])>summary:is(:hover,:focus-visible):after{transform:rotate(90deg)}
 @keyframes cavr-down{50%{translate:0 4px}100%{translate:0 0}}
}
@media(prefers-reduced-motion:reduce){[data-motion]>svg,[data-motion]>svg>*,.ux-media-icon:before{transition:none!important;animation:none!important}}