@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('../../fonts/ezz-alrashed/cairo/Cairo-Variable.ttf') format('truetype');
}

:root {
    --font-family: 'Cairo', ui-sans-serif, system-ui, sans-serif;
}

body.fi-body > .environment-indicator {
    display: flex !important;
    width: 100%;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    font-weight: 700;
    letter-spacing: 0.04em;
}

[dir='rtl'] .fi-modal-description,
[dir='rtl'] .fi-fo-field-label-content {
    text-align: right;
}

@media (max-width: 640px) {
    .fi-modal-window {
        max-height: calc(100dvh - 1rem);
        overflow-y: auto;
    }

    .fi-modal-footer-actions {
        width: 100%;
    }

    .fi-modal-footer-actions > * {
        min-height: 2.75rem;
    }
}