@layer components{.wall{pointer-events:none;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.wall__section{background-color:var(--grey-2);justify-content:space-between;display:flex;position:relative}.wall__section:after{content:"";opacity:.05;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 110 110\"><filter id=\"grain\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.05\" numOctaves=\"1\" stitchTiles=\"stitch\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23grain)\" /></svg>");background-size:25vmin 25vmin;width:100%;height:100%;position:absolute;top:0;left:0}.wall__section--left,.wall__section--right{flex:1}.wall__section--left{box-shadow:inset 0 0 0 100vw #0003}.wall__section--center{border-left:var(--border);border-right:var(--border);flex:0 0 52.2%}.wall__section--left .joint:before{left:-5px;transform:translateY(2px)}.wall__section--left .joint:after{left:4px}.wall__section--right .joint:after{left:4px;transform:translateY(2px)}.wall__section--right .joint:before{left:-5px}}