.CoolComponent-module___LJM9q__shapeWrapper{perspective:1000px;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.CoolComponent-module___LJM9q__shapeContainer{width:100%;height:100%;transform-style:preserve-3d;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(20,1fr);display:grid;position:relative}@keyframes CoolComponent-module___LJM9q__sphere{0%{opacity:.2;transform:scale(0)rotate(45deg)}50%{opacity:.4;transform:scale(0)rotate(45deg)}to{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes CoolComponent-module___LJM9q__color{0%{border-color:#2bc713}50%{border-color:#2bc71380}to{border-color:#2bc7139e}}.CoolComponent-module___LJM9q__trigger:active~.CoolComponent-module___LJM9q__monitor .CoolComponent-module___LJM9q__vrLayer{border-radius:100%}.CoolComponent-module___LJM9q__trigger:active~.CoolComponent-module___LJM9q__monitor .CoolComponent-module___LJM9q__vr_layer_item{border-radius:5px;width:40%;height:40%}.CoolComponent-module___LJM9q__trigger:hover~.CoolComponent-module___LJM9q__monitor .CoolComponent-module___LJM9q__camera.CoolComponent-module___LJM9q__o-y{transform:rotateY(calc(var(--z) * -8deg))}.CoolComponent-module___LJM9q__trigger:hover~.CoolComponent-module___LJM9q__monitor .CoolComponent-module___LJM9q__camera.CoolComponent-module___LJM9q__o-x{transform:rotateX(calc(var(--x) * 8deg))}.CoolComponent-module___LJM9q__monitor{pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}.CoolComponent-module___LJM9q__camera{width:100%;height:100%;transform-style:preserve-3d;transition:all .5s;position:absolute}.CoolComponent-module___LJM9q__camera.CoolComponent-module___LJM9q__o-y{transform:rotateY(-30deg)}.CoolComponent-module___LJM9q__vrElement{transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CoolComponent-module___LJM9q__vrLayer{border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;transition:border-radius 1s;display:flex;position:absolute}.CoolComponent-module___LJM9q__vr_layer_item{background:#0000000d;border:1px solid #0000;border-radius:100%;width:70%;height:70%;transition:all .5s;animation:3s cubic-bezier(.215,.61,.355,1) infinite alternate CoolComponent-module___LJM9q__sphere,5s linear infinite alternate CoolComponent-module___LJM9q__color}