@property --attention-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.attention-ring{position:relative}.attention-ring:is(.kw-card,.kopula-surface,.kopula-cta-card,.question-card,.composer):not(#\#){--attention-edge: var(--kw-border-width-hairline);border:var(--attention-edge) solid transparent;box-shadow:none}.attention-ring:before{content:"";position:absolute;inset:calc(-1 * var(--attention-edge, 0px));padding:2px;border-radius:inherit;background:conic-gradient(from var(--attention-angle),var(--kw-action-primary-bg),var(--kopula-headsup-fill),var(--kw-action-primary-bg));mask:linear-gradient(var(--kw-ink),var(--kw-ink)) content-box exclude,linear-gradient(var(--kw-ink),var(--kw-ink));animation:attention-turn 3s linear 2 forwards;pointer-events:none}@keyframes attention-turn{0%{--attention-angle: 0deg}to{--attention-angle: 360deg}}@media (prefers-reduced-motion: reduce){.attention-ring:before{animation:none}}