@property --processing-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.processing-frame,.processing-widget:has(.processing-frame[data-processing=true]){position:relative;isolation:isolate}body .record-card.processing-widget{overflow:visible}:is(.processing-frame[data-processing=true],.processing-widget:has(.processing-frame[data-processing=true])):after,:is(.processing-frame[data-processing=true],.processing-widget:has(.processing-frame[data-processing=true])):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2}:is(.processing-frame[data-processing=true],.processing-widget:has(.processing-frame[data-processing=true])):after{padding:3px;background:conic-gradient(from var(--processing-angle),#48c6ff,#6482ff,#bc64f3,#f379b5,#ffb67c,#ffd593,#48c6ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:processing-orbit 3.8s linear infinite}:is(.processing-frame[data-processing=true],.processing-widget:has(.processing-frame[data-processing=true])):before{box-shadow:-8px -5px 24px -7px #48c6ff80,8px -7px 26px -7px #bc64f380,9px 5px 24px -8px #f379b570,-7px 5px 23px -8px #ffb67c70;animation:processing-glow 3.8s linear infinite,processing-breathe 2.4s ease-in-out infinite}.processing-widget .processing-frame[data-processing=true]:after,.processing-widget .processing-frame[data-processing=true]:before{content:none}@keyframes processing-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes processing-glow{25%{box-shadow:-8px -5px 24px -7px #ffb67c80,8px -7px 26px -7px #48c6ff80,9px 5px 24px -8px #bc64f370,-7px 5px 23px -8px #f379b570}50%{box-shadow:-8px -5px 24px -7px #f379b580,8px -7px 26px -7px #ffb67c80,9px 5px 24px -8px #48c6ff70,-7px 5px 23px -8px #bc64f370}75%{box-shadow:-8px -5px 24px -7px #bc64f380,8px -7px 26px -7px #f379b580,9px 5px 24px -8px #ffb67c70,-7px 5px 23px -8px #48c6ff70}}.processing-status{display:inline-flex;align-items:center;gap:.55rem;color:var(--muted,#687282);font-size:.875rem;line-height:1.5}.processing-status>.processing-status-orbit{flex:0 0 0.85rem;width:.85rem;height:.85rem;border-radius:50%;background:conic-gradient(#70b8e2,#9295e6,#d69bb8,#86c5b1,#70b8e2);-webkit-mask:radial-gradient(transparent 44%,#000 49%);mask:radial-gradient(transparent 44%,#000 49%);animation:processing-status-spin 2.8s linear infinite}@keyframes processing-orbit{to{--processing-angle:360deg}}@keyframes processing-status-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.processing-status>.processing-status-orbit,.processing-widget,:is(.processing-frame,.processing-widget):after,:is(.processing-frame,.processing-widget):before{animation:none!important}}[data-roomto-motion=off] .processing-status-orbit,[data-roomto-motion=off] .processing-widget,[data-roomto-motion=off] :is(.processing-frame,.processing-widget):after,[data-roomto-motion=off] :is(.processing-frame,.processing-widget):before{animation:none!important}.processing-frame.processing-frame-compact[data-processing=true]:after{padding:1.5px;opacity:.8}.processing-frame.processing-frame-compact[data-processing=true]:before{box-shadow:-2px 0 7px 0 #48c6ff28,2px 0 7px 0 #bc64f328,0 2px 7px 0 #f379b520;animation:processing-breathe 2.4s ease-in-out infinite}