@property --myColor1{syntax:"<color>";initial-value:hsl(0,0%,100%);inherits:false}@property --myColor2{syntax:"<color>";initial-value:hsl(0,0%,98%);inherits:false}.bg{background:linear-gradient(135deg,var(--myColor1),var(--myColor2));transition:--myColor1 .4s cubic-bezier(.4,0,.2,1),--myColor2 .4s cubic-bezier(.4,0,.2,1),box-shadow .3s ease-out;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.bg.premium{box-shadow:0 4px 12px -2px rgba(0,0,0,.15),0 2px 4px -1px rgba(0,0,0,.06)}