.texture{background-color:var(--color-background);background-image:var(--body-bg-pattern);background-size:100px 100px;background-repeat:repeat;height:8rem;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:bottom center;mask-position:bottom center;pointer-events:none}.texture--paint{-webkit-mask-image:url(texture-paint.svg);mask-image:url(texture-paint.svg)}.texture--rope{-webkit-mask-image:url(texture-rope.svg);mask-image:url(texture-rope.svg)}.texture--brush{-webkit-mask-image:url(texture-brush.svg);mask-image:url(texture-brush.svg)}.texture--top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}