.hello-table-alert {
    opacity: 1;
    visibility: visible;
    transition: all 300ms ease-in-out !important;
}

    .hello-table-alert.visible-hidden {
        opacity: 0;
        visibility: hidden;
    }

.hello-table-back-button {
    white-space: nowrap;
    display: none;
}

    .hello-table-back-button.active {
        display: inline-block;
    }

button.hello-active,
a.hello-active {
    background-color: #3496e4 !important;
    border-color: #3496e4;
}

.hello-table-wrapper {
    height: 100%;
}

    .hello-table-wrapper .hello-sub-buttons {
        max-height: 0vh;
        visibility: hidden;
        overflow-y: auto;
        transition: all 300ms ease-in-out;
    }

        .hello-table-wrapper .hello-sub-buttons.hello-active {
            max-height: 90vh;
            opacity: 1;
            visibility: visible;
        }

.visible-hidden {
    visibility: hidden;
}

.hello-table-contents {
    opacity: 0;
    position: relative;
}

    .hello-table-contents .hello-table-content {
        position: absolute;
        padding: 1rem;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
        overflow-y: auto;
        transition: all 300ms ease-in-out;
    }

        .hello-table-contents .hello-table-content.hello-active {
            position: static;
            opacity: 1;
            visibility: visible;
        }

/*# sourceMappingURL=style.css.map */