.conversation-item{padding:10px;background-color:transparent;cursor:pointer;display:flex;align-items:center;transition:background-color .3s ease;border-radius:10px}@media(max-width:600px){.conversation-item{padding:6px}}.conversation-item:hover{background-color:hsla(0,0%,90%,.698)}.conversation-item__selected{background-color:#e6e6e6}.conversation-item__unread{font-weight:700}.conversation-item__avatar{position:relative;margin-right:10px}.conversation-item__avatar__circle{width:45px;height:45px;border-radius:50%;background-color:var(--color-light-gray);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.conversation-item__content{flex:1 1;position:relative}.conversation-item__content__header{display:flex;justify-content:space-between;align-items:center}.conversation-item__content__header__name{font-weight:700;font-size:14px}.conversation-item__content__header__amount{font-weight:700;font-size:12px;color:#666}.conversation-item__content__preview{font-size:13px;color:#666}.conversation-item__content__date{display:flex;justify-content:space-between;font-size:13px;color:#666}.conversation-item__more-container{position:absolute;right:5px;bottom:-5px;display:flex;gap:10px}.conversation-item__count{background:var(--color-bright-copper);padding:0 5px;border-radius:5px;color:#e6e6e6;font-weight:700;width:24px;text-align:center;position:absolute;right:48px;bottom:0}.conversation-item__item-menu{border:none!important;width:35px;height:35px;padding:10px}.conversation-item__item-menu svg{width:15px;height:15px}.message-input__container{position:relative;display:flex;flex-direction:column;width:100%}.message-input__wrapper{display:flex;align-items:center;padding:10px}@media(hover:none){.message-input__wrapper{padding-bottom:23px}}.message-input__typing-indicator{color:#000;position:absolute;left:5px;top:-15px;background:#fff;border-radius:10px;padding:5px;font-size:12px;z-index:5}.message-input__textarea{width:calc(100% - 50px);padding:10px;border:.5px solid #ccc;border-radius:7px;font-size:14px;font-family:var(--font-dm-sans);resize:none;max-height:calc(7.5em + 20px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.message-input__textarea::-webkit-scrollbar{display:none}.message-input__textarea:focus{outline:none;border-color:#7fb685}@media only screen and (max-width:600px){.message-input__textarea{font-size:16px}}.message-input__attached-files{max-height:30dvh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.message-input__attached-files::-webkit-scrollbar{display:none}.message-input__attached-files--small{max-height:10dvh}.message-input__attached-file{margin-left:16px;padding:.5rem 1rem;border:1px solid #ddd;border-radius:10px;width:57%;background-color:#f9f9f9;display:inline-flex;align-items:center;margin-top:10px;justify-content:space-between}.message-input__remove-icon{font-size:medium}.message-input__attach-button{width:40px;height:40px;margin-left:3px;padding:10px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color,var(--color-white));border:.5px solid #ccc;border-radius:7px;cursor:pointer}.message-input__attach-button svg{stroke:var(--text-fontColor,var(--color-black))}.message-input__send-button{width:40px;height:40px;margin-left:3px;padding:10px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color,var(--color-bright-copper));border:.5px solid #ccc;border-radius:7px;cursor:pointer}.message-input__send-button svg{stroke:var(--text-fontColor,var(--color-white))}.message-input__attached-images{display:flex;flex-wrap:wrap;gap:10px;margin-left:16px;margin-right:16px;padding:.5rem 1rem;max-height:30dvh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.message-input__attached-images::-webkit-scrollbar{display:none}.message-input__attached-images--small{max-height:10dvh}.message-input__attached-image{position:relative;width:60px;height:60px}.message-input__image{width:60px;height:60px}.message-input__image img{border-radius:10px}.message-input__remove-image{font-size:medium;position:absolute;top:3px;right:3px;border-radius:50%;color:var(--color-white);background-color:var(--color-dark-blue);cursor:pointer}.message-input__remove-image:hover svg{stroke-width:2}.quote-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #ccc;background-color:#f8f8f8;position:relative}.quote-header__back-button{width:24px;cursor:pointer;position:relative;left:5px}.quote-header__customer-info{text-align:left}.quote-header__customer-info span{color:#666;font-size:14px;cursor:pointer}.quote-header__contact{text-decoration:underline}.quote-header__customer-cont h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin:0}@media(max-width:800px){.quote-header__customer-cont h2{max-width:569px}}@media(max-width:730px){.quote-header__customer-cont h2{max-width:370px}}@media(max-width:550px){.quote-header__customer-cont h2{max-width:200px;font-size:15px}}@media(max-width:375px){.quote-header__customer-cont h2{width:160px}}@media(max-width:320px){.quote-header__customer-cont h2{width:120px;font-size:15px}}.quote-header__view-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;background-color:var(--color-white);box-shadow:var(--box-shadow);border:none;color:#000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s ease,box-shadow .3s ease}.quote-header__view-button:hover{background-color:var(--color-almost-white);box-shadow:var(--box-shadow-hover)}.quote-header__view-button__icon{font-size:14px;line-height:1;transition:transform .3s ease}.quote-header__view-button:hover .quote-header__view-button__icon{transform:scale(1.1)}@media(min-width:374px){.quote-header__view-button{gap:4px;padding:9px 10px;font-size:12px;font-weight:400}.quote-header__view-button__icon{font-size:12px}}.quote-header__customer-contmob{text-align:center;width:100%;position:relative}.quote-header__customer-contmob h5{font-weight:500}.quote-header__close-button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:24px;color:#000}.quote-header__close-button svg{color:var(--text-fontColor,var(--color-white))}@media(max-width:600px){.quote-header{position:fixed;top:0;left:0;right:0;z-index:1000;justify-content:flex-start;padding:10px 10px 10px 45px}.quote-header__back-button{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.quote-header__view-button{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.quote-header__customer-contmob{margin:0 auto;text-align:center}}.message-list{margin:0;padding:0;text-align:left}.message-list__item{margin-bottom:20px;display:flex;border-radius:10px;align-items:flex-start;transition:background-color .2s ease}.message-list__item--own{flex-direction:row-reverse}.message-list__item--system{width:100%;text-align:center;padding:5px 10px;color:#666;font-size:14px;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;display:flex}.message-list__item--unread{animation:fadeHighlight 2s ease-out}.message-list__images-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-bottom:10px}.message-list__images-list--own{justify-content:flex-end}.message-list__systemHtml{max-width:600px;width:60%;justify-self:center;background:#ddd;background:linear-gradient(110deg,#e8e8e8 8%,#f5f5f5 18%,#e8e8e8 33%)!important;border-radius:4px;background-size:200% 100%;animation:shine 10.5s linear infinite}@media(max-width:600px){.message-list__systemHtml{max-width:100%;width:100%}}.message-list__image{width:60px;height:60px}.message-list__image img{border-radius:10px}.message-list__attachments{display:flex;flex-direction:column;gap:3px;padding:5px}.message-list__attachments a{text-decoration:underline;font-size:13px}.message-list__attachments--own a{color:var(--text-fontColor,var(--color-white))}.message-list__attachments--other a{color:var(--color-black)}.message-list__avatar{min-width:32px;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-right:0}.message-list__avatar,.message-list__avatar-image{width:32px;height:32px;border-radius:50%}.message-list__content{display:flex;flex-direction:column;max-width:70%;margin-left:10px}.message-list__content--own{margin-left:0;margin-right:10px}.message-list__bubble{display:inline-block;padding:10px;border-radius:10px;background-color:#f0f0f0;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%;overflow:hidden;margin-bottom:5px}.message-list__bubble--own{background-color:var(--primary-color,var(--color-darker-blue));color:var(--text-fontColor,var(--color-white));margin-left:auto;text-align:right;border-bottom-right-radius:0}.message-list__bubble--other{margin-right:auto;text-align:left;border-top-left-radius:0}@media(max-width:500px){.message-list__bubble{max-width:80%}}.message-list__author,.message-list__usernaming{font-weight:700;margin-bottom:5px;color:#666}.message-list__usernaming{text-align:end}.message-list__readByCustomer{font-size:12px;color:#666;text-align:center}.message-list__readByCustomer--own{text-align:right}.message-list__readByCustomer--other{text-align:left}.message-list__timestamp{font-size:12px;color:#666;text-align:center}.message-list__timestamp--own{text-align:right}.message-list__timestamp--other{text-align:left}.message-list__thumbnail{width:150px;height:150px;object-fit:cover;border-radius:8px;margin:-10px}@keyframes fadeHighlight{0%{background-color:#c4c4c4}50%{background-color:#d4d4d4}to{background-color:transparent}}@media(max-width:768px){.message-list__content{max-width:90%;margin:0 5px}}@media(max-width:480px){.message-list__content{max-width:100%;margin:0 5px}.message-list__avatar,.message-list__avatar-image{width:32px;height:32px}}@keyframes shine{to{background-position-x:-200%}}