﻿@import "../../../Styles/functions.scss";

.bit-mdl {
    inset: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    outline: none;
    display: flex;
    position: fixed;
    font-weight: 400;
    align-items: center;
    pointer-events: none;
    z-index: $zindex-modal;
    justify-content: center;
    font-size: spacing(1.75);
    font-family: $tg-font-family;
    background-color: transparent;
    transition: opacity 300ms ease 0s;
}

.bit-mdl-nta {
    touch-action: none;

    * {
        touch-action: none;
    }
}

.bit-mdl-abs {
    z-index: unset;
    position: absolute;
}

.bit-mdl-ovl {
    inset: 0;
    z-index: 0;
    position: absolute;
    pointer-events: all;
    background-color: $clr-bg-overlay;
}

.bit-mdl-ctn {
    max-width: 100%;
    position: absolute;
    pointer-events: all;
    box-sizing: border-box;
    background-color: $clr-bg-pri;
    box-shadow: $box-shadow-callout;
    border-radius: $shp-border-radius;
}

.bit-mdl-fhe {
    .bit-mdl-ctn {
        height: 100%;
    }
}

.bit-mdl-fwi {
    .bit-mdl-ctn {
        width: 100%;
    }
}


.bit-mdl-tlf {
    align-items: flex-start;
    justify-content: flex-start;
}

.bit-mdl-tcr {
    align-items: flex-start;
    justify-content: center;
}

.bit-mdl-trg {
    align-items: flex-start;
    justify-content: flex-end;
}

.bit-mdl-tst {
    align-items: flex-start;
    justify-content: flex-start;
}

.bit-mdl-ten {
    align-items: flex-start;
    justify-content: flex-end;
}

.bit-mdl-clf {
    align-items: center;
    justify-content: flex-start;
}

.bit-mdl-ctr {
    align-items: center;
    justify-content: center;
}

.bit-mdl-crg {
    align-items: center;
    justify-content: flex-end;
}

.bit-mdl-cst {
    align-items: center;
    justify-content: flex-start;
}

.bit-mdl-cen {
    align-items: center;
    justify-content: flex-end;
}

.bit-mdl-blf {
    align-items: flex-end;
    justify-content: flex-start;
}

.bit-mdl-bcr {
    align-items: flex-end;
    justify-content: center;
}

.bit-mdl-brg {
    align-items: flex-end;
    justify-content: flex-end;
}

.bit-mdl-bst {
    align-items: flex-end;
    justify-content: flex-start;
}

.bit-mdl-ben {
    align-items: flex-end;
    justify-content: flex-end;
}
