:root.fi {
    overflow-y: scroll;
}

.fi-sidebar.h-screen {
    height: 100dvh;
}

.shield-form-components .fi-section:not(.fi-collapsed) {
    height: 100%;
}

.custom-body-bg {
    background-image: url("/bg.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.custom-body-bg::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(3px);
    z-index: -1;
}

html.dark .custom-body-bg::before {
    background-color: rgba(0, 0, 0, 0.85);
}

div.fi-modal > div > div.fixed {
    overflow-y: hidden;
}

div.fi-modal.fi-modal-open > div > div.fixed {
    overflow-y: scroll;
}