.kitl-click-spinner-host { position:relative; }
.kitl-click-spinner { position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:rgb(255 255 255 / 12%);backdrop-filter:blur(2px) saturate(130%);pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 55%,rgb(0 0 0 / 60%) 75%,transparent 100%); }
.kitl-click-spinner__ring { display:block;width:30px;height:30px;border:3px solid rgb(0 0 0 / 12%);border-top-color:var(--kitl-primary,#173b37);border-radius:50%;animation:kitl-click-spin .8s linear infinite;box-shadow:0 2px 10px rgb(0 0 0 / 8%); }
@keyframes kitl-click-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .kitl-click-spinner__ring { animation:none !important; } }
@media(forced-colors:active) { .kitl-click-spinner__ring { border-color:CanvasText;border-top-color:Highlight; } }