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

.bit-msg {
    width: 100%;
    display: flex;
    font-weight: 400;
    flex-flow: column;
    box-sizing: border-box;
    justify-content: center;
    font-family: $tg-font-family;
    border-width: $shp-border-width;
    border-style: $shp-border-style;
    border-radius: $shp-border-radius;
    font-size: var(--bit-msg-fontsize);
    box-shadow: var(--bit-msg-boxshadow);
}

.bit-msg-rct {
    display: flex;
    align-items: start;
}

.bit-msg-con {
    width: 100%;
    display: flex;
    overflow: hidden;
    align-items: start;
    line-height: normal;
    padding: 0 spacing(0.5);
    justify-content: var(--bit-msg-justifycontent);
}

.bit-msg-ict {
    display: flex;
    margin: var(--bit-msg-ico-margin);
    margin-inline-end: 0;
}

.bit-msg-ico {
    font-size: var(--bit-msg-ico-fontsize);
}

.bit-msg-cnc {
    display: flex;
    overflow: hidden;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bit-msg-cnx {
    white-space: normal;
}

.bit-msg-cnw {
    flex-grow: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    margin: var(--bit-msg-margin);
}

.bit-msg-cnt {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bit-msg-mcn {
    white-space: normal;
}

.bit-msg-act {
    display: flex;
    max-height: spacing(4);
    justify-content: flex-end;
}

.bit-msg-mac {
    margin: 0 spacing(1.5) spacing(1) spacing(1);
}

.bit-msg-exb,
.bit-msg-dmb {
    cursor: pointer;
    min-width: spacing(4);
    min-height: spacing(4);
    background-color: transparent;
}

.bit-msg-exi,
.bit-msg-dmi {
    font-size: spacing(1.25);
}

.bit-msg-fil {
    color: var(--bit-msg-clr);
    border-color: var(--bit-msg-clr-bg);
    background-color: var(--bit-msg-clr-bg);
}

.bit-msg-otl {
    color: var(--bit-msg-clr-bg);
    border-color: var(--bit-msg-clr-bg);
    background-color: transparent;
}

.bit-msg-txt {
    color: var(--bit-msg-clr-bg);
    border-color: transparent;
    background-color: transparent;
}

.bit-msg-pri {
    --bit-msg-clr-bg: #{$clr-pri};
    --bit-msg-clr: #{$clr-pri-text};
}

.bit-msg-sec {
    --bit-msg-clr-bg: #{$clr-sec};
    --bit-msg-clr: #{$clr-sec-text};
}

.bit-msg-ter {
    --bit-msg-clr-bg: #{$clr-ter};
    --bit-msg-clr: #{$clr-ter-text};
}

.bit-msg-inf {
    --bit-msg-clr-bg: #{$clr-inf};
    --bit-msg-clr: #{$clr-inf-text};
}

.bit-msg-suc {
    --bit-msg-clr-bg: #{$clr-suc};
    --bit-msg-clr: #{$clr-suc-text};
}

.bit-msg-wrn {
    --bit-msg-clr-bg: #{$clr-wrn};
    --bit-msg-clr: #{$clr-wrn-text};
}

.bit-msg-swr {
    --bit-msg-clr-bg: #{$clr-swr};
    --bit-msg-clr: #{$clr-swr-text};
}

.bit-msg-err {
    --bit-msg-clr-bg: #{$clr-err};
    --bit-msg-clr: #{$clr-err-text};
}


.bit-msg-pbg {
    --bit-msg-clr: #{$clr-fg-pri};
    --bit-msg-clr-bg: #{$clr-bg-pri};
}

.bit-msg-sbg {
    --bit-msg-clr: #{$clr-fg-pri};
    --bit-msg-clr-bg: #{$clr-bg-sec};
}

.bit-msg-tbg {
    --bit-msg-clr: #{$clr-fg-pri};
    --bit-msg-clr-bg: #{$clr-bg-ter};
}

.bit-msg-pfg {
    --bit-msg-clr: #{$clr-bg-pri};
    --bit-msg-clr-bg: #{$clr-fg-pri};
}

.bit-msg-sfg {
    --bit-msg-clr: #{$clr-bg-pri};
    --bit-msg-clr-bg: #{$clr-fg-sec};
}

.bit-msg-tfg {
    --bit-msg-clr: #{$clr-bg-pri};
    --bit-msg-clr-bg: #{$clr-fg-ter};
}

.bit-msg-pbr {
    --bit-msg-clr: #{$clr-fg-pri};
    --bit-msg-clr-bg: #{$clr-brd-pri};
}

.bit-msg-sbr {
    --bit-msg-clr: #{$clr-bg-pri};
    --bit-msg-clr-bg: #{$clr-brd-sec};
}

.bit-msg-tbr {
    --bit-msg-clr: #{$clr-bg-pri};
    --bit-msg-clr-bg: #{$clr-brd-ter};
}

.bit-msg-sm {
    --bit-msg-margin: #{spacing(0.5)};
    --bit-msg-fontsize: #{spacing(1.5)};
    --bit-msg-ico-margin: #{spacing(1)};
    --bit-msg-ico-fontsize: #{spacing(1.5)};
}

.bit-msg-md {
    --bit-msg-margin: #{spacing(1)};
    --bit-msg-fontsize: #{spacing(1.75)};
    --bit-msg-ico-margin: #{spacing(1.2)};
    --bit-msg-ico-fontsize: #{spacing(2)};
}

.bit-msg-lg {
    --bit-msg-margin: #{spacing(2)};
    --bit-msg-fontsize: #{spacing(2.0)};
    --bit-msg-ico-margin: #{spacing(2)};
    --bit-msg-ico-fontsize: #{spacing(2.5)};
}