.focus-container{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;align-items:center;gap:.5em;display:flex;position:relative}.focus-word{font-size:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-weight:900;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:3px solid var(--border-color,#fff);width:1rem;height:1rem;filter:drop-shadow(0px 0px 4px var(--border-color,#fff));border-radius:3px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-10px;left:-10px}.top-right{border-bottom:none;border-left:none;top:-10px;right:-10px}.bottom-left{border-top:none;border-right:none;bottom:-10px;left:-10px}.bottom-right{border-top:none;border-left:none;bottom:-10px;right:-10px}
.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;border-radius:1.5rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x)var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;pointer-events:none;z-index:0;transition:opacity .5s;position:absolute;inset:0}.card-spotlight>*{z-index:1;position:relative}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}