@property --snippet-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --snippet-fade-end{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.snippet-field.svelte-1i6t60y{--snippet-fade-size:1.75rem;--snippet-fade-reveal:2rem;--snippet-fade-start:0px;--snippet-fade-end:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--snippet-fade-start), #000 calc(100% - var(--snippet-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--snippet-fade-start), #000 calc(100% - var(--snippet-fade-end)), transparent);animation:linear both svelte-1i6t60y-snippet-fade-start,linear both svelte-1i6t60y-snippet-fade-end;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0px var(--snippet-fade-reveal), calc(100% - var(--snippet-fade-reveal)) 100%}}@keyframes svelte-1i6t60y-snippet-fade-start{0%{--snippet-fade-start:0px}to{--snippet-fade-start:var(--snippet-fade-size)}}@keyframes svelte-1i6t60y-snippet-fade-end{0%{--snippet-fade-end:var(--snippet-fade-size)}to{--snippet-fade-end:0px}}