.demo{position:relative;z-index:2}.demo.radial.green{background:radial-gradient(circle farthest-side at center,var(--rgba-green-light) 0,transparent 75%)}.demo.radial.red{background:radial-gradient(circle farthest-side at center,var(--rgba-red-light) 0,transparent 75%)}.demo.radial.blue{background:radial-gradient(circle farthest-side at center,var(--rgba-blue-light) 0,transparent 75%)}.demo.radial.purple{background:radial-gradient(circle farthest-side at center,var(--rgba-purple-light) 0,transparent 75%)}.demo__box{display:none}.demo.box.red{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-red-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-red-light);box-shadow:-1px -34px 68px 10px var(--rgba-red-light)}.demo.box.green{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-green-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-green-light);box-shadow:-1px -34px 68px 10px var(--rgba-green-light)}.demo.box.blue{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-blue-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-blue-light);box-shadow:-1px -34px 68px 10px var(--rgba-blue-light)}.demo.box.purple{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-purble-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-purble-light);box-shadow:-1px -34px 68px 10px var(--rgba-purble-light)}@media (min-width:768px){.demo__img{display:none}.demo__box{display:block}.demo,.demo.radial.blue,.demo.radial.green,.demo.radial.purple,.demo.radial.red{background:none}.demo.none{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.demo.red{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-red-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-red-light);box-shadow:-1px -34px 68px 10px var(--rgba-red-light)}.demo.green{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-green-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-green-light);box-shadow:-1px -34px 68px 10px var(--rgba-green-light)}.demo.blue{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-blue-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-blue-light);box-shadow:-1px -34px 68px 10px var(--rgba-blue-light)}.demo.purple{-webkit-box-shadow:-1px -34px 68px 10px var(--rgba-purble-light);-moz-box-shadow:-1px -34px 68px 10px var(--rgba-purble-light);box-shadow:-1px -34px 68px 10px var(--rgba-purble-light)}}