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

/* /Pages/Settings/Settings.razor.rz.scp.css */
/* /SharedComponents/Components/CameraCapture.razor.rz.scp.css */
/* /SharedComponents/UtilityComponents/Modal.razor.rz.scp.css */
/* Modal.razor.css - Isolated styles for Modal component */

.modal-header .btn-icon[b-zgab3xsu7c] {
    transition: all 0.3s ease;
}

.modal-header .btn-icon:hover[b-zgab3xsu7c] {
    background-color: var(--kt-light-primary);
    color: var(--kt-primary);
}

.modal-fullscreen[b-zgab3xsu7c] {
    padding: 0 !important;
}

.modal-fullscreen .modal-content[b-zgab3xsu7c] {
    border: 0;
    border-radius: 0;
}

.modal-dialog-scrollable .modal-body[b-zgab3xsu7c] {
    overflow-y: auto;
}

/* Loading spinner styles */
.spinner[b-zgab3xsu7c] {
    display: inline-block;
    position: relative;
    padding-right: 2rem !important;
}

.spinner.spinner-white[b-zgab3xsu7c]::before {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.spinner[b-zgab3xsu7c]::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    right: 0.75rem;
    top: 50%;
    margin-top: -0.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: var(--kt-primary);
    border-bottom-color: var(--kt-primary);
    animation: spinner-b-zgab3xsu7c 0.6s linear infinite;
}

@keyframes spinner-b-zgab3xsu7c {
    to {
        transform: rotate(360deg);
    }
}