.halo{position:relative;z-index:0}.halo>*{z-index:1;position:relative}.halo~*{z-index:1;position:relative}.halo:before{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;background:0 0;content:'';filter:blur(40px);border-radius:50%;background-image:conic-gradient(var(--color-halo) 0%,var(--color-halo) 100%);opacity:.5}.halo-white:before{background-image:conic-gradient(#fff 0%,#fff 100%)}.halo-small:before{font-size:100%;top:15%;bottom:15%;left:15%;right:15%;filter:blur(1.5em);border-radius:50%}.halo-expanse-15:before{font-size:100%;top:-15%;bottom:-15%;left:-15%;right:-15%}.halo-top:before{top:0;bottom:50%;left:0;right:0}.halo-narrow:before{top:10%;bottom:10%;left:20%;right:20%}.halo-bottom:before{top:50%;bottom:0;left:0;right:0}.halo-center:before{top:33%;bottom:33%;left:0;right:0}.halo-opacity-100:before{opacity:1}.halo-opacity-75:before{opacity:.75}.halo-opacity-50:before{opacity:.5}.halo-opacity-25:before{opacity:.25}.halo-opacity-15:before{opacity:.15}.halo-radius-100:before{border-radius:100%}.halo-radius-80:before{border-radius:800%}.halo-radius-60:before{border-radius:60%}.halo-radius-40:before{border-radius:40%}.halo-radius-20:before{border-radius:20%}.halo-radius-10:before{border-radius:10%}.halo-radius-0:before{border-radius:0}.halo-blur-100:before{filter:blur(100px)}.halo-blur-80:before{filter:blur(80px)}.halo-blur-60:before{filter:blur(60px)}.halo-blur-40:before{filter:blur(40px)}.halo-blur-20:before{filter:blur(20px)}.halo-blur-10:before{filter:blur(10px)}.halo-blur-05:before{filter:blur(5px)}.halo-blur-0:before{filter:blur(0px)}