.spotlight-overlay{position:fixed;inset:0;background:rgba(74,74,74,.65);backdrop-filter:blur(1px);z-index:998}.spotlight-target{position:relative;z-index:999;box-shadow:0 0 15px 5px rgba(227,150,62,.85);border:1px solid #f28c28;border-radius:6px}.spotlight-tooltip{position:fixed;padding:8px 14px;background:#fff;color:#000;border-radius:6px;font-size:14px;white-space:nowrap;box-shadow:0 0 10px rgba(0,0,0,.15);transform:translate(-50%,-50%);z-index:1000}.spotlight-tooltip.above{transform:translate(-50%,-100%)}.spotlight-tooltip.below{transform:translate(-50%)}.spotlight-tooltip.left{transform:translateY(-50%)}.spotlight-tooltip.right{transform:translate(-100%,-50%)}.spotlight-arrow{position:absolute;width:10px;height:10px;background:#fff;transform:rotate(45deg);z-index:1001}.spotlight-tooltip.above .spotlight-arrow{top:85%;left:50%;transform:translate(-50%) rotate(45deg);border-left:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.spotlight-tooltip.below .spotlight-arrow{bottom:85%;left:50%;transform:translate(-50%) rotate(45deg);border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.spotlight-tooltip.left .spotlight-arrow{left:97.6%;top:50%;transform:translateY(-50%) rotate(45deg);border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1)}.spotlight-tooltip.right .spotlight-arrow{right:97.6%;top:50%;transform:translateY(-50%) rotate(45deg);border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}body,html{height:100%}.loader{height:100%;--color:hsl(0,0%,87%);--animation:2s ease-in-out infinite}.loader,.loader .circle{display:flex;justify-content:center;align-items:center}.loader .circle{position:relative;width:20px;height:20px;border:2px solid var(--color);border-radius:50%;margin:0 10px;background-color:transparent;animation:circle-keys var(--animation)}.loader .circle .dot{width:16px;height:16px;background-color:var(--color);animation:dot-keys var(--animation)}.loader .circle .dot,.loader .circle .outline{position:absolute;transform:translate(-50%,-50%);border-radius:50%}.loader .circle .outline{width:20px;height:20px;animation:outline-keys var(--animation)}.circle:nth-child(2){animation-delay:.3s}.circle:nth-child(3){animation-delay:.6s}.circle:nth-child(4){animation-delay:.9s}.circle:nth-child(5){animation-delay:1.2s}.circle:nth-child(2) .dot{animation-delay:.3s}.circle:nth-child(3) .dot{animation-delay:.6s}.circle:nth-child(4) .dot{animation-delay:.9s}.circle:nth-child(5) .dot{animation-delay:1.2s}.circle:first-child .outline{animation-delay:.9s}.circle:nth-child(2) .outline{animation-delay:1.2s}.circle:nth-child(3) .outline{animation-delay:1.5s}.circle:nth-child(4) .outline{animation-delay:1.8s}.circle:nth-child(5) .outline{animation-delay:2.1s}@keyframes circle-keys{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dot-keys{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys{0%{transform:scale(0);outline:solid 20px var(--color);outline-offset:0;opacity:1}to{transform:scale(1);outline:0 solid transparent;outline-offset:20px;opacity:0}}