#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-250);
}
.UI-divider-right {
    border-right: 1px solid var(--fw-white-250);
}


/* 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, var(--fw-white-000), var(--fw-white-050));
    border: 1px solid var(--fw-white-300);
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--fw-black-400);
    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, var(--fw-white-050), var(--fw-white-100));
    color: var(--fw-black-200);
    border: 1px solid var(--fw-white-400);
    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, var(--fw-white-000), var(--fw-white-100));
    border-color: var(--fw-white-250);
    transform: translateY(1px);
    color: var(--fw-white-500);
    
    /* box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2),
        inset 0 -1px 0 rgba(255, 255, 255, 0.6); */
}