.myshape4 .tn-atom { border-radius: 30px 30px 30px 30px;  background: linear-gradient(3deg, #f1caff10 -10%, #94e4fe10 110%); background: -webkit-linear-gradient(3deg, #f1caff10 -10%, #94e4fe10 110%);   -webkit-box-shadow: inset 0px 0px 19px 6px #fffddd10; -moz-box-shadow: inset 0px 0px 19px 6px #fffddd10; box-shadow: inset 0px 0px 19px 6px #fffddd10; } .myshape4 {} .myshape4 > .tn-atom__sbs-anim-wrapper > .tn-atom, .myshape4 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; }.myshape4 > .tn-atom {backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 30px 30px 30px 30px; opacity: unset!important;background-color: #ffffff10!important;}

 .myshape3 .tn-atom { border-radius: 180px 180px 180px 180px;  background: linear-gradient(deg, 00 -10%, 00 110%); background: -webkit-linear-gradient(deg, 00 -10%, 00 110%);   -webkit-box-shadow: inset 0px 0px 12px 4px #ffffff50; -moz-box-shadow: inset 0px 0px 12px 4px #ffffff50; box-shadow: inset 0px 0px 12px 4px #ffffff50; } .myshape3 {} .myshape3 > .tn-atom__sbs-anim-wrapper > .tn-atom, .myshape3 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px); filter: blur(4px); -webkit-filter: blur(4px); border-radius: 180px 180px 180px 180px; }.myshape3 > .tn-atom {backdrop-filter: blur(1px);-webkit-backdrop-filter: blur(1px); filter: blur(4px); -webkit-filter: blur(4px); border-radius: 180px 180px 180px 180px; opacity: unset!important;background-color: #ffffff00!important;}

 .myshape1 .tn-atom { border-radius: 0px 180px 180px 0px;  background: linear-gradient(243deg, #cbf1ff -10%, #d9caff 110%); background: -webkit-linear-gradient(243deg, #cbf1ff -10%, #d9caff 110%);   -webkit-box-shadow: inset -25px 13px 75px 38px #fffddd50; -moz-box-shadow: inset -25px 13px 75px 38px #fffddd50; box-shadow: inset -25px 13px 75px 38px #fffddd50; } .myshape1 {} .myshape1 > .tn-atom__sbs-anim-wrapper > .tn-atom, .myshape1 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 0px 180px 180px 0px; }.myshape1 > .tn-atom {backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 0px 180px 180px 0px; opacity: unset!important;background-color: #ff4013!important;}

 .myshape2 .tn-atom { border-radius: 180px 0px 0px 180px;  background: linear-gradient(175deg, #f1caff -10%, #ffe3d7 110%); background: -webkit-linear-gradient(175deg, #f1caff -10%, #ffe3d7 110%);   -webkit-box-shadow: inset 32px 0px 45px 20px #fffddd30; -moz-box-shadow: inset 32px 0px 45px 20px #fffddd30; box-shadow: inset 32px 0px 45px 20px #fffddd30; } .myshape2 {} .myshape2 > .tn-atom__sbs-anim-wrapper > .tn-atom, .myshape2 > .tn-atom__sbs-anim-wrapper {backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 180px 0px 0px 180px; }.myshape2 > .tn-atom {backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px); filter: blur(0px); -webkit-filter: blur(0px); border-radius: 180px 0px 0px 180px; opacity: unset!important;background-color: #ff4013!important;}