.mc-animation{z-index:0;&--important{&.mc-animation--animating{z-index:1}}&--zoom{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.29,1.185,1,1);transition:-webkit-transform .3s cubic-bezier(.29,1.185,1,1);transition:transform .3s cubic-bezier(.29,1.185,1,1);transition:transform .3s cubic-bezier(.29,1.185,1,1),-webkit-transform .3s cubic-bezier(.29,1.185,1,1);&.mc-animation--animating{-webkit-transform:scale(1.05);transform:scale(1.05)}}&--ken-burns{overflow:hidden;>*{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 8s ease;transition:-webkit-transform 8s ease;transition:transform 8s ease;transition:transform 8s ease,-webkit-transform 8s ease}&.mc-animation--animating>*{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform 15s cubic-bezier(.02,.075,.42,1);transition:-webkit-transform 15s cubic-bezier(.02,.075,.42,1);transition:transform 15s cubic-bezier(.02,.075,.42,1);transition:transform 15s cubic-bezier(.02,.075,.42,1),-webkit-transform 15s cubic-bezier(.02,.075,.42,1)}}&--lift{-webkit-transition:-webkit-transform .75s cubic-bezier(.29,1.185,1,1);transition:-webkit-transform .75s cubic-bezier(.29,1.185,1,1);transition:transform .75s cubic-bezier(.29,1.185,1,1);transition:transform .75s cubic-bezier(.29,1.185,1,1),-webkit-transform .75s cubic-bezier(.29,1.185,1,1);&.mc-animation--animating{-webkit-transform:translateY(-.75em);transform:translateY(-.75em)}}&--zoom-tile{$zoom-duration:.4s;$bg-duration:.4s;$extract-duration:.5s;$bezier:cubic-bezier(.5,-.11,.355,1.01);.mc-tile__content{-webkit-transition:left $zoom-duration $bezier 0ms,top $zoom-duration $bezier 0ms,right $zoom-duration $bezier 0ms,bottom $zoom-duration $bezier 0ms;transition:left $zoom-duration $bezier 0ms,top $zoom-duration $bezier 0ms,right $zoom-duration $bezier 0ms,bottom $zoom-duration $bezier 0ms}.mc-tile-caption__content{background:transparent;-webkit-transition:background $bg-duration $bezier 0ms,padding $zoom-duration $bezier 0ms;transition:background $bg-duration $bezier 0ms,padding $zoom-duration $bezier 0ms}.mc-tile__reveal-on-hover{opacity:0;max-height:0;overflow:hidden;-webkit-transform:translateY(7px);transform:translateY(7px);-webkit-transition:opacity $extract-duration $bezier 0ms,max-height $extract-duration 0ms ease,-webkit-transform $extract-duration $bezier 0ms;transition:opacity $extract-duration $bezier 0ms,max-height $extract-duration 0ms ease,-webkit-transform $extract-duration $bezier 0ms;transition:opacity $extract-duration $bezier 0ms,transform $extract-duration $bezier 0ms,max-height $extract-duration 0ms ease;transition:opacity $extract-duration $bezier 0ms,transform $extract-duration $bezier 0ms,max-height $extract-duration 0ms ease,-webkit-transform $extract-duration $bezier 0ms}&.mc-animation--animating{.mc-tile__content{top:-32px;left:-32px;right:-32px;-webkit-transition:left $zoom-duration $bezier 0ms,top $zoom-duration $bezier 0ms,right $zoom-duration $bezier 0ms,bottom $zoom-duration $bezier 0ms;transition:left $zoom-duration $bezier 0ms,top $zoom-duration $bezier 0ms,right $zoom-duration $bezier 0ms,bottom $zoom-duration $bezier 0ms}.mc-tile__darken-bg-on-hover{.mc-tile-caption__content{background:$mc-color-gray-100;padding:12px 32px 24px;-webkit-transition:background $bg-duration 0ms ease,padding $zoom-duration $bezier 0ms;transition:background $bg-duration 0ms ease,padding $zoom-duration $bezier 0ms}}.mc-tile__reveal-on-hover{max-height:9999999px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity $extract-duration $zoom-duration ease,max-height 0ms ease 0ms,-webkit-transform $extract-duration $zoom-duration ease;transition:opacity $extract-duration $zoom-duration ease,max-height 0ms ease 0ms,-webkit-transform $extract-duration $zoom-duration ease;transition:opacity $extract-duration $zoom-duration ease,transform $extract-duration $zoom-duration ease,max-height 0ms ease 0ms;transition:opacity $extract-duration $zoom-duration ease,transform $extract-duration $zoom-duration ease,max-height 0ms ease 0ms,-webkit-transform $extract-duration $zoom-duration ease}}}$fade-duration:.2s;&--show{opacity:0;&.mc-animation--animating{opacity:1}}&--hide,&.mc-animation--animating{opacity:1}&--hide{&.mc-animation--animating{opacity:0}}}