* {
  direction: rtl;
}


.loader,.loaderr {
        position: fixed;
        inset: 0;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .spinner {
        width: 45px;
        height: 45px;
        border: 4px solid #ddd;
        border-top-color: #000;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
    }

    @keyframes spin {
        to {
            transform: rotate(360deg);
        }
    }

    .loader.hidden,.loaderr.hidden {
        display: none;
    }

.selected {
    background-color: oklch(0.81 0.1 250.46);
}