#MASTER_RELOAD {
    height: calc(var(--vh, 1vh) * 100 - 48px);
    overflow: hidden;
    padding-bottom: env(safe-area-inset-bottom);
}

@media screen and (min-width: 575px) {
    #MASTER_RELOAD {
        height: calc(var(--vh, 1vh) * 100);
    }
}






/* DIVIDERS */
.UI-divider {
    border-bottom: 1px solid var(--fw-white-200);
}
.UI-divider-right {
    border-right: 1px solid var(--fw-white-200);
}


/* BUTTONS */

/* Slick button type A */

.UI-button-slick-A {
    white-space: nowrap;
    border-radius: 5px;
    padding: 6px 8px;
    /* margin: 10px 0px; */
    width: fit-content;
    background: linear-gradient(to bottom, #ffffff, #f0f0f0);
    border: 1px solid #c9c9c9;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #4b4b4b;
    font-family: 'Poppins', sans-serif;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8),
        inset 0 -1px 0 rgba(0, 0, 0, 0.05),
        0 2px 4px rgba(0, 0, 0, 0.1);
}

.UI-button-slick-A:hover {
    background: linear-gradient(to bottom, #ffffff, #f8f8f8);
    color: #565656;
    border-color: #747474;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(0, 0, 0, 0.1),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

.UI-button-slick-A:active {
    background: linear-gradient(to bottom, #e8e8e8, #f0f0f0);
    border-color: #a0a0a0;
    transform: translateY(1px);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2),
        inset 0 -1px 0 rgba(255, 255, 255, 0.6);
}

