.canvas-original:before{content:"";pointer-events:none;z-index:1;opacity:.15;color:#000;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,currentColor 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 2px,currentColor 2px 3px);position:absolute;inset:0}.dark .canvas-original:before,.bg-greptile-dark-green .canvas-original:before{color:#fff;opacity:.12}.canvas-linen:before{content:"";pointer-events:none;z-index:1;opacity:.15;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#6464641f 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 2px,#6464641f 2px 3px),repeating-linear-gradient(45deg,#0000,#0000 8px,#6464640a 8px 9px);position:absolute;inset:0}.bg-greptile-dark-green .canvas-linen:before{opacity:.2;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff26 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff26 2px 3px),repeating-linear-gradient(45deg,#0000,#0000 8px,#ffffff0f 8px 9px)}.canvas-mesh:before{content:"";pointer-events:none;z-index:1;opacity:.12;background-image:repeating-linear-gradient(0deg,#0000,#0000 6px,#ffffff2e 6px 7px),repeating-linear-gradient(90deg,#0000,#0000 6px,#ffffff2e 6px 7px);position:absolute;inset:0}@keyframes highlight-box{0%{transform-origin:0;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(1)}to{transform-origin:0;transform:scaleX(1)}}.animate-highlight-box{transform-origin:0;animation:1.5s ease-out .5s forwards highlight-box;transform:scaleX(0)}