@font-face {
    font-family: 'sora';
    src: url('../fonts/sora/sora-medium.ttf') format('truetype');
}

body {
    font-family: 'sora';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    background: #f1f5f9 !important;
    overflow-x:hidden !important;
    margin-bottom:0 !important;
}
.mt--15{
    margin-top:-15px !important;
}

.transparent-card {
    background-color: transparent !important;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content:space-between;
    width: 100%;
    position: relative;
    z-index: 1 !important;
}
.bot-icon {
    width: 125.56px;
    height: 134.39px;
    z-index: 1 !important;
}
.message-blue {
    position: relative;
    padding: 1.25rem;
    text-align: left;
    border-radius: 20px;
    width: auto;
    height: auto;
    background: #0073FF;
    font-weight: 700;
    font-size: 1rem;
    color: #FFFFFF;
    word-break: break-word;
}
    .message-blue:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-bottom: 15px solid #0073FF;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        bottom: 30px;
        left: -14px;
    }
    
.white-card {
    background: #fff;
    border-radius: 20px;
    padding: 26px 20px;
    z-index: 10 !important;
    position: relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:100%;
}

.icon {
    width: 22px;
    height: 22px;
}

.channel-title {    
    font-size: 1rem;
    color: #0073FF;
}
.channel-card {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 14px;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    cursor:pointer;
    transition: all 0.3s;
    text-decoration:none !important;
}
    .channel-card:hover {
        background-color: #DBEAFE;
        border: 1px solid #DBEAFE;
    }
    .channel-card .channel-name {
        font-size: 1rem;
        color: #0F172A;
        word-break: break-word;
    }
    .channel-card .channel-icon {
        width: 48px;
        height: 48px;
    }
.share-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    background: #DBEAFE;
    border: 0.800003px solid #DBEAFE;
    border-radius: 8.00003px;
}
    .share-btn .icon {
        width: 19.2px;
        height: 19.2px;
    }
@media(min-width:430px){
    .fix-width {
        max-width: 436px !important;
        min-width: 436px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin:auto !important;
    }
}

.fs14{
    font-size:14px !important
}