{"version":3,"sources":["C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/components/C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/components/discussion.css","main.7b0d60a5.chunk.css","C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/css_src/C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/css_src/chat_comp.css","C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/css_src/C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/css_src/message.css","C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/containers/C:/Users/rocha/OneDrive - Whitchurch High School/Documents/Projets/chat_app/react_src/src/containers/chat_page.css"],"names":[],"mappings":"AAEA,eACI,kBAAA,CACA,UCCJ,CDEA,oBACI,YAAA,CACA,oBAAA,CACA,6BCCJ,CDEA,cACI,YAAA,CACA,oBAAA,CACA,aAAA,CAAA,QCEJ,CDCA,aACI,sBAAA,CACA,WAAA,CACA,SAAA,CACA,gCCEJ,CDEA,mBACI,aCEJ,CC9BA,sBACI,UAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,oBAAA,CACA,6BDgCJ,CC7BA,aACI,UAAA,CACA,mBAAA,CACA,4BDgCJ,CC7BA,mBACI,UAAA,CACA,YAAA,CACA,qBAAA,CACA,aAAA,CAAA,QDiCJ,CC9BA,cACI,UAAA,CACA,YAAA,CACA,oBDiCJ,CC7BA,eACI,UAAA,CACA,YAAA,CACA,qBDiCJ,CC9BA,aACI,eAAA,CACA,YAAA,CACA,aAAA,CAAA,QAAA,CACA,6BDkCJ,CC/BA,eACI,qBAAA,CACA,UAAA,CACA,kBDkCJ,CC/BA,6BACI,sBAAA,CACA,iBDmCJ,CC7BA,qBACI,SAAA,CACA,gBAAA,CACA,UAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBAAA,CACA,YAAA,CACA,sBAAA,CACA,oBAAA,CACA,kBAAA,CACA,uCDkCJ,CC/BA,2BACI,+BDkCJ,CC/BA,WACI,WAAA,CACA,UDkCJ,CE9GA,yBACI,kBAAA,CACA,WAAA,CACA,eAAA,CACA,SAAA,CACA,cAAA,CACA,iBAAA,CACA,iBAAA,CACA,wBFiHJ,CE9GA,iBACI,eFiHJ,CE9GA,iBACI,aAAA,CACA,iBAAA,CACA,SAAA,CACA,UFiHJ,CE9GA,gBACI,UAAA,CACA,aFiHJ,CE9GA,MACI,wBAAA,CACA,UFiHJ,CE9GA,aACI,UAAA,CACA,eFiHJ,CGlJA,gBACI,YAAA,CACA,0BAAA,CACA,mBAAA,CACA,QAAA,CACA,SAAA,CACA,yBAAA,CACA,4BHqJJ,CGlJA,gBAGI,sBAAA,CACA,oBAAA,CACA,aAAA,CAAA,QHsJJ,CGlJA,yBARI,YAAA,CACA,qBHoKJ,CG7JA,SACI,SAAA,CACA,wBAAA,CAGA,6BAAA,CACA,2BAAA,CACA,YHsJJ,CGlJA,gBACI,WAAA,CACA,YAAA,CACA,qBHsJJ,CGlJA,mBACI,kBAAA,CACA,YAAA,CACA,wBAAA,CACA,iBHsJJ,CGlJA,wBACI,eHsJJ,CGlJA,0BACI,wBHsJJ,CGlJA,YACI,UAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,WHsJJ,CGnJA,0BAEI,oBAAA,CACA,2BAAA,CAIA,sBAAA,CACA,oBAAA,CACA,2BHgJJ,CG5IA,aACI,aAAA,CACA,UAAA,CACA,eAAA,CACA,YAAA,CACA,wBAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,cHsJJ,CGlJA,mBACI,wBHsJJ,CGnJA,cACI,sBAAA,CACA,WHsJJ,CGnJA,iBACI,gBHuJJ,CGnJA,8BACI,wBAAA,CACA,UHsJJ,CGnJA,iBACI,cHsJJ","file":"main.7b0d60a5.chunk.css","sourcesContent":["\r\n\r\n.selected-conv {\r\n    background: #0d6efd;\r\n    color: white;\r\n}\r\n\r\n.card-header-layout {\r\n    display: flex;\r\n    align-content: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.inner-header {\r\n    display: flex;\r\n    align-content: center;\r\n    gap: 10px;\r\n}\r\n\r\n.close-style {\r\n    background: transparent;\r\n    border: none;\r\n    color: red;\r\n    transition: color 200ms ease-in-out;\r\n}\r\n\r\n\r\n.close-style:hover {\r\n    color: darkred;\r\n}","\r\n\r\n.selected-conv {\r\n    background: #0d6efd;\r\n    color: white;\r\n}\r\n\r\n.card-header-layout {\r\n    display: flex;\r\n    align-content: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.inner-header {\r\n    display: flex;\r\n    align-content: center;\r\n    grid-gap: 10px;\r\n    gap: 10px;\r\n}\r\n\r\n.close-style {\r\n    background: transparent;\r\n    border: none;\r\n    color: red;\r\n    transition: color 200ms ease-in-out;\r\n}\r\n\r\n\r\n.close-style:hover {\r\n    color: darkred;\r\n}\n.inner-chat-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-content: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.chat-header {\r\n    width: 100%;\r\n    padding-bottom: 10px;\r\n    border-bottom: black 1px solid;\r\n}\r\n\r\n.message-container {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    grid-gap: 10px;\r\n    gap: 10px;\r\n}\r\n\r\n.message-left {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: left;\r\n}\r\n\r\n\r\n.message-right {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: right;\r\n}\r\n\r\n.message-bar {\r\n    margin-top: 10px;\r\n    display: flex;\r\n    grid-gap: 10px;\r\n    gap: 10px;\r\n    justify-content: space-between;\r\n}\r\n\r\n.input-message {\r\n    border: black 1px solid;\r\n    width: 100%;\r\n    border-radius: 15px;\r\n}\r\n\r\n.input-message:focus-visible {\r\n    outline: none!important;\r\n    border-color: black;\r\n\r\n}\r\n\r\n\r\n\r\n.send-message-button {\r\n    fill: white;\r\n    aspect-ratio: 1/1;\r\n    width: 45px;\r\n    border-radius: 50%;\r\n    border: #0d6efd 2px solid;\r\n    background: #0d6efd;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-content: center;\r\n    align-items: center;\r\n    transition: background-color 200ms ease-in;\r\n}\r\n\r\n.send-message-button:hover {\r\n    background: rgba(13, 110, 253, 0.79);\r\n}\r\n\r\n.send-icon {\r\n    height: 35px;\r\n    width: 35px;\r\n}\r\n\n.inner-message-container {\r\n    border-radius: 10px;\r\n    padding: 5px;\r\n    max-width: 400px;\r\n    width: 40%;\r\n    min-width: 80px;\r\n    position: relative;\r\n    margin-right: 15px;\r\n    border: #2a2a2a 1px solid;\r\n}\r\n\r\n.message-content {\r\n    text-align: left;\r\n}\r\n\r\n.time-stamp-text {\r\n    color: #b7b7b7;\r\n    position: absolute;\r\n    right: 5px;\r\n    bottom: 4px;\r\n}\r\n\r\n.message-header {\r\n    width: 100%;\r\n    color: #0d6efd;\r\n}\r\n\r\n.blue {\r\n    background-color: #0d6efd;\r\n    color: white;\r\n}\r\n\r\n.blue-header {\r\n    color: white;\r\n    font-weight: bold;\r\n}\n/* Set the overall layout */\r\n.main-container {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: stretch;\r\n    margin: 0;\r\n    padding: 0;\r\n    height: calc(100vh - 56px);\r\n    font-family: Arial, sans-serif;\r\n}\r\n\r\n.conv-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-content: center;\r\n    grid-gap: 10px;\r\n    gap: 10px;\r\n}\r\n\r\n/* Style for the left vertical bar */\r\n.sidebar {\r\n    width: 30%;\r\n    background-color: #f1f1f1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    align-content: space-between;\r\n    padding: 10px;\r\n}\r\n\r\n/* Style for the chat container */\r\n.chat-container {\r\n    flex-grow: 1;\r\n    padding: 10px;\r\n    background-color: #ffffff;\r\n}\r\n\r\n/* Style for individual conversation items */\r\n.conversation-item {\r\n    margin-bottom: 10px;\r\n    padding: 10px;\r\n    background-color: #e9e9e9;\r\n    border-radius: 5px;\r\n}\r\n\r\n/* Style for conversation item text */\r\n.conversation-item-text {\r\n    font-weight: bold;\r\n}\r\n\r\n/* Style for active conversation item */\r\n.conversation-item.active {\r\n    background-color: #d1d1d1;\r\n}\r\n\r\n/* Style for chat input area */\r\n.chat-input {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n    resize: none;\r\n}\r\n\r\n.chat-input:focus-visible {\r\n    outline: none!important;\r\n    border-color: #c9b532;\r\n    box-shadow: 0 0 10px #cb205d;\r\n}\r\n\r\n.chat-input:focus-visible {\r\n    outline: none!important;\r\n    border-color: #71ce8e;\r\n    box-shadow: 0 0 10px #ad7171;\r\n}\r\n\r\n/* Style for send button */\r\n.send-button {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    padding: 10px;\r\n    background-color: #4caf50;\r\n    color: #ffffff;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n/* Style for send button on hover */\r\n.send-button:hover {\r\n    background-color: #45a049;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n}\r\n\r\n.auto-suggestion {\r\n    padding-left: 5px;\r\n\r\n}\r\n\r\n.auto-suggestion:hover :focus {\r\n    background-color: #0d6efd;\r\n    color: white;\r\n}\r\n\r\n.suggestion-list {\r\n    padding-left: 0;\r\n}\r\n\r\n\n",".inner-chat-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-content: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n.chat-header {\r\n    width: 100%;\r\n    padding-bottom: 10px;\r\n    border-bottom: black 1px solid;\r\n}\r\n\r\n.message-container {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n}\r\n\r\n.message-left {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: left;\r\n}\r\n\r\n\r\n.message-right {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: right;\r\n}\r\n\r\n.message-bar {\r\n    margin-top: 10px;\r\n    display: flex;\r\n    gap: 10px;\r\n    justify-content: space-between;\r\n}\r\n\r\n.input-message {\r\n    border: black 1px solid;\r\n    width: 100%;\r\n    border-radius: 15px;\r\n}\r\n\r\n.input-message:focus-visible {\r\n    outline: none!important;\r\n    border-color: black;\r\n\r\n}\r\n\r\n\r\n\r\n.send-message-button {\r\n    fill: white;\r\n    aspect-ratio: 1/1;\r\n    width: 45px;\r\n    border-radius: 50%;\r\n    border: #0d6efd 2px solid;\r\n    background: #0d6efd;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-content: center;\r\n    align-items: center;\r\n    transition: background-color 200ms ease-in;\r\n}\r\n\r\n.send-message-button:hover {\r\n    background: rgba(13, 110, 253, 0.79);\r\n}\r\n\r\n.send-icon {\r\n    height: 35px;\r\n    width: 35px;\r\n}\r\n",".inner-message-container {\r\n    border-radius: 10px;\r\n    padding: 5px;\r\n    max-width: 400px;\r\n    width: 40%;\r\n    min-width: 80px;\r\n    position: relative;\r\n    margin-right: 15px;\r\n    border: #2a2a2a 1px solid;\r\n}\r\n\r\n.message-content {\r\n    text-align: left;\r\n}\r\n\r\n.time-stamp-text {\r\n    color: #b7b7b7;\r\n    position: absolute;\r\n    right: 5px;\r\n    bottom: 4px;\r\n}\r\n\r\n.message-header {\r\n    width: 100%;\r\n    color: #0d6efd;\r\n}\r\n\r\n.blue {\r\n    background-color: #0d6efd;\r\n    color: white;\r\n}\r\n\r\n.blue-header {\r\n    color: white;\r\n    font-weight: bold;\r\n}","/* Set the overall layout */\r\n.main-container {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: stretch;\r\n    margin: 0;\r\n    padding: 0;\r\n    height: calc(100vh - 56px);\r\n    font-family: Arial, sans-serif;\r\n}\r\n\r\n.conv-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-content: center;\r\n    gap: 10px;\r\n}\r\n\r\n/* Style for the left vertical bar */\r\n.sidebar {\r\n    width: 30%;\r\n    background-color: #f1f1f1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    align-content: space-between;\r\n    padding: 10px;\r\n}\r\n\r\n/* Style for the chat container */\r\n.chat-container {\r\n    flex-grow: 1;\r\n    padding: 10px;\r\n    background-color: #ffffff;\r\n}\r\n\r\n/* Style for individual conversation items */\r\n.conversation-item {\r\n    margin-bottom: 10px;\r\n    padding: 10px;\r\n    background-color: #e9e9e9;\r\n    border-radius: 5px;\r\n}\r\n\r\n/* Style for conversation item text */\r\n.conversation-item-text {\r\n    font-weight: bold;\r\n}\r\n\r\n/* Style for active conversation item */\r\n.conversation-item.active {\r\n    background-color: #d1d1d1;\r\n}\r\n\r\n/* Style for chat input area */\r\n.chat-input {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n    resize: none;\r\n}\r\n\r\n.chat-input:focus-visible {\r\n    outline: none!important;\r\n    border-color: #c9b532;\r\n    box-shadow: 0 0 10px #cb205d;\r\n}\r\n\r\n.chat-input:focus-visible {\r\n    outline: none!important;\r\n    border-color: #71ce8e;\r\n    box-shadow: 0 0 10px #ad7171;\r\n}\r\n\r\n/* Style for send button */\r\n.send-button {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n    padding: 10px;\r\n    background-color: #4caf50;\r\n    color: #ffffff;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n/* Style for send button on hover */\r\n.send-button:hover {\r\n    background-color: #45a049;\r\n}\r\n\r\n.close-button {\r\n    background: transparent;\r\n    border: none;\r\n}\r\n\r\n.auto-suggestion {\r\n    padding-left: 5px;\r\n\r\n}\r\n\r\n.auto-suggestion:hover :focus {\r\n    background-color: #0d6efd;\r\n    color: white;\r\n}\r\n\r\n.suggestion-list {\r\n    padding-left: 0;\r\n}\r\n\r\n"]}