.components-module__VRenEa__mainContainer{background-color:var(--color-bg-default);width:100vw;height:100vh;display:flex}.components-module__VRenEa__leftPanel{background-color:#fff;border-right:1px solid #e9edef;flex-direction:column;display:flex}.components-module__VRenEa__rightPanel{background-color:var(--color-bg-chat);flex-direction:column;display:flex;position:relative}.components-module__VRenEa__visibleMobile{display:flex}.components-module__VRenEa__hiddenMobile{display:none}@media (min-width:768px){.components-module__VRenEa__leftPanel{width:30%;min-width:300px;max-width:450px;height:100%;display:flex!important}.components-module__VRenEa__rightPanel{flex:1;height:100%;display:flex!important}.components-module__VRenEa__mobileOnly{display:none!important}}@media (max-width:767px){.components-module__VRenEa__leftPanel{width:100%;height:100%}.components-module__VRenEa__rightPanel{z-index:100;width:100%;height:100%;position:fixed;top:0;left:0}.components-module__VRenEa__hiddenOnMobile{display:none!important}}.components-module__VRenEa__header{height:var(--header-height);background-color:var(--color-bg-header)}@media (min-width:768px){.components-module__VRenEa__leftHeader{background-color:#f0f2f5;border-right:1px solid #d1d7db;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}}.components-module__VRenEa__mobileAppBar{background-color:var(--color-bg-header);color:var(--color-header-text);justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex}.components-module__VRenEa__mobileAppTitle{font-size:20px;font-weight:500}.components-module__VRenEa__searchContainer{background-color:#fff;border-bottom:1px solid #f0f2f5;padding:8px 10px}.components-module__VRenEa__searchInputWrapper{background-color:#f0f2f5;border-radius:8px;align-items:center;height:35px;padding:0 12px;display:flex}.components-module__VRenEa__searchInput{background:0 0;border:none;outline:none;flex:1;margin-left:10px;font-size:14px}.components-module__VRenEa__list{background-color:#fff;flex:1;overflow-y:auto}.components-module__VRenEa__listItem{cursor:pointer;background-color:#fff;border-bottom:1px solid #f0f2f5;align-items:center;height:72px;padding:0 16px;display:flex}.components-module__VRenEa__listItem:hover{background-color:#f5f6f6}.components-module__VRenEa__avatar{color:#fff;background-color:#dfe5e7;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-right:12px;font-size:20px;display:flex}.components-module__VRenEa__itemContent{flex-direction:column;flex:1;justify-content:center;display:flex;overflow:hidden}.components-module__VRenEa__itemTop{justify-content:space-between;margin-bottom:4px;display:flex}.components-module__VRenEa__itemName{color:var(--color-text-primary);font-size:16px;font-weight:400}.components-module__VRenEa__itemTime{color:var(--color-text-secondary);font-size:12px}.components-module__VRenEa__itemBottom{justify-content:space-between;display:flex}.components-module__VRenEa__itemPreview{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.components-module__VRenEa__chatHeader{height:var(--header-height);z-index:10;background-color:#f0f2f5;border-bottom:1px solid #d1d7db;align-items:center;padding:0 16px;display:flex}.components-module__VRenEa__chatAvatar{background-color:#dfe5e7;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:8px;margin-right:12px;display:flex}.components-module__VRenEa__chatMessages{flex-direction:column;flex:1;padding:20px 5%;display:flex;overflow-y:auto}.components-module__VRenEa__chatInputBar{z-index:10;background-color:#f0f2f5;align-items:center;min-height:62px;padding:8px 16px;display:flex}.components-module__VRenEa__inputField{background-color:#fff;border:none;border-radius:8px;outline:none;flex:1;margin:0 10px;padding:9px 12px;font-size:15px}.components-module__VRenEa__iconBtn{cursor:pointer;color:#54656f;background:0 0;border:none;padding:8px}.components-module__VRenEa__messageRow{margin-bottom:8px;display:flex}.components-module__VRenEa__messageRow.components-module__VRenEa__user{justify-content:flex-end}.components-module__VRenEa__messageRow.components-module__VRenEa__agent{justify-content:flex-start}.components-module__VRenEa__bubble{border-radius:7.5px;max-width:65%;padding:6px 7px 8px 9px;font-size:14px;line-height:19px;position:relative;box-shadow:0 1px .5px #00000021}.components-module__VRenEa__bubble.components-module__VRenEa__user{background-color:var(--color-message-out);border-top-right-radius:0}.components-module__VRenEa__bubble.components-module__VRenEa__agent{background-color:var(--color-message-in);border-top-left-radius:0}.components-module__VRenEa__bubbleTime{float:right;color:var(--color-text-timestamp);margin-top:4px;margin-left:7px;font-size:11px}.components-module__VRenEa__fab{background-color:var(--color-fab);width:56px;height:56px;color:var(--color-fab-icon);cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 10px #0000004d}.components-module__VRenEa__modalOverlay{z-index:200;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.components-module__VRenEa__modalContent{background-color:#fff;border-radius:3px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 17px 50px #00000030,0 12px 15px #0000003d}.components-module__VRenEa__modalHeader{background-color:var(--color-bg-header);color:#fff;padding:16px;font-size:18px;font-weight:500}.components-module__VRenEa__modalBody{padding:16px}.components-module__VRenEa__formGroup{margin-bottom:16px}.components-module__VRenEa__formLabel{color:#54656f;margin-bottom:8px;font-size:14px;display:block}.components-module__VRenEa__formInput{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-size:16px}.components-module__VRenEa__modalActions{justify-content:flex-end;padding:0 16px 16px;display:flex}.components-module__VRenEa__btn{text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;margin-left:8px;padding:10px 24px;font-size:14px;font-weight:500}.components-module__VRenEa__btnPrimary{background-color:var(--color-primary);color:#fff}.components-module__VRenEa__btnSecondary{background-color:#0000}.components-module__VRenEa__btnSecondary .components-module__VRenEa__menuContainer{display:inline-block;position:relative}.components-module__VRenEa__btnSecondary .components-module__VRenEa__menuDropdown{z-index:1000;background-color:#fff;border-radius:4px;width:200px;margin-top:5px;padding:8px 0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.components-module__VRenEa__btnSecondary .components-module__VRenEa__menuItem{color:#3b4a54;cursor:pointer;text-align:left;background-color:#fff;border:none;width:100%;padding:10px 16px;font-size:14.5px;display:block}.components-module__VRenEa__btnSecondary .components-module__VRenEa__menuItem:hover{background-color:#f5f6f6}