[data-material]{isolation:isolate;--m-calm:.66;--m-end:.34;--m-reach:1000px;--m-size:cover;--m-pos:72% 30%;--m-pos2:28% 70%;position:relative}[data-material=b]{--m-pos:24% 62%;--m-pos2:76% 24%}[data-material=c]{--m-pos:82% 76%;--m-pos2:18% 36%}[data-material=calm]{--m-calm:.88;--m-end:.8;--m-reach:720px;--m-pos:66% 40%;--m-pos2:34% 60%}@media (max-width:47.999rem){[data-material]{--m-reach:760px}}[data-material]:before,[data-material]:after{content:"";z-index:-1;height:min(100%, var(--m-reach));pointer-events:none;background-repeat:no-repeat;background-image: linear-gradient(90deg, rgb(10 10 9/var(--m-calm)) 0, rgb(10 10 9/calc(var(--m-calm) * .82)) 46%, rgb(10 10 9/var(--m-end)) 100%), url(/material/sidenote-mineral-v2-1536.webp);background-size:100% 100%, var(--m-size);background-position:0 0, var(--m-pos);position:absolute;inset-inline:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#0000 0,#000 140px calc(100% - 140px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 140px calc(100% - 140px),#0000 100%)}[data-material]:before{top:0}[data-material]:after{background-position:0 0, var(--m-pos2);bottom:0}[data-material-short]:after{display:none}@media (max-width:47.999rem){[data-material]:before,[data-material]:after{background-image:linear-gradient(90deg, rgb(10 10 9/var(--m-calm)) 0, rgb(10 10 9/calc(var(--m-calm) * .82)) 46%, rgb(10 10 9/var(--m-end)) 100%), url(/material/sidenote-mineral-v2-960.webp)}}