.focus-container{display:flex;gap:1em;justify-content:center;align-items:center;flex-wrap:wrap}.focus-container,.focus-word{position:relative;outline:none;user-select:none}.focus-word{font-size:3rem;font-weight:900;cursor:pointer;transition:filter .3s ease,color .3s ease}.focus-word.active{filter:blur(0)}.focus-frame,.focus-highlight{position:absolute;top:0;left:0;pointer-events:none}.focus-highlight{border-radius:6px;background-color:var(--highlight-color)}.focus-box{box-sizing:border-box;border:var(--border-width,3px) solid var(--border-color,currentColor);border-radius:6px}.focus-box,.focus-underline{position:absolute;top:0;left:0;filter:drop-shadow(0 0 4px var(--glow-color,transparent))}.focus-underline{border-radius:calc(var(--border-width, 3px) / 2);background-color:var(--border-color,currentColor)}.corner{position:absolute;top:0;left:0;box-sizing:border-box;width:var(--corner-size,1rem);height:var(--corner-size,1rem);border:var(--border-width,3px) solid var(--border-color,currentColor);border-radius:3px;filter:drop-shadow(0 0 4px var(--glow-color,transparent))}.top-left{border-right:none;border-bottom:none}.top-right{border-left:none;border-bottom:none}.bottom-left{border-right:none;border-top:none}.bottom-right{border-left:none;border-top:none}.dot-field{position:relative;width:100%;height:100%;overflow:hidden}.dot-field__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}