/* VeroSocial - componenti esclusivi dei canali. Caricato dopo style.css. */

:is(#create_channel,#create_channel_chat) .modal-content{border:0;border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.24);overflow:visible}
:is(#create_channel,#create_channel_chat) .wow_pops_head{padding:22px 24px 12px;min-height:auto;border:0}
:is(#create_channel,#create_channel_chat) .wow_pops_head>svg{display:none}
:is(#create_channel,#create_channel_chat) .wow_pops_head h4{display:flex;align-items:center;gap:10px;margin:0;color:#172033;font-size:21px;font-weight:700}
:is(#create_channel,#create_channel_chat) .wow_pops_head h4>svg{box-sizing:content-box;width:22px;height:22px;padding:9px;border-radius:11px;background:var(--theme-primary-soft);color:var(--theme-primary)}
:is(#create_channel,#create_channel_chat) .wow_pops_head .close{top:20px;right:20px;width:34px;height:34px;border-radius:50%;background:#f2f5f8;color:#617080;opacity:1}
:is(#create_channel,#create_channel_chat) .modal-body{padding:10px 24px 18px}
:is(#create_channel,#create_channel_chat) .wow_form_fields{margin:0 0 16px}
:is(#create_channel,#create_channel_chat) .wow_form_fields>label{margin-bottom:8px;color:#344054;font-weight:600}
:is(#create_channel,#create_channel_chat) .wow_form_fields>input{height:52px;border:1px solid #dfe7ef;border-radius:12px;background:#f7f9fb;box-shadow:none}
:is(#create_channel,#create_channel_chat) .wow_form_fields>input:focus{border-color:var(--theme-primary);background:#fff;box-shadow:0 0 0 3px var(--theme-primary-soft)}
:is(#create_channel,#create_channel_chat) :is(.channel_selected_list,.channel_chat_selected_list){display:flex;flex-wrap:wrap;gap:8px;margin:0 0 9px}
:is(#create_channel,#create_channel_chat) :is(.channel_selected_list,.channel_chat_selected_list):empty{display:none}
:is(#create_channel,#create_channel_chat) :is(.channel_selected_part,.channel_chat_selected_part){display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 8px 5px 5px;border:1px solid var(--theme-primary-soft);border-radius:999px;background:var(--theme-primary-soft);color:#203044}
:is(#create_channel,#create_channel_chat) :is(.channel_selected_part,.channel_chat_selected_part) img{width:28px;height:28px;border-radius:50%;object-fit:cover}
:is(#create_channel,#create_channel_chat) :is(.channel_selected_part,.channel_chat_selected_part) .selected_name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
:is(#create_channel,#create_channel_chat) :is(.channel_selected_part,.channel_chat_selected_part) .selected_remove{font-size:21px;line-height:1;color:#60758a}
:is(#create_channel,#create_channel_chat) :is(.channel_participant_list,.channel_chat_mbr_list){margin-top:6px;border:1px solid #dfe7ef;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.14);overflow-y:auto}
:is(#create_channel,#create_channel_chat) .channel_chat_mbr_part{display:flex;align-items:center;min-height:58px;padding:9px 11px;transition:background .15s ease}
:is(#create_channel,#create_channel_chat) .channel_chat_mbr_part:hover{background:var(--theme-primary-soft)}
:is(#create_channel,#create_channel_chat) .channel_chat_mbr_part .user-lastseen{margin-left:8px;white-space:nowrap}
:is(#create_channel,#create_channel_chat) :is(.wow_channel_image,.wow_channel_chat_image){min-height:145px;max-height:145px;border:1.5px dashed color-mix(in srgb,var(--theme-primary) 35%,transparent);border-radius:14px;background:#f7fafc;overflow:hidden}
:is(#create_channel,#create_channel_chat) :is(.wow_channel_image,.wow_channel_chat_image) img{min-height:145px;max-height:145px;object-fit:cover}
:is(#create_channel,#create_channel_chat) .modal-footer{padding:14px 24px 20px;border:0}
:is(#create_channel,#create_channel_chat) .modal-footer .btn{min-width:105px;height:44px;border-radius:11px;text-transform:none;font-weight:600}
#create_channel .channel-privacy-options,#create_channel_chat .channel-privacy-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#create_channel .channel-privacy-options>label,#create_channel_chat .channel-privacy-options>label{position:relative;display:block;min-width:0;min-height:94px;margin:0;padding:14px 14px 14px 48px;border:1px solid #dfe7ef;border-radius:12px;background:#f7f9fb;cursor:pointer;overflow:hidden;transition:border-color .2s,background-color .2s,box-shadow .2s}
#create_channel .channel-privacy-options>label:has(input:checked),#create_channel_chat .channel-privacy-options>label:has(input:checked){border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 8%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-primary) 35%,transparent)}
#create_channel .channel-privacy-options>label:has(input:focus-visible),#create_channel_chat .channel-privacy-options>label:has(input:focus-visible){outline:2px solid var(--theme-primary);outline-offset:2px}
#create_channel .channel-privacy-options>label::before,#create_channel_chat .channel-privacy-options>label::before{content:"";position:absolute;top:15px;left:15px;width:20px;height:20px;border:2px solid #98a2b3;border-radius:50%;background:#fff;box-sizing:border-box}
#create_channel .channel-privacy-options>label:has(input:checked)::before,#create_channel_chat .channel-privacy-options>label:has(input:checked)::before{border-color:var(--theme-primary)}
#create_channel .channel-privacy-options>label:has(input:checked)::after,#create_channel_chat .channel-privacy-options>label:has(input:checked)::after{content:"";position:absolute;top:20px;left:20px;width:10px;height:10px;border-radius:50%;background:var(--theme-primary)}
#create_channel .channel-privacy-options input,#create_channel_chat .channel-privacy-options input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0;pointer-events:none}
#create_channel .channel-privacy-options span,#create_channel_chat .channel-privacy-options span{display:flex!important;width:auto!important;min-width:0;flex-direction:column;gap:4px;color:#344054;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
#create_channel .channel-privacy-options strong,#create_channel_chat .channel-privacy-options strong{display:block;font-size:14px;line-height:1.3;white-space:normal!important;word-break:normal!important}
#create_channel .channel-privacy-options small,#create_channel_chat .channel-privacy-options small{display:block;color:#718096;font-size:12px;line-height:1.35;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
#create_channel .channel-invite-participants[hidden],#create_channel_chat .channel-invite-participants[hidden]{display:none!important}
.channel-manager-toolbar{display:flex;min-width:0;margin-bottom:16px;align-items:center;gap:12px}
.channel-manager-toolbar h4{margin:0;color:#1f2937;font-size:20px;font-weight:700}
.channel-manager-toolbar>span{color:#7b8794;font-size:12px;white-space:nowrap}
.channel-manager-back{display:grid;width:38px;height:38px;flex:0 0 38px;padding:0;border:1px solid #dce5ee;border-radius:11px;background:#f7f9fb;color:#475467;place-items:center;cursor:pointer;transition:color .2s,border-color .2s,background .2s,transform .2s}
.channel-manager-back:hover{color:var(--theme-primary);border-color:#b9d5ee;background:#eef6fd;transform:translateX(-2px)}
.channel-manager-add-button{margin-left:auto;padding:10px 16px;border:1px solid var(--theme-primary);border-radius:11px;background:var(--theme-primary);color:var(--theme-on-primary);font-weight:700;white-space:nowrap}
.channel-manager-add-button:hover,.channel-manager-add-button:focus{border-color:var(--theme-primary-hover);background:var(--theme-primary-hover);color:var(--theme-on-primary)}
.channel-manager-panel{padding:20px;border:1px solid #e4eaf0;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(33,61,82,.08)}
.channel-manager-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:22px;align-items:start}
.channel-manager-participants-column{min-width:0}
.channel-manager-invite{min-width:0;padding:18px;border:1px solid #e8edf2;border-radius:14px;background:#f8fafc}
.channel-manager-search-field{margin:0}
.channel-manager-search-field>label{font-size:14px;font-weight:700}
.channel-manager-search-field>input{height:48px!important;border:1px solid #dfe6ed!important;background:#fff!important}
.channel-participant-search-results{display:grid;gap:8px;max-height:clamp(260px,calc(100vh - 470px),520px);margin:8px 0 0;padding-right:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.channel-participant-search-results:empty{margin:0}
.channel-participants-manager-list{display:grid;gap:8px;min-height:62px;max-height:clamp(300px,calc(100vh - 390px),590px);padding-right:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.channel-participants-manager-list.is-loading{opacity:.48;pointer-events:none}
.channel-participant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:9px 11px;border:1px solid #e6ebf0;border-radius:13px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.channel-participant-row:hover{border-color:color-mix(in srgb,var(--theme-primary) 34%,#e6ebf0);box-shadow:0 8px 22px rgba(33,61,82,.08);transform:translateY(-1px)}
.channel-participant-identity{display:flex;align-items:center;gap:11px;min-width:0}
.channel-participant-identity img{width:40px;height:40px;flex:0 0 40px;border:2px solid #fff;border-radius:50%;object-fit:cover;background:#eef2f6;box-shadow:0 0 0 1px #dfe6ed}
.channel-participant-copy{display:flex;flex-direction:column;min-width:0}
.channel-participant-copy strong{overflow:hidden;color:#28323d;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.channel-participant-copy small{color:#84909c;font-size:12px}
.channel-participant-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.channel-participant-actions .btn{border-radius:9px}
.channel-participant-state{padding:6px 10px;color:#667085;font-size:11px;font-weight:700;border-radius:999px;background:#f0f2f5}
.channel-participant-state.is-owner{color:var(--theme-primary);background:var(--theme-primary-soft)}
.channel-participant-state.is-request{color:#805b10;background:#fff3d6}
.channel-participant-state.is-pending{color:var(--theme-primary);background:var(--theme-primary-soft)}
.channel-manager-empty{display:flex;min-height:180px;margin:4px 0;padding:28px;color:#7b8794;text-align:center;border:1px dashed #d8e0e8;border-radius:14px;background:#f8fafc;align-items:center;justify-content:center;flex-direction:column}
.channel-manager-empty-icon{display:grid;width:46px;height:46px;margin-bottom:10px;border-radius:50%;background:var(--theme-primary-soft);color:var(--theme-primary);font-size:25px;place-items:center}
.channel-manager-empty strong{color:#344054;font-size:15px}
.channel-manager-empty small{max-width:340px;margin-top:4px;font-size:12px;line-height:1.5}
@media(max-width:900px){.channel-manager-columns{grid-template-columns:1fr}}
@media(max-width:900px){.channel-manager-invite{grid-row:1}}
@media(max-width:900px){.channel-participant-search-results,.channel-participants-manager-list{max-height:320px}}
@media(max-width:767px){.channel-manager-toolbar{flex-wrap:wrap;margin-bottom:12px}}
@media(max-width:767px){.channel-manager-toolbar h4{font-size:18px}}
@media(max-width:767px){.channel-manager-toolbar>span{margin-left:auto}}
@media(max-width:767px){.channel-manager-add-button{width:100%;margin-left:50px}}
@media(max-width:767px){.channel-manager-panel{padding:15px;border-radius:14px}}
@media(max-width:767px){.channel-manager-invite{padding:14px}}
@media(max-width:767px){.channel-participant-row{align-items:flex-start;flex-direction:column}}
@media(max-width:767px){.channel-participant-actions{width:100%;justify-content:flex-start;padding-left:51px}}
.wo_channels_page {
    --channel-accent: var(--theme-primary);
    --channel-accent-dark: var(--theme-primary-hover);
    --channel-panel: #ffffff;
    --channel-canvas: #edf5ee;
    --channel-border: #dbe5ec;
    --channel-text: #17212b;
    --channel-muted: #708499;
    --channel-input: #f1f3f5;
    --channel-input-focus: #ffffff;
    --channel-soft-action: var(--theme-primary-soft);
    --channel-list-hover: #f1f6fa;
    --channel-header: rgba(255, 255, 255, .96);
    --channel-bubble-incoming: #ffffff;
    --channel-bubble-outgoing: #dceeff;
    --channel-bubble-border: #b8d8f5;
    --channel-pattern: rgba(67, 126, 84, .08);
    --channel-shadow: rgba(33, 61, 82, .12);
    --channel-soft-shadow: rgba(33, 61, 82, .10);
    --channel-bubble-shadow: rgba(33, 61, 82, .13);
    padding: 82px 14px 14px;
}
body.dark-mode .wo_channels_page,
body.night-mode .wo_channels_page {
    --channel-canvas: #19261f;
    --channel-pattern: rgba(118, 174, 132, .08);
    --channel-bubble-incoming: #202a34;
    --channel-bubble-outgoing: #183b63;
    --channel-bubble-border: #315f8c;
    --channel-text: #f2f7fb;
}
.wo_channels_page .group-participants-summary {
    display: inline-flex;
    max-width: none;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.wo_channels_page .group-participants-summary:hover .group-participants-count {color: var(--theme-primary);}
.wo_channels_page .channel-conversation-view{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}
.wo_channels_page .channel-conversation-view .messages-container{min-height:0}
.wo_channels_page .channel-participants-inline{display:flex;flex:1 1 auto;min-height:0;overflow:auto;flex-direction:column;background:var(--channel-panel)}
.wo_channels_page .channel-participants-inline.hidden{display:none}
.wo_channels_page .channel-header-avatar{position:relative;display:inline-flex;border-radius:50%;align-items:center;justify-content:center}
.wo_channels_page .channel-header-avatar.is-editable{cursor:pointer}
.wo_channels_page .channel-header-avatar.is-uploading{opacity:.55;pointer-events:none}
.wo_channels_page .channel-header-avatar img{width:45px;height:45px;border-radius:50%;object-fit:cover}
.wo_channels_page .channel-participants-summary{display:inline-flex;min-height:30px;margin:3px 0 0;padding:5px 11px 5px 9px;border:1px solid #cfe0f2;border-color:color-mix(in srgb,var(--theme-primary) 24%,#dce5ee);border-radius:999px;background:#f3f8fd;background:color-mix(in srgb,var(--theme-primary) 7%,#fff);color:#536273;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 8px rgba(32,71,105,.06);transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s}
.wo_channels_page .channel-participants-summary::before{content:'';display:block;width:15px;height:15px;flex:0 0 15px;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3ZM8 11c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13Zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5Z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3ZM8 11c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13Zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
.wo_channels_page .channel-participants-summary:hover{color:var(--theme-primary);border-color:#9fc7eb;border-color:color-mix(in srgb,var(--theme-primary) 48%,#dce5ee);background:#eaf4fd;background:color-mix(in srgb,var(--theme-primary) 12%,#fff);box-shadow:0 5px 14px rgba(32,102,180,.12);transform:translateY(-1px)}
.wo_channels_page .channel-participants-summary:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-primary) 24%,transparent);outline-offset:2px}
.wo_channels_page .channel-participants-summary.hidden{display:none}
.wo_channels_page .channel-participants-inline-body{width:100%;max-width:1120px;margin:0 auto;padding:12px 24px 32px}
@media(max-width:767px){.wo_channels_page .channel-participants-inline-body{padding:8px 10px 24px}}
.wo_channels_page #wo_msg_right_prt.is-participants-view .channel-conversation-view{display:none!important}
.wo_channels_page #wo_msg_right_prt.is-participants-view .channel-participants-inline{display:flex}
.wo_channels_page .msg_under_hood {
    height: calc(100vh - 96px);
    align-items: stretch !important;
    gap: 0 !important;
    border: 1px solid var(--channel-border);
    border-radius: 18px;
    background: var(--channel-panel);
    box-shadow: 0 14px 40px var(--channel-shadow);
}
.wo_channels_page #wo_msg_left_prt {
    height: 100% !important;
    min-width: 365px !important;
    max-width: 365px !important;
    padding: 18px 12px 12px;
    border-right: 1px solid var(--channel-border);
    background: var(--channel-panel);
}
.wo_channels_page #wo_msg_left_prt .messages-search-users-form{display:flex;height:100%;min-height:0;flex-direction:column}
.wo_channels_page #wo_msg_left_prt .messages-users-list{flex:1 1 auto;min-height:0}
.wo_channels_page .channels-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px 14px;
}
.wo_channels_page .channels-list-heading h2 {
    margin: 1px 0 0;
    color: var(--channel-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
}
.wo_channels_page .channels-list-kicker {
    color: var(--channel-accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.wo_channels_page .channels-create-button {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: var(--channel-accent);
    box-shadow: 0 7px 18px var(--theme-primary-shadow);
    transition: transform .18s ease, background .18s ease;
}
.wo_channels_page .channels-create-button:hover {
    background: var(--channel-accent-dark);
    transform: translateY(-1px);
}
.wo_channels_page .messages-search-users-form .inner-addon {
    gap: 8px;
    margin-bottom: 10px !important;
}
.wo_channels_page .messages-search-users-form .inner-addon .msg_srch_innr input {
    height: 44px !important;
    border: 1px solid transparent !important;
    border-radius: 22px !important;
    color: var(--channel-text) !important;
    background: var(--channel-input) !important;
    font-weight: 400 !important;
}
.wo_channels_page .messages-search-users-form .inner-addon .msg_srch_innr input:focus {
    border-color: var(--theme-primary) !important;
    background: var(--channel-input-focus) !important;
    box-shadow: 0 0 0 3px var(--theme-primary-soft) !important;
}
.wo_channels_page .messages-search-users-form .inner-addon .btn_contr {
    min-width: 44px !important;
    width: 44px;
    margin-left: 0 !important;
    border-radius: 50% !important;
    background: var(--channel-soft-action) !important;
}
.wo_channels_page .messages-search-users-form .inner-addon .btn_contr .btn {
    width: 44px !important;
    min-width: 44px !important;
    color: var(--channel-accent) !important;
}
.wo_channels_page .channels-create-compact {display: none !important;}
.wo_channels_page .messages-users-list {
    max-height: calc(100% - 108px) !important;
    padding: 3px 0 !important;
    border-radius: 0 !important;
}
.wo_channels_page .channel-list-item {
    min-height: 82px;
    margin: 2px 0;
    padding: 13px 12px;
    border-radius: 12px;
    transition: background .16s ease;
}
.wo_channels_page .channel-list-item:hover {background: var(--channel-list-hover);}
.wo_channels_page .channel-list-item.active {
    color: #fff;
    background: var(--channel-accent);
}
.wo_channels_page .channel-list-item .avatar img {
    width: 54px;
    height: 54px;
    object-fit: cover;
}
.wo_channels_page .channel-list-item .msg_rght_prt {margin-left: 68px;}
.wo_channels_page .channel-list-item .messages-user-name {
    color: var(--channel-text);
    font-size: 17px;
    font-weight: 650;
}
.wo_channels_page .channel-list-item p {
    overflow: hidden;
    margin: 5px 0 0;
    color: var(--channel-muted, #6f8190);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
}
.wo_channels_page .channel-list-item.active .messages-user-name,
.wo_channels_page .channel-list-item.active .messages-last-sent,
.wo_channels_page .channel-list-item.active p {color: #fff !important;}
.wo_channels_page #wo_msg_right_prt {height:100%;min-height:0;background: var(--channel-canvas);}
.wo_channels_page #wo_msg_right_prt > .text-sender-container{display:flex;height:100%;min-height:0;flex-direction:column}
.wo_channels_page .text-sender-container .msg_usr_info_top_list,
.wo_channels_page .text-sender-container .msg_usr_info_top_list.is-channel-conversation {
    min-height: 82px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--channel-border);
    border-radius: 0;
    color: var(--channel-text);
    background: var(--channel-header);
    box-shadow: 0 3px 14px rgba(33, 61, 82, .06);
    flex-direction: row;
    direction: ltr;
}
.wo_channels_page .msg_usr_cht_usr_data img {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
}
.wo_channels_page .msg_usr_cht_usr_data #user-name,
.wo_channels_page .msg_usr_cht_usr_data #user-name a {
    max-width: min(520px, 45vw);
    color: var(--channel-text);
    font-size: 18px;
    font-weight: 650;
    line-height: 1.25;
}
.wo_channels_page .group-participants-count,
.wo_channels_page .group-participants-names {
    font-size: 13px;
    line-height: 1.35;
}
.wo_channels_page .msg_usr_cht_opts_btns {
    position: relative;
    order: 30;
    flex: 0 0 auto;
    margin: 0 8px 0 auto !important;
    direction: ltr;
}
.wo_channels_page .msg_usr_cht_opts_btns > .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: var(--channel-muted);
    background: transparent;
    text-decoration: none;
    transition: color .16s ease, background-color .16s ease, transform .16s ease;
}
.wo_channels_page .msg_usr_cht_opts_btns > .dropdown-toggle:hover,
.wo_channels_page .msg_usr_cht_opts_btns > .dropdown-toggle:focus,
.wo_channels_page .msg_usr_cht_opts_btns.open > .dropdown-toggle {
    color: var(--channel-accent);
    background: var(--channel-list-hover);
    outline: none;
}
.wo_channels_page .msg_usr_cht_opts_btns > .dropdown-toggle:active {transform: scale(.94);}
.wo_channels_page .msg_usr_cht_opts_btns > .dropdown-toggle svg {width: 25px;height: 25px;}
.wo_channels_page .msg_usr_cht_opts_btns > .create_head_menu {
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    min-width: 255px;
    margin: 0;
    padding: 7px;
    border: 1px solid var(--channel-border);
    border-radius: 14px;
    background: var(--channel-panel);
    box-shadow: 0 12px 32px rgba(20, 31, 56, .18);
    transform-origin: right top;
    text-align: left;
}
.wo_channels_page .msg_usr_cht_opts_btns > .create_head_menu > li > a {
    min-height: 42px;
    padding: 9px 11px !important;
    border-radius: 9px;
    gap: 11px;
    color: var(--channel-text);
    font-size: 16px;
    font-weight: 500;
    transition: background-color .15s ease;
}
.wo_channels_page .msg_usr_cht_opts_btns > .create_head_menu > li > a:hover,
.wo_channels_page .msg_usr_cht_opts_btns > .create_head_menu > li > a:focus {
    background: var(--channel-list-hover);
}
.wo_channels_page .msg_usr_cht_opts_btns > .create_head_menu > li > a svg {
    width: 22px !important;
    height: 22px !important;
    padding: 2px;
    color: var(--channel-accent);
    background: transparent;
}
.wo_channels_page #wo_msg_right_prt.is-channel-conversation .messagejoint {
    height: auto;
    flex: 1 1 auto;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background-color: var(--channel-canvas);
    background-image: radial-gradient(var(--channel-pattern) 1px, transparent 1px);
    background-size: 22px 22px;
    box-shadow: none;
}
.wo_channels_page .messages-container {padding: 24px 32px 8px;}
.wo_channels_page .text-sender-container .message-contnaier {margin-bottom: 13px;}
.wo_channels_page .text-sender-container .message-contnaier > .message-user-image img {
    width: 44px;
    min-width: 44px;
    height: 44px;
    object-fit: cover;
}
.wo_channels_page .text-sender-container .message-model {
    width: auto;
    max-width: min(720px, 72%);
    font-size: 17px;
    line-height: 1.45;
}
.wo_channels_page .text-sender-container .message-model .message {
    display: flex;
    min-width: 64px;
    padding: 11px 14px;
    border-radius: 17px 17px 17px 5px;
    flex-direction: column;
    color: var(--channel-text);
    background: var(--channel-bubble-incoming);
    border: 1px solid var(--channel-bubble-border);
    box-shadow: 0 1px 2px var(--channel-bubble-shadow);
}
.wo_channels_page .text-sender-container .message-model .message > .message-text {
    order: 10;
    margin: 0;
    font-size: 17px;
    line-height: 1.45;
}
.wo_channels_page .text-sender-container .message-model .message > .message-media {order:30;}
.wo_channels_page .text-sender-container .message-model .message > .message-media:not(:empty) {overflow:hidden;border:1px solid var(--channel-bubble-border);border-radius:12px;background:transparent;}
.wo_channels_page .text-sender-container .message-model .message:has(> .message-media:not(:empty)):not(:has(> .message-text:not(:empty))) {padding:2px;}
.wo_channels_page .text-sender-container .message-model .message > .channel-reply-quote {
    order: 20;
    margin: 9px 0 0;
    padding: 9px 11px;
    border-left: 3px solid var(--channel-accent);
    border-radius: 8px;
    color: var(--channel-text) !important;
    background: var(--channel-list-hover) !important;
    font-size: 15px;
    line-height: 1.4;
}
.wo_channels_page .text-sender-container .outgoing .message-model .message > .channel-reply-quote {
    border-left-color: var(--channel-accent);
    color: var(--channel-text) !important;
    background: rgba(20,93,191,.08) !important;
}
.wo_channels_page .text-sender-container .message-model .message > .channel-reply-media {order: 21;}
.wo_channels_page .text-sender-container .message-model .message > .channel-message-reaction-summary {order: 40;}
.wo_channels_page .text-sender-container .message-model .message > .channel-message-sender {
    display: block;
    margin: 0 0 8px;
    color: var(--theme-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}
.wo_channels_page .text-sender-container .message-model .message:has(> .message-media:not(:empty)) > .channel-message-sender {
    margin: 4px 10px 12px;
}
.wo_channels_page .text-sender-container .message-model > .channel-message-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: fit-content;
    gap: 12px;
    min-height: 20px;
    margin-top: 8px;
    color: var(--channel-muted);
    font-size: 17px;
    line-height: 1.15;
    white-space: nowrap;
}
.wo_channels_page .text-sender-container .outgoing .message-model > .channel-message-meta {
    margin-right: 5px;
    margin-left: auto;
}
.wo_channels_page .text-sender-container .incoming .message-model > .channel-message-meta {
    margin-right: auto;
    margin-left: 5px;
}
.wo_channels_page .channel-message-meta .message-seen.message-details {
    position: static !important;
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    transform: none !important;
    line-height: 1;
}
.wo_channels_page .channel-message-meta .message-receipt {margin:0;letter-spacing:1px;font-size:18px;}
.wo_channels_page .text-sender-container .outgoing .message-model .message {
    border-radius: 17px 17px 5px 17px;
    color: var(--channel-text);
    background: var(--channel-bubble-outgoing) !important;
    border-color: var(--channel-bubble-border);
}
.wo_channels_page .text-sender-container .outgoing .message-model .message p,
.wo_channels_page .text-sender-container .outgoing .message-model .message a {color:var(--channel-text)!important;}
.wo_channels_page .text-sender-container .message-model .message:has(> .message-media:not(:empty)):not(:has(> .message-text:not(:empty))) {
    padding: 0;
    border-color: transparent;
    background: transparent !important;
    box-shadow: none;
}
.wo_channels_page .text-sender-container .message-model .message > .message-media:not(:empty) {border:0;background:transparent;box-shadow:none;}
.wo_channels_page .text-sender-container .message-contnaier {margin-bottom:22px;}
.wo_channels_page .text-sender-container .message-contnaier:has(.message > .channel-static-image-media),
.wo_channels_page .text-sender-container .message-contnaier:has(.message > .channel-video-media) {margin-bottom:34px;}
.wo_channels_page .text-sender-container .message-contnaier > .message-user-image {margin-right:20px;}
.wo_channels_page .text-sender-container .message-model:has(> .message > .channel-static-image-media) {width:fit-content;max-width:min(760px,calc(100vw - 170px));}
.wo_channels_page .text-sender-container .message-model:has(> .message > .channel-video-media) {width:min(640px,calc(100vw - 170px));max-width:640px;}
.wo_channels_page .text-sender-container .message-model.channel-message-with-video {display:block;width:min(640px,calc(100vw - 170px));min-width:min(360px,calc(100vw - 170px));max-width:640px;}
.wo_channels_page .text-sender-container .message-model.channel-message-with-video > .message {box-sizing:border-box;width:100%;max-width:100%;}
.wo_channels_page .text-sender-container .message-model.channel-message-with-image {display:block;width:fit-content;max-width:min(760px,calc(100vw - 170px));}
.wo_channels_page .text-sender-container .message-contnaier.channel-message-with-video,
.wo_channels_page .text-sender-container .message-contnaier.channel-message-with-image {margin-bottom:34px;}
.wo_channels_page .text-sender-container .message-model .message > .channel-static-image-media {width:fit-content;max-width:100%;border:0;border-radius:14px;}
.wo_channels_page .text-sender-container .message-model .message > .channel-video-media {width:100%;max-width:100%;border:0;border-radius:14px;}
.wo_channels_page .text-sender-container .outgoing .message-model:has(> .message > .channel-static-image-media),
.wo_channels_page .text-sender-container .outgoing .message-model:has(> .message > .channel-video-media),
.wo_channels_page .text-sender-container .outgoing .message-model:has(> .message > .channel-static-image-media) > .message,
.wo_channels_page .text-sender-container .outgoing .message-model:has(> .message > .channel-video-media) > .message {float:right;margin-left:auto;margin-right:0;}
.wo_channels_page .text-sender-container .incoming .message-model:has(> .message > .channel-static-image-media),
.wo_channels_page .text-sender-container .incoming .message-model:has(> .message > .channel-video-media),
.wo_channels_page .text-sender-container .incoming .message-model:has(> .message > .channel-static-image-media) > .message,
.wo_channels_page .text-sender-container .incoming .message-model:has(> .message > .channel-video-media) > .message {float:left;margin-left:0;margin-right:auto;}
.wo_channels_page .text-sender-container .message-model .message > .message-media > span {display:block;width:100%;}
.wo_channels_page .text-sender-container .message-model .message > .channel-static-image-media .image-file {display:block;width:auto!important;max-width:100%!important;height:auto;border:0!important;}
.wo_channels_page .text-sender-container .message-model .message > .channel-video-media > .video-js,
.wo_channels_page .text-sender-container .message-model .message > .channel-video-media .video-js {display:block;width:100%!important;max-width:100%!important;height:auto!important;min-height:0;border:0!important;border-radius:14px;aspect-ratio:16/9;overflow:hidden;}
.wo_channels_page .text-sender-container .message-model .message > .channel-video-media .vjs-tech,
.wo_channels_page .text-sender-container .message-model .message > .channel-video-media video.wo-social-video {display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;object-position:center;border:0!important;}
.wo_channels_page .text-sender-container .message-model .message > .channel-static-image-media,
.wo_channels_page .text-sender-container .message-model .message > .channel-static-image-media > span,
.wo_channels_page .text-sender-container .message-model .message > .channel-static-image-media .image-file {background:transparent!important;}
.wo_channels_page .text-sender-container .outgoing .message-model .message > .channel-static-image-media,
.wo_channels_page .text-sender-container .outgoing .message-model .message > .channel-video-media {margin-left:auto;margin-right:0;}
.wo_channels_page .text-sender-container .incoming .message-model .message > .channel-static-image-media,
.wo_channels_page .text-sender-container .incoming .message-model .message > .channel-video-media {margin-left:0;margin-right:auto;}
.wo_channels_page .text-sender-container .outgoing .message-model.channel-message-with-video,
.wo_channels_page .text-sender-container .outgoing .message-model.channel-message-with-image,
.wo_channels_page .text-sender-container .outgoing .message-model.channel-message-with-video > .message,
.wo_channels_page .text-sender-container .outgoing .message-model.channel-message-with-image > .message {float:right;margin-left:auto;margin-right:0;}
.wo_channels_page .text-sender-container .incoming .message-model.channel-message-with-video,
.wo_channels_page .text-sender-container .incoming .message-model.channel-message-with-image,
.wo_channels_page .text-sender-container .incoming .message-model.channel-message-with-video > .message,
.wo_channels_page .text-sender-container .incoming .message-model.channel-message-with-image > .message {float:left;margin-left:0;margin-right:auto;}
.wo_channels_page .text-sender-container .message-model:has(> .message > .channel-static-image-media) > .channel-message-meta,
.wo_channels_page .text-sender-container .message-model:has(> .message > .channel-video-media) > .channel-message-meta {margin-top:16px;gap:14px;}
.wo_channels_page #wo_msg_right_prt.is-channel-conversation .sendMessages .input-group {
    min-height: 70px;
    margin: 10px 18px 0;
    padding: 7px 9px;
    border: 1px solid var(--channel-border);
    border-radius: 24px;
    color: var(--channel-text);
    background: var(--channel-bubble-incoming);
    box-shadow: 0 5px 18px var(--channel-soft-shadow);
}
.wo_channels_page #wo_msg_right_prt.is-channel-conversation form.sendMessages{margin-top:auto;margin-bottom:0;flex:0 0 auto}
.wo_channels_page #wo_msg_right_prt .msg_write_combo {
    min-width: 0;
    align-items: flex-end;
    flex-direction: row !important;
}
.wo_channels_page #wo_msg_right_prt .text-sender-container textarea {
    min-width: 120px;
    height: 50px;
    min-height: 88px !important;
    max-height: 164px !important;
    padding: 13px 14px;
    font-size: 17px;
    line-height: 24px;
    overflow-y: hidden;
    resize: none;
}
.wo_channels_page #wo_msg_right_prt .msg_write_combo .message-option-btns {
    display: flex;
    gap: 2px;
    padding: 0 0 3px;
    align-items: flex-end;
    align-self: flex-end;
    flex-direction: row !important;
    flex-wrap: nowrap;
}
.wo_channels_page #wo_msg_right_prt .message-option-btns .btn {
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin: 0 1px;
}
.wo_channels_page #wo_msg_right_prt .message-option-btns .btn svg {width: 22px;height: 22px;}
.wo_channels_page #wo_msg_right_prt .message-option-btns .emo-message {display: inline-flex !important;}
.wo_channels_page .channel-color-picker {position: relative;}
.wo_channels_page .channel-color-menu {
    min-width: 194px;
    padding: 11px;
    border: 1px solid var(--channel-border);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .16);
}
.wo_channels_page .channel-color-grid {
    display: grid;
    grid-template-columns: repeat(5, 28px);
    gap: 8px;
    margin: 0;
    padding: 0;
}
.wo_channels_page .channel-chat-color {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 3px solid #fff;
    border-radius: 50%;
    outline: 1px solid rgba(15, 23, 42, .12);
    background: var(--chat-swatch);
    box-shadow: 0 2px 7px rgba(15, 23, 42, .16);
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease;
}
.wo_channels_page .channel-chat-color:hover {transform: scale(1.1);}
.wo_channels_page .channel-chat-color.is-active {box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--chat-swatch);}
.wo_channels_page #wo_msg_right_prt .text-sender-container .sendMessages .send-button {
    width: 44px;
    min-width: 44px;
    height: 44px;
}
.wo_channels_page #wo_msg_right_prt .text-sender-container .sendMessages .send-button svg {width: 25px;height: 25px;}
.wo_channels_page .message-receipt {
    font-size: 18px;
    letter-spacing: 1px;
}
.wo_channels_page .message-receipt--read {color: #168acd !important;}
.wo_channels_page #wo_msg_right_prt .send-button {
    background: var(--channel-accent) !important;
    border-color: var(--channel-accent) !important;
}
@media (max-width: 992px) {
    .wo_channels_page {padding: 60px 0 0;}
}
@media (max-width: 992px) {
    .wo_channels_page .msg_under_hood {height:calc(100vh - 60px);border: 0;border-radius: 0;box-shadow: none;}
}
@media (max-width: 992px) {
    .wo_channels_page #wo_msg_left_prt {min-width: 100% !important;max-width: 100% !important;border: 0;}
}
@media (max-width: 992px) {
    .wo_channels_page #wo_msg_right_prt {position: fixed;inset: 60px 0 0;z-index: 1050;}
}
@media (max-width: 992px) {
    .wo_channels_page #wo_msg_right_prt.is-channel-conversation .messagejoint {height:auto;}
}
@media (max-width: 992px) {
    .wo_channels_page .messages-container {padding-right: 12px;padding-left: 12px;}
}
@media (max-width: 992px) {
    .wo_channels_page .msg_usr_cht_opts_btns {margin-right: 0 !important;}
}
@media (max-width: 992px) {
    .wo_channels_page .msg_usr_cht_opts_btns > .dropdown-toggle {width: 40px;height: 40px;}
}
@media (max-width: 992px) {
    .wo_channels_page .msg_usr_cht_opts_btns > .create_head_menu {right: 0;left: auto;max-width: calc(100vw - 24px);}
}
@media (max-width: 992px) {
    .wo_channels_page .text-sender-container .message-model {max-width: 84%;font-size: 16px;}
}
@media (max-width: 992px) {
    .wo_channels_page .text-sender-container .message-model .message > .message-text {font-size: 16px;}
}
@media (max-width: 992px) {
    .wo_channels_page #wo_msg_right_prt.is-channel-conversation .sendMessages .input-group {margin: 8px 10px 10px;}
}
@media (max-width: 992px) {
    .wo_channels_page #wo_msg_right_prt .message-option-btns .btn {width: 30px;min-width: 30px;height: 30px;}
}
@media (max-width: 992px) {
    .wo_channels_page .text-sender-container .message-model:has(> .message > .channel-static-image-media) {
        width:fit-content;
        max-width:calc(100vw - 82px);
    }
}
@media (max-width: 992px) {
    .wo_channels_page .text-sender-container .message-model:has(> .message > .channel-video-media) {
        width:calc(100vw - 82px);
        max-width:640px;
    }
}
@media (max-width: 992px) {
    .wo_channels_page .text-sender-container .message-model.channel-message-with-video {
        display:block;
        width:calc(100vw - 82px);
        min-width:0;
        max-width:640px;
    }
}
@media (max-width: 992px) {
    .wo_channels_page .text-sender-container .message-model.channel-message-with-image {
        display:block;
        width:fit-content;
        max-width:calc(100vw - 82px);
    }
}
.wo_channel_context_menu {
  position: fixed;
  display: none;
  width: min(300px, calc(100vw - 24px));
  padding: 8px;
  border: 1px solid rgba(31, 41, 55, 0.08);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(20, 31, 56, 0.24);
  z-index: 10050;
  user-select: none;
}
.wo_channel_context_menu.is-open {display: block;}
.wo_channel_context_reactions {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  margin-bottom: 6px;
  overflow-x: auto;
  border: 0;
}
.wo_channel_context_reaction {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 1px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
}
.wo_channel_context_reaction:hover {background:transparent;transform:scale(1.1);}
.wo_channel_context_reaction img,
.wo_channel_context_reaction svg {max-width:36px;max-height:36px;}
.wo_channel_context_action {
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  padding: 11px 13px;
  border: 0;
  border-radius: 11px;
  color: #202633;
  background: transparent;
  font: 500 15px/1.2 Poppins, sans-serif;
  text-align: left;
  cursor: pointer;
}
.wo_channel_context_action:hover {background:#f3f6fa;}
.wo_channel_context_action svg {width:21px;height:21px;flex:0 0 21px;}
.wo_channel_context_action.is-danger {color:#df3d4d;}
body.dark-mode .wo_channel_context_menu,
body.night-mode .wo_channel_context_menu {background:#20272e;border-color:#35414b;box-shadow:0 18px 48px rgba(0,0,0,.45);}
body.dark-mode .wo_channel_context_reactions,
body.night-mode .wo_channel_context_reactions {border-color:#35414b;}
body.dark-mode .wo_channel_context_action,
body.night-mode .wo_channel_context_action {color:#edf3f8;}
body.dark-mode .wo_channel_context_action:hover,
body.night-mode .wo_channel_context_action:hover {background:#2c353e;}
body.dark-mode .wo_channel_context_action.is-danger,
body.night-mode .wo_channel_context_action.is-danger {color:#ff7b88;}
.wo_channels_page .message-contnaier .message .channel-message-reaction-summary {
  position: absolute;
  bottom: -8px;
  float: none !important;
  margin: 0 !important;
  min-height: 0;
  z-index: 4;
}
.wo_channels_page .message-contnaier.outgoing .message .channel-message-reaction-summary {
  right: auto;
  left: 0;
}
.wo_channels_page .message-contnaier.incoming .message .channel-message-reaction-summary {
  left: auto;
  right: 0;
}
.wo_channels_page .message-contnaier .channel-message-reaction-summary .like-emo {
  display: flex;
  align-items: center;
  gap: 2px;
  min-height: 0;
}
.wo_channels_page .message-contnaier .channel-message-reaction-summary .like-emo > .how_reacted {
  background: transparent;
  margin: 0 !important;
  padding: 0;
  border-radius: 0;
}
.wo_channels_page .message-contnaier .channel-message-reaction-summary .like-emo:empty {
  display: none;
}
.wo_channels_page .text-sender-container .message-model .message.channel-emoji-only,
.wo_channels_page .text-sender-container .outgoing .message-model .message.channel-emoji-only {
  min-width: 0;
  padding: 3px 5px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
}
.wo_channels_page .text-sender-container .message-model .message.channel-emoji-only > .message-text {
  min-width: 48px;
  font-size: 44px;
  line-height: 1.12;
  background: transparent !important;
}
.wo_channels_page .text-sender-container .message-model .message.channel-emoji-only > .message-text .twa,
.wo_channels_page .text-sender-container .message-model .message.channel-emoji-only > .message-text .twa-lg {
  width: 44px;
  height: 44px;
  background-size: 44px 44px;
}
.wo_channels_page .text-sender-container .message-model:has(> .message.channel-emoji-only) > .channel-message-meta {
  margin-top: 6px;
}
.wo_channels_page #wo_msg_right_prt:not(.channel-can-react) .reactions-box {
  display: none !important;
}
.wo_channels_page{--channel-canvas:#eaf4fb;--channel-pattern:rgba(50,112,160,.075)}
body.dark-mode .wo_channels_page,body.night-mode .wo_channels_page{--channel-canvas:#17232d;--channel-pattern:rgba(118,174,214,.08)}
.wo_channels_page #wo_msg_right_prt,.wo_channels_page .messages-container{background-color:var(--channel-canvas);background-image:radial-gradient(var(--channel-pattern) 1px,transparent 1px);background-size:22px 22px;transition:background-color .2s ease}
.wo_channels_page .channel-participants-inline-body{width:100%;max-width:860px;margin:0;padding:12px 24px 32px}
.wo_channels_page .channel-participants-inline-body .channel-manager-panel{padding:16px}
.wo_channels_page .channel-participants-inline-body .channel-manager-columns{grid-template-columns:minmax(0,1fr)}
.wo_channels_page .channel-participants-inline-body .channel-participants-manager-list,.wo_channels_page .channel-participants-inline-body .channel-participant-search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wo_channels_page .channel-participants-inline-body .channel-participant-row{width:100%;min-height:0;aspect-ratio:16/9;padding:14px 16px;gap:12px}
.wo_channels_page .channel-participants-inline-body .channel-participant-identity{gap:12px}
.wo_channels_page .channel-participants-inline-body .channel-participant-identity img{width:52px;height:52px;flex-basis:52px}
.wo_channels_page .channel-participants-inline-body .channel-participant-copy strong{font-size:16px;line-height:1.35}
.wo_channels_page .channel-participants-inline-body .channel-participant-copy small{font-size:13px;line-height:1.4}
.wo_channels_page .channel-participants-inline-body .channel-participant-actions{gap:5px;flex-wrap:nowrap}
.wo_channels_page .channel-participants-inline-body .channel-participant-actions .btn,.wo_channels_page .channel-participants-inline-body .channel-participant-state{padding:7px 10px;font-size:13px}
.wo_channels_page #chat-sticker-system>.dropdown-menu{width:480px!important;max-width:none}
.wo_channels_page #chat-box-stickers-cont{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:560px!important;max-height:560px!important;padding:8px;overflow-y:auto;overflow-x:hidden}
.wo_channels_page #chat-box-stickers-cont img,.wo_channels_page #chat-box-stickers-cont video{width:100%!important;height:128px!important;max-height:none!important;object-fit:contain;border-radius:10px}
.wo_channels_page .text-sender-container .message-model .message>.message-media>.wo-chat-sticker-open{display:block!important;width:fit-content!important;max-width:100%!important}
.wo_channels_page .message-media .wo-chat-sticker-media{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important}
.wo_channels_page .wo-chat-sticker-open>video.wo-chat-sticker-media{pointer-events:none}
.wo_channels_page .message-contnaier.outgoing .message-media>.wo-chat-sticker-open{margin-right:0!important;margin-left:auto!important}
.wo_channels_page .message-contnaier.incoming .message-media>.wo-chat-sticker-open{margin-right:auto!important;margin-left:0!important}