.hero{max-width:1370px;margin:0 auto}.hero:before{z-index:-1;background-image:linear-gradient(to bottom,transparent,var(--ui-bg));height:8rem}.hero.fadeEdges:after,.hero:before{content:"";position:absolute;bottom:0;left:0;right:0}.hero.fadeEdges:after{background-image:linear-gradient(to right,var(--ui-bg),1%,transparent 20%),linear-gradient(to left,var(--ui-bg),1%,transparent 20%);pointer-events:none;top:0}@media (width>=640px){.hero.fadeEdges:after{background-image:linear-gradient(to right,var(--ui-bg),transparent 15%),linear-gradient(to left,var(--ui-bg),transparent 15%)}}