@media (min-width: 1024px) {
    .fi-body-has-sidebar-collapsible-on-desktop .fi-main-sidebar.fi-sidebar-open {
        width: var(--sidebar-width) !important;
    }

    .fi-body-has-sidebar-collapsible-on-desktop .fi-main-sidebar:not(.fi-sidebar-open) {
        width: var(--collapsed-sidebar-width) !important;
    }

    .fi-body-has-sidebar-collapsible-on-desktop .fi-main-ctn {
        flex: 1 1 0%;
        min-width: 0;
    }

    .fi-body-has-sidebar-collapsible-on-desktop .fi-main.fi-width-full {
        max-width: none;
        width: 100%;
    }

    .fi-body-has-sidebar-collapsible-on-desktop .fi-main .fi-ta-ctn {
        width: 100%;
    }

    .fi-body.is-sidebar-resizing .fi-main-sidebar {
        transition: none !important;
    }

    .fi-main-sidebar {
        position: relative;
    }

    .fi-sidebar-resizer {
        position: absolute;
        top: 0;
        bottom: 0;
        inset-inline-end: 0;
        z-index: 50;
        width: 8px;
        pointer-events: none;
    }

    .fi-sidebar-resizer-grip {
        position: absolute;
        top: 0;
        bottom: 0;
        inset-inline-end: 0;
        z-index: 50;
        width: 8px;
        cursor: col-resize;
        touch-action: none;
        pointer-events: auto;
        transition: background-color 150ms ease;
    }

    .fi-sidebar-resizer-grip::after {
        content: '';
        position: absolute;
        top: 50%;
        inset-inline-end: 2px;
        width: 3px;
        height: 2.5rem;
        transform: translateY(-50%);
        border-radius: 9999px;
        background-color: rgb(156 163 175 / 0.7);
        transition: background-color 150ms ease, height 150ms ease, width 150ms ease;
    }

    .fi-sidebar-resizer-grip:hover::after,
    .fi-sidebar-resizer-grip.is-dragging::after {
        width: 4px;
        height: 3.5rem;
        background-color: var(--primary-500);
    }

    .fi-body.is-sidebar-resizing {
        cursor: col-resize !important;
        user-select: none !important;
    }

    .fi-body.is-sidebar-resizing * {
        cursor: col-resize !important;
    }
}