/* A restrained motion vocabulary; never alters the layout or hides content by default. */
[data-cc-motion].cc-motion-pending{opacity:0;translate:0 30px}
[data-cc-motion="fade"].cc-motion-pending{translate:none}
[data-cc-motion="left"].cc-motion-pending{translate:-28px 0}
[data-cc-motion="right"].cc-motion-pending{translate:28px 0}
[data-cc-motion="mask"].cc-motion-pending{opacity:1;translate:none;clip-path:inset(0 0 100% 0)}
[data-cc-motion].cc-motion-shown{animation:cc-reveal-up .72s cubic-bezier(.22,.75,.2,1) both;animation-delay:var(--cc-motion-delay,0ms)}
[data-cc-motion="fade"].cc-motion-shown{animation-name:cc-reveal-fade}
[data-cc-motion="left"].cc-motion-shown{animation-name:cc-reveal-left}
[data-cc-motion="right"].cc-motion-shown{animation-name:cc-reveal-right}
[data-cc-motion="mask"].cc-motion-shown{animation:cc-reveal-mask .95s cubic-bezier(.22,.75,.2,1) both}
@keyframes cc-reveal-up{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@keyframes cc-reveal-fade{from{opacity:0}to{opacity:1}}
@keyframes cc-reveal-left{from{opacity:0;translate:-28px 0}to{opacity:1;translate:0 0}}
@keyframes cc-reveal-right{from{opacity:0;translate:28px 0}to{opacity:1;translate:0 0}}
@keyframes cc-reveal-mask{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
/* Already visible first-screen elements must not animate on startup. */
[data-cc-motion].cc-motion-shown:not(.cc-motion-enter){animation:none}
@media(max-width:700px){[data-cc-motion].cc-motion-shown{animation-duration:.55s;--cc-motion-delay:0ms!important}[data-cc-motion].cc-motion-pending{translate:0 16px}[data-cc-motion="fade"].cc-motion-pending,[data-cc-motion="mask"].cc-motion-pending{translate:none}@keyframes cc-reveal-left{from{opacity:0;translate:-12px 0}to{opacity:1;translate:0 0}}@keyframes cc-reveal-right{from{opacity:0;translate:12px 0}to{opacity:1;translate:0 0}}@keyframes cc-reveal-up{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}}
.reduce-motion [data-cc-motion],html.reduce-motion [data-cc-motion]{opacity:1!important;translate:none!important;clip-path:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){[data-cc-motion]{opacity:1!important;translate:none!important;clip-path:none!important;animation:none!important}}
@media print{[data-cc-motion]{opacity:1!important;translate:none!important;clip-path:none!important;animation:none!important}}
