.action-spotlight{--spotlight-color:currentColor;--spotlight-radius:calc(var(--spotlight-height,9999px) / 2);--spotlight-radius-active:calc(var(--spotlight-height,9999px) / 3);--mouse-x:50%;--mouse-y:50%;border:1px solid color-mix(in srgb, var(--spotlight-color) 16%, transparent);background-color:color-mix(in srgb, var(--spotlight-color) 16%, transparent);border-radius:var(--spotlight-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .25s,border-color .25s,border-radius .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:relative;overflow:hidden}.action-spotlight:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);transition:opacity .5s;position:absolute;inset:0}@media (hover:hover){.action-spotlight:hover{background-color:color-mix(in srgb, var(--spotlight-color) 12%, transparent)}.action-spotlight:hover:before{opacity:.18}.action-spotlight:active:before{opacity:.4}}.action-spotlight:focus-visible:before{opacity:.18}.action-spotlight:has(:focus-visible):before{opacity:.18}.action-spotlight[data-rectangular=true]{--spotlight-radius:4px;--spotlight-radius-active:calc(var(--spotlight-height,16px) / 4)}@media (hover:hover){.action-spotlight:active{border-radius:var(--spotlight-radius-active)}}.action-spotlight[data-hide-background=true]:not(:hover){background-color:#0000;border-color:#0000}.action-spotlight[data-has-blur=true]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.action-spotlight[data-has-blur=true][data-hide-background=true]:not(:hover){-webkit-backdrop-filter:none;backdrop-filter:none}@media (hover:hover){.action-spotlight[data-has-blur=true][data-hide-background=true][data-disabled=true]:hover{-webkit-backdrop-filter:none;backdrop-filter:none}}.action-spotlight[data-solid-background=true]:not(:hover){background-color:var(--spotlight-color);border-color:#0000}.action-spotlight__content{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.action-spotlight__content>*{background-color:#0000!important;border-color:#0000!important}.action-spotlight[data-disabled=true]{opacity:.4;cursor:default}@media (hover:hover){.action-spotlight[data-disabled=true]:hover{background-color:color-mix(in srgb, var(--spotlight-color) 16%, transparent)}.action-spotlight[data-disabled=true]:hover:before,.action-spotlight[data-disabled=true]:active:before{opacity:0}.action-spotlight[data-disabled=true]:active{border-radius:var(--spotlight-radius)}}.action-spotlight[data-disabled=true]:focus-visible:before{opacity:0}.action-spotlight[data-disabled=true]:has(:focus-visible):before{opacity:0}@media (prefers-reduced-motion:reduce){.action-spotlight,.action-spotlight:before{transition:none}}