@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.b6pgxrrsua.bundle.scp.css';

/* /Pages/Dev.razor.rz.scp.css */
.robot-link[b-iff6n9d3px] {
    display: inline-block;
    padding: 0.5em 1em;
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    color: var(--accent-fill-rest);
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
    border: 2px solid var(--accent-fill-rest);
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 0 10px rgba(255, 200, 100, 0.6);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .robot-link[b-iff6n9d3px]::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
        transform: rotate(45deg);
        animation: pulseGlow-b-iff6n9d3px 3s infinite ease-in-out;
    }

    .robot-link:hover[b-iff6n9d3px] {
        transform: scale(1.05);
        box-shadow: 0 0 20px rgba(255, 255, 150, 0.8);
        background: linear-gradient(135deg, #fcb69f 0%, #ffecd2 100%);
    }

@keyframes pulseGlow-b-iff6n9d3px {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}
/* /Pages/User/UserAccount.razor.rz.scp.css */
/* Hide default radio circle */
fluent-radio[b-2fb8iyjqb8]::part(control) {
    display: none;
}

/* Style selected icon */
fluent-radio[checked] .icon-container[b-2fb8iyjqb8] {
    border: 2px solid var(--accent-fill-rest);
    border-radius: 8px;
    background-color: var(--neutral-fill-secondary);
}
