/** Optional scroll-triggered column reveals. */
.polymer-animation-speed--fast { --polymer-animation-duration: 450ms; }
.polymer-animation-speed--standard { --polymer-animation-duration: 700ms; }
.polymer-animation-speed--slow { --polymer-animation-duration: 1000ms; }
.polymer-animation--fade { --polymer-animation-transform: none; }
.polymer-animation--fade-up { --polymer-animation-transform: translate3d(0,2.5rem,0); }
.polymer-animation--fade-right { --polymer-animation-transform: translate3d(-2.5rem,0,0); }
.polymer-animation--fade-left { --polymer-animation-transform: translate3d(2.5rem,0,0); }
.polymer-animation--fade-down { --polymer-animation-transform: translate3d(0,-2.5rem,0); }
.polymer-animation--fade-zoom { --polymer-animation-transform: scale(.92); }
.polymer-animation--fade-blur { --polymer-animation-filter: blur(12px); --polymer-animation-transform: scale(.98) translate3d(0,.75rem,0); }
.polymer-animation--blur-defocus { --polymer-animation-easing: cubic-bezier(.4,0,.2,1); --polymer-animation-filter: blur(20px); --polymer-animation-transform: none; }
.polymer-animation--scale-up-zoom { --polymer-animation-easing: cubic-bezier(.34,1.56,.64,1); --polymer-animation-transform: scale(.5); }
.polymer-animation--clip-inset { --polymer-animation-clip: inset(0 100% 0 0); --polymer-animation-easing: cubic-bezier(.4,0,.2,1); }
.polymer-animation--scale-down-zoom { --polymer-animation-easing: cubic-bezier(.25,.46,.45,.94); --polymer-animation-transform: scale(1.4); overflow: hidden; overflow: clip; }
html.polymer-motion-ready .polymer-animate-columns > .polymer-layout__container > .row > * { clip-path: inset(0); filter: none; opacity: 1; transform: none; transition-delay: var(--polymer-animation-delay,0ms); transition-duration: var(--polymer-animation-duration,700ms); transition-property: opacity,transform,filter,clip-path; transition-timing-function: var(--polymer-animation-easing,cubic-bezier(.22,1,.36,1)); will-change: opacity,transform,filter,clip-path; }
html.polymer-motion-ready .polymer-animate-columns:not(.is-polymer-visible) > .polymer-layout__container > .row > * { clip-path: var(--polymer-animation-clip,inset(0)); filter: var(--polymer-animation-filter,none); opacity: 0; transform: var(--polymer-animation-transform,none); }
@media (prefers-reduced-motion: reduce) { .polymer-animate-columns > .container > .row > * { clip-path: inset(0) !important; filter: none !important; opacity: 1 !important; transform: none !important; transition: none !important; } }