.sticky-bottom{box-sizing:border-box;position:relative;display:block;padding-bottom:100px}.sticky-bottom *,.sticky-bottom:after,.sticky-bottom :after,.sticky-bottom:before,.sticky-bottom :before{box-sizing:inherit}.sticky-bottom__box{display:block;height:100px;position:absolute;bottom:0;left:0;width:100%}.sticky-bottom__boundary{position:relative;display:block}html{font-size:16px}body{font-family:Open Sans,sans-serif;font-size:1.5rem;font-weight:300;line-height:1.5;margin:0;min-height:100vh}.app,body{background:#fff}.app{position:relative;min-height:200vh;max-width:400px;margin:0 auto;padding:1rem}.content{min-height:10rem;padding:1rem;margin:0;background:hotpink;overflow:hidden}@keyframes sticky-bottom-appear{0%{transform:translateY(100%) translateZ(0)}to{transform:translateY(0) translateZ(0)}}.sticky-bottom--rendering-mode-two-states .sticky-bottom__box{background:#1e90ff}.sticky-bottom--rendering-mode-two-states[data-sticky-bottom-prev-state=before][data-sticky-bottom-state=fixed] .sticky-bottom__box{animation:sticky-bottom-appear .4s forwards}.sticky-bottom__box{overflow:hidden;background:#add8e6;padding:1rem}.sticky-bottom__boundary{padding:1rem;background:#fff}.sticky-bottom-debug{color:#fff;position:fixed;padding:0 .25rem;top:0;left:0;max-width:100%;overflow:hidden;background:rgba(0,0,0,.5);min-height:1rem;font-size:1rem;z-index:1}.sticky-bottom.sticky-bottom--is-before .sticky-bottom__box,.sticky-bottom.sticky-bottom--is-fixed .sticky-bottom__box{box-shadow:0 -3px 3px -3px #444}
/*# sourceMappingURL=demo.bundle.css.map*/