@property --bubble-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.SoapBubbleFrame_frame__6rbBX{position:relative;display:inline-block;isolation:isolate;border-radius:9999px}.SoapBubbleFrame_frame__6rbBX[data-bubble-ring]:before{background:conic-gradient(from var(--bubble-angle),#EA580C 0,#F472B6 25%,#A78BFA 50%,#60A5FA 75%,#EA580C 100%);animation:SoapBubbleFrame_rotate-bubble__0IsWb 7s linear infinite;z-index:0}.SoapBubbleFrame_frame__6rbBX[data-bubble-ring]:after,.SoapBubbleFrame_frame__6rbBX[data-bubble-ring]:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.SoapBubbleFrame_frame__6rbBX[data-bubble-ring]:after{background:conic-gradient(from calc(var(--bubble-angle) * -1),rgba(255,255,255,.4) 0,rgba(255,255,255,0) 20%,rgba(255,255,255,.25) 50%,rgba(255,255,255,0) 80%,rgba(255,255,255,.4) 100%);animation:SoapBubbleFrame_rotate-bubble-reverse__ekpNF 3.5s linear infinite;mix-blend-mode:screen;z-index:1}@keyframes SoapBubbleFrame_rotate-bubble__0IsWb{to{--bubble-angle:360deg}}@keyframes SoapBubbleFrame_rotate-bubble-reverse__ekpNF{to{--bubble-angle:-360deg}}@media (prefers-reduced-motion:reduce){.SoapBubbleFrame_frame__6rbBX[data-bubble-ring]:after,.SoapBubbleFrame_frame__6rbBX[data-bubble-ring]:before{animation:none}}