.fx-host{position:relative}.fx{position:absolute;pointer-events:none}.fx i{position:absolute;display:block}.fx--protect{inset:-2px;border-radius:6px}.fx--protect::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px var(--th-soft);opacity:0}.fx--protect i{background:var(--th-accent)}.fx--protect i:nth-child(1){top:0;left:0;right:0;height:3px;transform-origin:0 50%;transform:scaleX(0)}.fx--protect i:nth-child(2){top:0;right:0;bottom:0;width:3px;transform-origin:50% 0;transform:scaleY(0)}.fx--protect i:nth-child(3){bottom:0;left:0;right:0;height:3px;transform-origin:100% 50%;transform:scaleX(0)}.fx--protect i:nth-child(4){top:0;left:0;bottom:0;width:3px;transform-origin:50% 100%;transform:scaleY(0)}.fx--protect i:nth-child(n+5){width:8px;height:8px;opacity:0}.fx--protect i:nth-child(5){top:-3px;right:-3px}.fx--protect i:nth-child(6){bottom:-3px;right:-3px}.fx--protect i:nth-child(7){bottom:-3px;left:-3px}.fx--protect i:nth-child(8){top:-3px;left:-3px}.fx--protect.fx-rest i{transform:none;opacity:1}.fx--protect::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--th-accent);opacity:0}.fx--protect.fx-done::after{opacity:1}.fx--protect.fx-done i{visibility:hidden}.fx--moonlight{inset:0;display:flex;gap:4px;clip-path:inset(-4px -4px -22px)}.fx--moonlight i{position:static;width:17px;height:17px;flex:none;background:color-mix(in srgb, var(--th-soft) 45%, transparent);box-shadow:inset 0 0 0 3px var(--th-soft);opacity:0}.fx--moonlight i:nth-child(2){transform:translateY(9px)}.fx--moonlight i:nth-child(3){transform:translateY(18px)}.fx--moonlight i:nth-child(4){transform:translateY(27px)}@media (prefers-reduced-motion: no-preference){.fx--protect.fx-go i:nth-child(-n+4){animation:umb-wall-x var(--m-lock) steps(4, end) both}.fx--protect.fx-go i:nth-child(even){animation-name:umb-wall-y}.fx--protect.fx-go i:nth-child(2){animation-delay:var(--m-lock)}.fx--protect.fx-go i:nth-child(3){animation-delay:calc(var(--m-lock) * 2)}.fx--protect.fx-go i:nth-child(4){animation-delay:calc(var(--m-lock) * 3)}.fx--protect.fx-go i:nth-child(n+5){animation:umb-post var(--m-flash) steps(2, end) both}.fx--protect.fx-go i:nth-child(5){animation-delay:var(--m-lock)}.fx--protect.fx-go i:nth-child(6){animation-delay:calc(var(--m-lock) * 2)}.fx--protect.fx-go i:nth-child(7){animation-delay:calc(var(--m-lock) * 3)}.fx--protect.fx-go i:nth-child(8){animation-delay:calc(var(--m-lock) * 4)}.fx--protect.fx-go::before{animation:umb-close-end var(--m-clear) steps(2, end) calc(var(--m-lock) * 4) forwards}.fx--moonlight.fx-go i{animation:umb-moon var(--m-clear) steps(4, end) calc(var(--m-lock) + var(--m-tap) * var(--n, 0)) both}.fx--moonlight.fx-go i:nth-child(2){--n:1}.fx--moonlight.fx-go i:nth-child(3){--n:2}.fx--moonlight.fx-go i:nth-child(4){--n:3;animation-name:umb-moon-end}}@keyframes umb-wall-x{from{transform:scaleX(0)}to{transform:none}}@keyframes umb-wall-y{from{transform:scaleY(0)}to{transform:none}}@keyframes umb-post{0%{opacity:0;transform:scale(1.5)}50%{opacity:1}100%{opacity:1;transform:none}}@keyframes umb-close-end{0%{opacity:1}100%{opacity:0}}@keyframes umb-moon{0%,100%{opacity:0}40%{opacity:1}}@keyframes umb-moon-end{0%,100%{opacity:0}40%{opacity:1}}