*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}a{text-decoration:none;color:#fff;outline:none}.codrops-header{padding:2.5em 2em 0;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;position:relative;top:0;-webkit-align-items:center;align-items:center;left:0;width:100%;display:-webkit-flex;display:flex;z-index:100}.demo-1 .codrops-header{position:absolute}.codrops-header h1{font-size:1.65em;font-weight:700;letter-spacing:-1px;margin:0 auto 0 0;line-height:1;display:inline-block}.info{width:100%}.codrops-links{position:relative;text-align:center;margin:0 1em 0 0;white-space:nowrap;display:inline-block}.codrops-links:after{height:110%;-webkit-transform:translateY(-50%) rotate(22.5deg);transform:translateY(-50%) rotate(22.5deg);content:"";position:absolute;top:50%;background:#252445;left:50%;width:1px}.codrops-icon{padding:0;text-decoration:none;margin:.5em;width:1.5em;display:inline-block}.codrops-icon span{display:none}.codrops-icon:before{font-weight:400;font-style:normal;font-variant:normal;text-transform:none;speak:none;margin:0 5px;-webkit-font-smoothing:antialiased;line-height:1;font-family:codropsicons}.codrops-icon--drop:before{color:#488bce;content:"\e001"}.codrops-icon--prev:before{content:"\e004"}.codrops-demos a{font-weight:700;color:#488bce;display:inline-block}.codrops-demos a:not(:last-child){margin-right:1em}.image-preload{position:absolute;left:-9999px}.nosupport{padding:1em;font-size:1.25em;position:fixed;bottom:0;text-align:center;margin:0 auto;background:#a74e71;width:100vw;display:none;z-index:1000}.no-webgl .nosupport{display:block}@media screen and (max-width:50em){.codrops-header{padding:1.5em;font-size:.75em;text-align:center;display:block}.codrops-links{margin:0 0 1em;display:block}.codrops-demos{font-size:120%;margin:1em 0 0;width:100%}}