[data-navigation-noop] {
    font-weight: bold;
}

.remote:not(.remote-valid) {
    interactivity: inert;
}

.remote {
    overflow: hidden;
    position: relative;
    min-height: 80px;
}

.remote:not(.remote-valid)::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: rgba(200, 200, 200, 0.5);
    /*z-index: 1;*/
    animation: ramistat-fade-in 0.5s forwards;
}

.remote:not(.remote-valid)::after {
    content: "🍩";
    position: absolute;
    top: 50%; left: 50%;
    font-size: 80px;
    /*dominant-baseline: ideographic;*/
    /*transform-box: content-box;*/
    animation: ramistat-fade-in 0.5s forwards, ramistat-spinner 1s linear infinite;
}

@keyframes ramistat-spinner {
    from { transform: translate(-50%,-50%) rotate(  0deg); }
    to   { transform: translate(-50%,-50%) rotate(360deg); }
}

@keyframes ramistat-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*.rpc-trigger:disabled*/