.frontcat-action-loading{
position:relative !important;
min-width:var(--frontcat-action-loading-width,auto) !important;
cursor:wait !important;
}
button.frontcat-action-loading,
a.frontcat-action-loading,
.frontcat-action-loading:not(input){
color:transparent !important;
text-shadow:none !important;
-webkit-text-fill-color:transparent !important;
}
.frontcat-action-loading:not(input)>*{
opacity:0 !important;
visibility:hidden !important;
}
.frontcat-action-loading:not(input)>.frontcat-action-loading-content{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:inherit !important;
opacity:0 !important;
visibility:hidden !important;
}
.frontcat-action-loading:not(input)::after{
content:"";
position:absolute;
left:calc(50% - 8px);
top:calc(50% - 8px);
width:16px;
height:16px;
border-radius:999px;
border:2px solid color-mix(in srgb,var(--frontcat-action-spinner-color,currentColor) 28%,transparent);
border-top-color:var(--frontcat-action-spinner-color,currentColor);
box-sizing:border-box;
animation:frontcatActionSpin .72s linear infinite;
pointer-events:none;
z-index:3;
}
.frontcat-action-loading-input-wrap{
position:relative;
display:inline-block;
vertical-align:middle;
}
.frontcat-action-loading-input-wrap.is-loading::before{
content:"";
position:absolute;
inset:1px;
border-radius:var(--frontcat-action-loading-input-radius,10px);
background:var(--frontcat-action-loading-input-bg,#000000);
z-index:1;
pointer-events:none;
}
.frontcat-action-loading-input-wrap input.frontcat-action-loading{
color:transparent !important;
text-shadow:none !important;
-webkit-text-fill-color:transparent !important;
}
.frontcat-action-loading-input-spinner{
position:absolute;
left:calc(50% - 8px);
top:calc(50% - 8px);
width:16px;
height:16px;
border-radius:999px;
border:2px solid color-mix(in srgb,var(--frontcat-action-spinner-color,currentColor) 28%,transparent);
border-top-color:var(--frontcat-action-spinner-color,currentColor);
color:var(--frontcat-action-spinner-color,currentColor);
box-sizing:border-box;
animation:frontcatActionSpin .72s linear infinite;
pointer-events:none;
z-index:2;
}
@keyframes frontcatActionSpin{
to{transform:rotate(360deg);}
}