.sp-shell.hf-frame{--hf-violet:#c084fc;--hf-royal:#8b5cf6;position:relative}.sp-shell.hf-frame:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;filter:drop-shadow(0 0 3px #8b5cf659);opacity:.9;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='5' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='5' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ddd6fe'/%3E%3Ccircle cx='19' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='5' cy='19' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='19' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%238b5cf6'/%3E%3C/svg%3E") -8px -8px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='5' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='5' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ddd6fe'/%3E%3Ccircle cx='19' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='5' cy='19' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='19' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%238b5cf6'/%3E%3C/svg%3E") right -8px top -8px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='5' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='5' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ddd6fe'/%3E%3Ccircle cx='19' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='5' cy='19' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='19' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%238b5cf6'/%3E%3C/svg%3E") left -8px bottom -8px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='5' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='5' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='5' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ddd6fe'/%3E%3Ccircle cx='19' cy='12' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='5' cy='19' r='1.6' fill='%238b5cf6'/%3E%3Ccircle cx='12' cy='19' r='1.6' fill='%23c084fc'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%238b5cf6'/%3E%3C/svg%3E") right -8px bottom -8px/24px 24px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 14'%3E%3Cpath d='M6 12 Q36 -2 66 12' fill='none' stroke='%23c084fc' stroke-width='1.2'/%3E%3Cpath d='M30 3.4 h4 M34.5 3.4 h4 M38.5 3.4 h4 M30 7 h4 M34.5 7 h4 M38.5 7 h4' stroke='%238b5cf6' stroke-width='1.1'/%3E%3Ccircle cx='36' cy='11' r='1.8' fill='%238b5cf6'/%3E%3C/svg%3E") 50% -8px/64px 13px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 10'%3E%3Cpath d='M4 2.5 H52 M4 7.5 H52' stroke='%23c084fc' stroke-width='.9' stroke-dasharray='5 4' fill='none'/%3E%3Cpath d='M28 1.8 L31.4 5 L28 8.2 L24.6 5 Z' fill='%238b5cf6'/%3E%3C/svg%3E") center bottom -7px/50px 9px no-repeat;animation:5s ease-in-out infinite hf-dot-breathe;position:absolute;inset:0}@keyframes hf-dot-breathe{0%,to{opacity:.7}50%{opacity:1}}.sp-shell.hf-frame:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:conic-gradient(from 0deg, transparent 0deg, transparent 298deg, color-mix(in srgb, var(--hf-violet) 42%, transparent) 330deg, color-mix(in srgb, var(--hf-royal) 82%, transparent) 348deg, transparent 360deg);pointer-events:none;z-index:3;padding:1.5px;animation:6.4s ease-in-out infinite alternate hf-halo-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes hf-halo-drift{0%{filter:hue-rotate()brightness();opacity:.5}to{filter:hue-rotate(20deg)brightness(1.3);opacity:.9}}.sp-shell.hf-frame:hover:before{filter:drop-shadow(0 0 6px #8b5cf68c)}@media (prefers-reduced-motion:reduce){.sp-shell.hf-frame:before,.sp-shell.hf-frame:after{animation:none}}