sticky-element{position:relative}sticky-element+.sticky-element-clone{display:none}sticky-element.fix-element{position:fixed;top:0;left:0;z-index:100}sticky-element.fix-element.bottom{top:auto;bottom:0}sticky-element.fix-element+.sticky-element-clone{display:block;opacity:0;visibility:hidden}sticky-element.animate-in{-webkit-animation-name:sticky-animation-top;animation-name:sticky-animation-top;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}sticky-element.animate-out{-webkit-animation-name:sticky-animation;animation-name:sticky-animation;animation-direction:reverse;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}sticky-element[position=bottom].animate-in,sticky-element[position=bottom].animate-out{-webkit-animation-name:sticky-animation-bottom;animation-name:sticky-animation-bottom}@-webkit-keyframes sticky-animation-top{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sticky-animation-top{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sticky-animation-bottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sticky-animation-bottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}