#start-loader.start-loader{
    position:fixed;
    inset:0;
    z-index:2147483000;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--start-loader-bg,#fff);
    opacity:1;
    visibility:visible;
    transition:opacity var(--start-loader-fade,260ms) ease, visibility var(--start-loader-fade,260ms) ease;
    -webkit-font-smoothing:antialiased;
}

#start-loader.start-loader.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.start-loader__inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
    padding:24px;
    text-align:center;
}

.start-loader__image{
    display:block;
    width:min(var(--start-loader-image,160px),70vw);
    max-height:160px;
    object-fit:contain;
}

.start-loader__spinner{
    width:var(--start-loader-spinner,48px);
    height:var(--start-loader-spinner,48px);
    border-radius:50%;
    border:4px solid color-mix(in srgb, var(--start-loader-accent,#20a464) 18%, transparent);
    border-top-color:var(--start-loader-accent,#20a464);
    animation:start-loader-spin .8s linear infinite;
    box-sizing:border-box;
}

.start-loader__text{
    color:var(--start-loader-text,#2f3a35);
    font-size:14px;
    font-weight:500;
    line-height:1.4;
    max-width:320px;
}

@keyframes start-loader-spin{
    to{transform:rotate(360deg)}
}

@media (prefers-reduced-motion: reduce){
    .start-loader__spinner{animation-duration:1.5s}
    #start-loader.start-loader{transition-duration:120ms}
}

body.admin-bar #start-loader.start-loader{
    top:32px;
}
@media screen and (max-width:782px){
    body.admin-bar #start-loader.start-loader{top:46px}
}