.pbox-border{z-index:0;position:relative}@property --borderangle{syntax:"<angle>";inherits:false;initial-value:2deg}.pbox-border:before{content:"";background-image:conic-gradient(from var(--borderangle) at 130% 150%, #ffb1ee 0deg 75deg, #fc40cf 80deg 95deg, #5e9bff 100deg 240deg, #2267ff 245deg 260deg, #ffb1ee 265deg 360deg);z-index:-1;filter:blur(.5px);border-radius:13px;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:50%;left:50%;translate:-50% -50%}.pbox-border:after{content:"";background-image:conic-gradient(from var(--borderangle) at 130% 150%, #ffb1ee4d 0deg 75deg, #fc40cf66 80deg 95deg, #5e9bff4d 100deg 240deg, #2267ff66 245deg 260deg, #ffb1ee4d 265deg 360deg);z-index:-2;filter:blur(8px);opacity:.6;border-radius:15px;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;top:50%;left:50%;translate:-50% -50%}.pbox-border.pbox-border-desktop:before,.pbox-border.pbox-border-desktop:after{animation-name:border-background-spin;animation-duration:.65s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-delay:.2s;animation-fill-mode:both}.pbox-border.pbox-border-mobile:before,.pbox-border.pbox-border-mobile:after{animation:.6s cubic-bezier(.4,0,.2,1) both border-background-spin-back}@keyframes border-background-spin{0%{--borderangle:0deg}to{--borderangle:120deg}}@keyframes border-background-spin-back{0%{--borderangle:120deg}to{--borderangle:0deg}}