{"version":3,"file":"../css/frontend.css","mappings":";;;AASA;EAIgB;IACI;EAXlB;AACF;AAmBA;EACI;EACA;EACA;AAjBJ;;AAoBA;EACE;EACA;EACA;EACA;AAjBF;AAkBE;EACE;AAhBJ;;AAqBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBR;AAmBQ;EACI;EACA;EACA;EACA;EACA;AAjBZ;AAoBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBR;AAmBQ;EACI;EACA;AAjBZ;AAmBQ;EACI;EACA;EACA;AAjBZ;AAoBoB;EACI;EACA;EACA;EACA;AAlBxB;AAoBoB;EACI;EACA;EACA;EACA;AAlBxB;AAyBwC;EACI;EACA;EACA;AAvB5C;AAiCgB;EACI;EACA;EACA;AA/BpB;AAgCoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA9BxB;AAgCoB;EACI;EACA;EACA;EACA;EACA;EACA;AA9BxB;AAgCoB;EACI;EACA;EACA;AA9BxB;AAiCgB;EACI;EACA;EACA;AA/BpB;AAgCoB;EACI;EACA;EACA;EACA;EACA;AA9BxB;AA+BwB;EACI;AA7B5B;AAgCoB;EACI;EACA;AA9BxB;AA+BwB;EACI;EACA;EACA;EACA;AA7B5B;AA8B4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5BhC;AA8B4B;EACI;AA5BhC;AAuDgB;EACI;EACA;EACA;EACA;AArDpB;AAuDwB;EACI;AArD5B;AAsD4B;EACI;AApDhC;AAuDgC;EACI;AArDpC;AAsDoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApDxC;AAsD4C;EACI;EACA;AApDhD;AA4DwB;EACI;EACA;EACA;EACA;EAKA;EAKA;EAKA;AAtE5B;AAwD4B;EACI;AAtDhC;AA0D4B;EACI;AAxDhC;AA4D4B;EACI;AA1DhC;AA8D4B;EACI;AA5DhC;AA+DgC;EACI;EACA;EACA;EACA;EACA;AA7DpC;AA+DwC;EACI;AA7D5C;AA+DwC;EACI;AA7D5C;AA+DwC;EACI;AA7D5C;AAgEoC;EACI;EACA;EACA;EACA;EACA;AA9DxC;AAiEgC;EAEI;AAhEpC;AAoEoC;EACI;AAlExC;AAmEwC;EACI;AAjE5C;AAkE4C;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhEhD;AAmEwC;EACI;AAjE5C;AAkE4C;EACI;EACA;EACA;EACA;AAhEhD;AAkE4C;EACI;EACA;EACA;AAhEhD;AAkE4C;EACI;EACA;AAhEhD;AAmEwC;EACI;AAjE5C;AAqEgC;EACI;AAnEpC;AAoEoC;EACI;AAlExC;AAmEwC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjE5C;AAkE4C;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAhEhD;AAiEgD;EACI;AA/DpD;AAkE4C;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhEhD;AAoEoC;EACI;AAlExC;AAmEwC;EACI;EACA;EACA;EACA;EACA;AAjE5C;AAmEwC;EACI;EACA;EACA;AAjE5C;AAmEwC;EACI;EACA;AAjE5C;AAoEoC;EACI;AAlExC;AA0EgB;EACI;EACA;EACA;AAxEpB;AAyEoB;EACI;EACA;EACA;EACA;AAvExB;AAyE4B;EACI;EACA;EACA;EACA;AAvEhC;AAyEoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvExC;AAwEwC;EACI;AAtE5C;AA2E4B;EACI;EACA;AAzEhC;AA2EoC;EACI;EACA;EACA;EACA;AAzExC;AA2EoC;EACI;EACA;EACA;AAzExC;AA2EoC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzExC;AA6E4B;EACI;EACA;EACA;EACA;AA3EhC;AA4EgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1EpC;AA2EoC;EACI;AAzExC;AAgFwB;EACI;EACA;EACA;EAEA;EAKA;EAKA;EAKA;AA3F5B;AA6E4B;EACI;AA3EhC;AA+E4B;EACI;AA7EhC;AAiF4B;EACI;AA/EhC;AAmF4B;EACI;AAjFhC;AAmF4B;EACI;EACA;AAjFhC;AAkFgC;EACI;EACA;EACA;AAhFpC;AAiFoC;EACI;EACA;AA/ExC;AAgFwC;EACI;EACA;EACA;EACA;AA9E5C;AA+E4C;EACI;EACA;EACA;EACA;AA7EhD;AAiFoC;EACI;EACA;AA/ExC;AAgFwC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9E5C;AA+E4C;EACI;AA7EhD;AAkFuC;EACI;AAhF3C;AAmFoC;EACI;EACA;AAjFxC;AAqF4C;EACI;EACA;EACA;EACA;EACA;EACA;AAnFhD;AAoFgD;EACI;EACA;EACA;EACA;AAlFpD;AAoFgD;EACI;AAlFpD;AAyF4C;EACI;AAvFhD;AAyFoD;EACI;EACA;EACA;EACA;EACA;AAvFxD;AAyF4D;EACI;EACA;EACA;EACA;AAvFhE;AAmGoD;EACI;EACA;EACA;EACA;AAjGxD;AAkGwD;EACI;AAhG5D;AAiG4D;EACI;EACA;EACA;EACA;AA/FhE;AAyG4C;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvGhD;AAyGoD;EACI;EACA;EACA;AAvGxD;AAkHoB;EACI;EACA;EACA;EACA;AAhHxB;AAiHwB;EACI;AA/G5B;AAgH4B;EACI;EACA;EACA;AA9GhC;AA+GgC;EACI;EACA;EACA;AA7GpC;AA8GoC;EACI;EACA;EACA;AA5GxC;AA6GwC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA3G5C;AA4G4C;EACI;AA1GhD;AA6GwC;EACI;AA3G5C;AA8G4C;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA5GhD;AAoHoC;EACI;AAlHxC;AAmHwC;EACI;EACA;EACA;AAjH5C;AAkH4C;EACI;AAhHhD;AAkH4C;EACI;AAhHhD;AAqHwC;EACI;EACA;AAnH5C;AAqHgD;EACI;EACA;EACA;EACA;EACA;EACA;AAnHpD;;AAmIA;EAKoB;IACI;EApItB;AACF;AA4IA;EAKoB;IACI;EA9ItB;AACF;AAsJA;EAKoB;IACI;EAxJtB;EA6JsB;IACI;EA3J1B;EA6JsB;IACI;EA3J1B;AACF,C","sources":["webpack://frontend-app/./src/frontend.scss"],"sourcesContent":["$label-color: rgba(28, 1, 255, 1);\r\n@mixin clearfix() {\r\n &::after {\r\n display: block;\r\n content: \"\";\r\n clear: both;\r\n }\r\n}\r\n\n@media only screen and (min-width: 412px) {\r\n :global(body.logged-in.admin-bar){\r\n .chatWrap{\r\n .chatWindow{\r\n &:global(.active){\r\n top: 32px;\r\n }\r\n } \r\n } \r\n } \r\n}\r\n\r\n\r\n\r\n:global(div#lms_conversition_chat_ui){\r\n overflow: hidden;\r\n z-index: 9999;\r\n position: relative;\r\n}\r\n\r\n.loader{\r\n display: block; \r\n position: fixed;\r\n right: 10px;\r\n bottom: 15px;\r\n img{\r\n max-width: 70px;\r\n }\r\n}\r\n\r\n.chatWrap{\r\n .chatIcon{\r\n position: fixed;\r\n right: 10px;\r\n bottom: 15px;\r\n max-width: 65px;\r\n min-width: 60px;\r\n max-height: 65px;\r\n min-height: 60px;\r\n height: 60px;\r\n cursor: pointer;\r\n span{\r\n background-repeat: no-repeat;\r\n height: 100%;\r\n width: 100%;\r\n background-color: transparent;\r\n display: block;\r\n }\r\n }\r\n .chatWindow{\r\n position: fixed;\r\n height: 100%;\r\n width: 100%;\r\n left: 0;\r\n top: 100%;\r\n transition: top 0.3s;\r\n -moz-transition: top 0.3s;\r\n -o-transition: top 0.3s;\r\n -webkit-transition: top 0.3s;\r\n &:global(.active){\r\n top: 0%;\r\n z-index: 999;\r\n }\r\n .chatBody{\r\n width: 100%;\r\n display: flex;\r\n height: 100%;\r\n &.collospe{\r\n >div{\r\n &.profileInfoWrap{\r\n max-width: 0;\r\n -webkit-transition: -webkit-transform .8s ease-in-out;\r\n -ms-transition: -ms-transform .8s ease-in-out;\r\n transition: transform .8s ease-in-out; \r\n }\r\n &.listWrap{\r\n max-width: 0;\r\n -webkit-transition: -webkit-transform .8s ease-in-out;\r\n -ms-transition: -ms-transform .8s ease-in-out;\r\n transition: transform .8s ease-in-out; \r\n }\r\n &.bodyWrap{\r\n .topHeader{\r\n >div{\r\n &.clospe{\r\n span{\r\n &.collspeBtn{\r\n transform:rotate(180deg);\r\n -ms-transform:rotate(180deg);\r\n -webkit-transform:rotate(180deg);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n >div{\r\n .profileInfo{\r\n color: white;\r\n text-align: center;\r\n padding: 15px;\r\n .profileImg{\r\n width: 70px;\r\n height: 70px;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n background-position: center;\r\n border-radius: 100px;\r\n margin: 10px auto;\r\n }\r\n h4{\r\n color: #ccc;\r\n font-weight: 500;\r\n font-size: 18px;\r\n line-height: 18px;\r\n text-transform: capitalize;\r\n margin: 0;\r\n }\r\n p{\r\n color: #cccccc78;\r\n margin-top: 0;\r\n text-transform: capitalize;\r\n }\r\n }\r\n &:first-child{\r\n flex: 1;\r\n background-color: #373759;\r\n position: relative;\r\n .limitInformation{\r\n position: absolute;\r\n bottom: 30px;\r\n color: indianred;\r\n padding: 15px;\r\n font-size: small;\r\n a{\r\n color: lightgoldenrodyellow;\r\n }\r\n } \r\n >ul{\r\n list-style: none;\r\n margin: 0;\r\n >li{\r\n justify-content: center;\r\n align-items: center;\r\n padding: 25px;\r\n cursor: pointer;\r\n >span{\r\n width: 40px;\r\n height: 40px;\r\n overflow: hidden;\r\n position: relative;\r\n background-position: center;\r\n background-size: contain;\r\n display: flex;\r\n margin: 0 auto;\r\n background-repeat: no-repeat;\r\n }\r\n &:hover{\r\n background-color: #6c89f4;\r\n \r\n }\r\n // &.friends{\r\n // >span{\r\n // background-image: url(icons/friends.svg);\r\n // }\r\n // }\r\n // &.friends:hover{\r\n // >span{\r\n // background-image: url(icons/friends-white.svg);\r\n // }\r\n // }\r\n // &.inbox{\r\n // >span{\r\n // background-image: url(icons/inbox-gray.svg);\r\n // }\r\n // }\r\n // &.inbox:hover{\r\n // >span{\r\n // background-image: url(icons/inbox-white.svg); \r\n // }\r\n // }\r\n\r\n }\r\n }\r\n }\r\n &:nth-child(2){\r\n background-color: #fff;\r\n flex: 3;\r\n box-shadow: 5px 0px 0.5em rgba(0, 0, 0, 0.1);\r\n position: relative;\r\n >div{\r\n .listHeader{\r\n padding: 20px;\r\n h2{\r\n font-weight: bold;\r\n }\r\n .searchbar{\r\n >div{\r\n position: relative;\r\n input{\r\n width: 100%;\r\n background-color: transparent;\r\n outline: none;\r\n box-shadow: 0 0 0.5em #ddd;\r\n border-radius: 10px;\r\n background-size: auto 60%;\r\n background-repeat: no-repeat;\r\n background-position: 10px center;\r\n padding-left: 45px;\r\n &:focus{\r\n &::placeholder{\r\n background-image: unset;\r\n padding-left: 5px;\r\n }\r\n }\r\n }\r\n \r\n }\r\n }\r\n }\r\n .userList{\r\n padding: 20px 0;\r\n height: calc(100vh - 180px);\r\n overflow-x: auto;\r\n /* width */\r\n &::-webkit-scrollbar {\r\n width: 10px;\r\n }\r\n \r\n /* Track */\r\n &::-webkit-scrollbar-track {\r\n background: #f1f1f1; \r\n }\r\n \r\n /* Handle */\r\n &::-webkit-scrollbar-thumb {\r\n background: #888; \r\n }\r\n \r\n /* Handle on hover */\r\n &::-webkit-scrollbar-thumb:hover {\r\n background: #555; \r\n }\r\n >div{\r\n &.singlelist{\r\n display: flex;\r\n align-items: center;\r\n cursor: pointer;\r\n padding: 20px;\r\n position: relative;\r\n >div{\r\n h4{\r\n color: #333;\r\n }\r\n h5{\r\n color: #555;\r\n }\r\n p{\r\n color: #777;\r\n }\r\n }\r\n .clickable{\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n &.active,\r\n &:hover{\r\n background-color: #eff2fa;\r\n }\r\n\r\n &:first-child{\r\n >div{\r\n flex: 1;\r\n &:first-child{\r\n flex: 2;\r\n >div{\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n height: 70px;\r\n border-radius: 100px;\r\n width: 70px;\r\n margin: 0 auto;\r\n margin-right: 7px;\r\n background-position: center;\r\n }\r\n }\r\n &:nth-child(2){\r\n flex: 5;\r\n h4{\r\n margin: 0;\r\n line-height: 20px;\r\n font-size: 18px;\r\n font-weight: 500;\r\n }\r\n h5{\r\n margin: 0;\r\n opacity: 0.6;\r\n text-transform: capitalize;\r\n }\r\n p{\r\n margin: 0;\r\n opacity: 0.8;\r\n }\r\n }\r\n &:last-child{\r\n flex: 1;\r\n }\r\n }\r\n }\r\n &:not(:first-child)>div{\r\n flex: 1;\r\n &:first-child{\r\n flex: 2;\r\n >div{\r\n background-image: url(./icons/demo-pic36.jpg);\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n height: 70px;\r\n border-radius: 100px;\r\n width: 70px;\r\n margin: 0 auto;\r\n margin-right: 7px;\r\n position: relative;\r\n .userPresentStatus{\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background-color: #00FF00;\r\n position: absolute;\r\n top: 53px;\r\n left: 53px;\r\n &.offline{\r\n background-color: lightgray;\r\n }\r\n }\r\n .readNotification{\r\n background-color: #a00202;\r\n border-radius: 200px;\r\n color: white;\r\n width: 20px;\r\n display: block;\r\n height: 20px;\r\n line-height: 19px;\r\n text-align: center;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n &:nth-child(2){\r\n flex: 5;\r\n h4{\r\n margin: 0;\r\n line-height: 20px;\r\n font-size: 18px;\r\n font-weight: 500;\r\n text-transform: capitalize;\r\n }\r\n h5{\r\n margin: 0;\r\n opacity: 0.6;\r\n text-transform: capitalize;\r\n }\r\n p{\r\n margin: 0;\r\n opacity: 0.8;\r\n }\r\n }\r\n &:last-child{\r\n flex: 1;\r\n }\r\n }\r\n }\r\n }\r\n \r\n }\r\n }\r\n &:last-child{\r\n flex: 10;\r\n background-color: #f6f6fc;\r\n position: relative;\r\n .topHeader{\r\n display: flex;\r\n background-color: white;\r\n padding: 10px 40px;\r\n position: relative;\r\n >div{\r\n &.clospe{\r\n flex: 1;\r\n max-width: 50px;\r\n left: 0;\r\n margin-left: -20px;\r\n span{\r\n &.collspeBtn{\r\n display: block;\r\n width: 30px;\r\n height: 100%;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: contain;\r\n cursor: pointer;\r\n opacity: 0.2;\r\n &:hover{\r\n opacity: 0.5;\r\n }\r\n }\r\n }\r\n }\r\n &.profiInfo{\r\n flex: 6;\r\n display: inline-flex;\r\n >div{\r\n h5{\r\n margin: 0;\r\n font-size: 18px;\r\n font-weight: 600;\r\n text-transform: capitalize;\r\n }\r\n p{\r\n margin: 0;\r\n font-size: 14px;\r\n color: #999;\r\n }\r\n &:first-child{\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 500px;\r\n background-image: url(./icons/demo-pic36.jpg);\r\n background-size: contain;\r\n background-position: center;\r\n margin-right: 15px;\r\n background-repeat: no-repeat;\r\n }\r\n }\r\n }\r\n &:last-child{\r\n flex: 2;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n .closeBtn{\r\n width: 30px;\r\n height: 30px;\r\n display: block;\r\n margin-left: auto;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n opacity: 0.3;\r\n cursor: pointer;\r\n &:hover{\r\n opacity: 0.7;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .chatbodyLists{\r\n .chatLists{\r\n padding: 25px 35px;\r\n max-height: 78vh;\r\n overflow-y: auto;\r\n \r\n /* width */\r\n &::-webkit-scrollbar {\r\n width: 10px;\r\n }\r\n \r\n /* Track */\r\n &::-webkit-scrollbar-track {\r\n background: #f1f1f1; \r\n }\r\n \r\n /* Handle */\r\n &::-webkit-scrollbar-thumb {\r\n background: #888; \r\n }\r\n \r\n /* Handle on hover */\r\n &::-webkit-scrollbar-thumb:hover {\r\n background: #555; \r\n }\r\n ul{\r\n margin: 0;\r\n list-style: none;\r\n li{\r\n display: grid;\r\n margin: 15px 10px;\r\n align-items: center;\r\n span{\r\n display: flex;\r\n align-items: center;\r\n &.date{\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n >span{\r\n background-color: #6a87f447;\r\n padding: 2px 10px;\r\n border-radius: 20px;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n .deleteOption{\r\n margin-right: 10px;\r\n display: none;\r\n .deleteThis{\r\n display: block;\r\n width: 15px;\r\n height: 15px;\r\n position: relative;\r\n background-image: url(./icons/delete.svg);\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n cursor: pointer;\r\n opacity: 0.7;\r\n &:hover{\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n &:hover{\r\n .deleteOption{\r\n display: block;\r\n } \r\n }\r\n img{\r\n max-width: 200px;\r\n min-width: 20px;\r\n }\r\n a{\r\n span{\r\n &.attachmentWrap{\r\n display: flex;\r\n align-items: center;\r\n background-color: #6a87f4;\r\n padding: 7px 20px;\r\n border-radius: 25px 25px 0px 25px;\r\n color: white;\r\n img{\r\n max-width: 50px;\r\n margin-right: 10px;\r\n width: 20px;\r\n opacity: 0.5;\r\n }\r\n span{\r\n white-space: nowrap;\r\n }\r\n }\r\n }\r\n }\r\n &.thisuser{\r\n >span{\r\n &.msgBody{\r\n justify-content: flex-end;\r\n >span{\r\n &.msg{\r\n background-color: #6a87f4;\r\n padding: 7px 20px;\r\n border-radius: 25px 25px 0px 25px;\r\n color: white;\r\n display: block;\r\n >span{\r\n &.msgDate{\r\n display: block;\r\n color: #ccc;\r\n text-align: right;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n &.fromanother{\r\n >span{\r\n &.msgBody{\r\n >span{\r\n &.msg{\r\n background-color: white;\r\n padding: 7px 20px;\r\n border-radius: 25px 25px 25px 0px;\r\n display: block;\r\n >span{\r\n color: #333;\r\n &.msgDate{\r\n display: block;\r\n color: #999;\r\n text-align: right;\r\n font-size: 12px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n >span{\r\n &.msgBody{\r\n .userimg{\r\n width: 25px;\r\n height: 25px;\r\n min-width: 25px;\r\n background-size: contain;\r\n background-position: center;\r\n margin-right: 8px;\r\n background-repeat: no-repeat;\r\n border-radius: 100px;\r\n span{\r\n &.userPresentStatus{\r\n width: 5px;\r\n height: 5px;\r\n display: block;\r\n \r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .chatForm{\r\n position: absolute;\r\n bottom: 0;\r\n padding: 20px 50px;\r\n width: 100%;\r\n >div{\r\n box-shadow: 1px 1px 3px #ddd;\r\n >form{\r\n display: flex;\r\n background-color: white;\r\n align-items: center;\r\n >div{\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n &:first-child{\r\n display: inline-flex;\r\n padding: 10px;\r\n max-width: 65px;\r\n >span{\r\n background-repeat: no-repeat;\r\n width: 26px;\r\n height: 26px;\r\n display: block;\r\n background-size: contain;\r\n margin: 5px;\r\n cursor: pointer;\r\n &.imoji{\r\n background-image: url(./icons/grinning.svg);\r\n } \r\n }\r\n .fileUPloadInput{\r\n display: none;\r\n }\r\n >label{\r\n >span{\r\n background-repeat: no-repeat;\r\n width: 26px;\r\n height: 26px;\r\n display: block;\r\n background-size: contain;\r\n margin: 5px;\r\n cursor: pointer;\r\n &.imgUpload{\r\n \r\n }\r\n }\r\n }\r\n \r\n }\r\n &:nth-child(2){\r\n flex: 12;\r\n input{\r\n background-color:transparent;\r\n box-shadow: none;\r\n width: 100%;\r\n &[type=\"text\"]{\r\n color: #555;\r\n }\r\n &:focus{\r\n outline: none;\r\n }\r\n }\r\n }\r\n &:last-child{\r\n >button{\r\n background-color: transparent;\r\n border-width: 0;\r\n >span{\r\n &.sendBtn{\r\n width: 30px;\r\n height: 30px;\r\n display: block;\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n}\r\n\r\n@media only screen and (max-width: 1024px) {\r\n .chatWrap{\r\n .chatWindow{\r\n .chatBody{\r\n >div{\r\n &.listWrap{\r\n flex: 4;\r\n }\r\n }\r\n }\r\n }\r\n } \r\n}\r\n\r\n\r\n@media only screen and (max-width: 768px) {\r\n .chatWrap{\r\n .chatWindow{\r\n .chatBody{\r\n >div{\r\n &.listWrap{\r\n flex: 7;\r\n }\r\n }\r\n }\r\n }\r\n } \r\n}\r\n\r\n\r\n@media only screen and (max-width: 411px) {\r\n .chatWrap{\r\n .chatWindow{\r\n .chatBody{\r\n >div{\r\n &.bodyWrap{\r\n max-width: 50px;\r\n }\r\n }\r\n &.collospe{\r\n >div{\r\n &.listWrap{\r\n flex: 7;\r\n }\r\n &.bodyWrap{\r\n max-width: unset;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n } \r\n}"],"names":[],"sourceRoot":""}