@property --rise{syntax:"<number>";inherits:true;initial-value:0}@property --ink-on{syntax:"<number>";inherits:true;initial-value:1}.relief{--lift:max(var(--rise), 0);--press:max(calc(var(--rise) * -1), 0);text-shadow:calc(var(--lift) * 1px) calc(var(--lift) * -1.1px) 0 rgb(255 255 255/calc(var(--lift) * .95)), calc(var(--lift) * -1.3px) calc(var(--lift) * 1.6px) calc(var(--lift) * 1.8px) rgb(3 3 3/calc(var(--lift) * .34)),  calc(var(--press) * -1px) calc(var(--press) * 1.2px) 0 rgb(255 255 255/calc(var(--press) * .95)), calc(var(--press) * -1.8px) calc(var(--press) * 2.1px) calc(var(--press) * 1.6px) rgb(255 255 255/calc(var(--press) * .55)), calc(var(--press) * .8px) calc(var(--press) * -.9px) calc(var(--press) * .6px) rgb(3 3 3/calc(var(--press) * .45)), calc(var(--press) * 1.5px) calc(var(--press) * -1.3px) calc(var(--press) * 2px) rgb(3 3 3/calc(var(--press) * .18));transform:translate3d(calc(var(--rise) * .4px), calc(var(--rise) * -.6px), 0)}