.bg-tiles-wrapper{position:relative}.bg-tiles-layer{position:absolute;inset:0;background-image:var(--tile-image,none);background-repeat:repeat;background-size:var(--tile-size,auto);background-position:50%;z-index:0}.bg-tiles-content{position:relative;z-index:1}.bg-tiles-sm{--tile-size:65px 65px}.bg-tiles-md{--tile-size:80px 80px}.bg-tiles-lg{--tile-size:100px 100px}.bg-tiles-xl{--tile-size:120px 120px}.bg-fade-vertical:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f7fcf9,rgba(247,252,249,0) 13.94%,rgba(247,252,249,0) 87.5%,#f7fcf9);pointer-events:none;z-index:1}.dark .bg-fade-vertical:before{background:linear-gradient(180deg,#000 0,transparent 15%,transparent 85%,#000)}.bg-fade-horizontal:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0) 15%,hsla(0,0%,100%,0) 85%,#fff)}.bg-fade-all:before,.bg-fade-horizontal:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1}.bg-fade-all:before{background:radial-gradient(ellipse at center,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 50%,#fff 100%)}.bg-fade-vertical-subtle:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 10%,hsla(0,0%,100%,0) 90%,hsla(0,0%,100%,.8));pointer-events:none;z-index:1}