@property --sms-beam-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.sms-digit-beam-shell{pointer-events:none;position:absolute;inset:-2px;padding:2px;z-index:0;background:conic-gradient(from var(--sms-beam-angle),var(--sms-accent,var(--primary-500)) 0deg,var(--sms-accent,var(--primary-500)) 80deg,var(--sms-ring-idle,var(--neutral-200)) 80deg,var(--sms-ring-idle,var(--neutral-200)) 1turn)}.sms-digit-beam-shell--default{border-radius:14px}.sms-digit-beam-shell--compact{border-radius:calc(var(--r-md, 12px) + 2px)}.sms-digit-beam-shell--wave{animation:sms-beam-sweep .5s ease-out forwards}.sms-digit-beam-shell--peak{animation:none;background:var(--sms-accent,var(--primary-500));box-shadow:0 0 12px color-mix(in srgb,var(--sms-accent,var(--primary-500)) 35%,transparent)}.sms-digit-beam-mask{width:100%;height:100%;background:var(--sms-digit-bg,var(--neutral-50))}.sms-digit-beam-shell--default .sms-digit-beam-mask{border-radius:12px}.sms-digit-beam-shell--compact .sms-digit-beam-mask{border-radius:var(--r-md,12px)}@keyframes sms-beam-sweep{to{--sms-beam-angle:360deg}}@media (prefers-reduced-motion:reduce){.sms-digit-beam-shell--wave{animation:none;background:var(--sms-accent,var(--primary-500))}}