@import url("./css/text-scroll.css");
@import url("./css/tooltips.css");
@import url("./css/stt.css");
@import url("./css/modals.css");
@import url("./css/imgview.css");
@import url("./css/scrollbar.css");

:root {
    --page-bg-color: #ffffff;
    --primary: #74988A;
    --primary-hover: #89a89c;
    --primary-active: #608375;
    --primary-container: #74988A;
    --primary-on-container: #e2f2e6;
    --tooltip-bg: rgba(0, 0, 0, 0.7);
    --tooltip-color: white;
    --base-radius: 8px;
    --floating-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.25);
}

* {
    -webkit-tap-highlight-color: transparent;
    /* transparent with keyword */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* transparent with rgba */
    -webkit-tap-highlight-color: hsla(0, 0, 0, 0);
    /* transparent with hsla */
    -webkit-tap-highlight-color: #00000000;
    /* transparent with hex with alpha */
    -webkit-tap-highlight-color: #0000;
    /* transparent with short hex with alpha */
}

html.modal-show {
    overflow-y: hidden;
}

.floating-arrow {
    position: absolute;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.flex-space {
    flex-grow: 1;
}

.btn.btn-icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}