.bi-blend{position:relative;overflow:visible;isolation:isolate}.bi-blend:hover{z-index:3}.bi-blend:before,.bi-blend:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:cover;-webkit-mask-mode:alpha;mask-mode:alpha;border-radius:inherit}.bi-blend:before{z-index:0;background:linear-gradient(to bottom,var(--left-top-colour) 0%,var(--left-top-colour) calc((var(--left-vertical-gradient-split-point) - var(--vertical-gradient-overlap-half)) * 100%),var(--left-bottom-colour) calc((var(--left-vertical-gradient-split-point) + var(--vertical-gradient-overlap-half)) * 100%),var(--left-bottom-colour) 100%)}.bi-blend:after{z-index:1;background:linear-gradient(to bottom,var(--right-top-colour) 0%,var(--right-top-colour) calc((var(--right-vertical-gradient-split-point) - var(--vertical-gradient-overlap-half)) * 100%),var(--right-bottom-colour) calc((var(--right-vertical-gradient-split-point) + var(--vertical-gradient-overlap-half)) * 100%),var(--right-bottom-colour) 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent calc(50% - (var(--horizontal-gradient-overlap-half) * 100%)),white calc(50% + (var(--horizontal-gradient-overlap-half) * 100%)),white 100%);mask-image:linear-gradient(to right,transparent 0%,transparent calc(50% - (var(--horizontal-gradient-overlap-half) * 100%)),white calc(50% + (var(--horizontal-gradient-overlap-half) * 100%)),white 100%)}.bi-blend>*{position:relative;z-index:2}