.chat-container{border-radius:var(--border-radius-sm);--var-chat-font-sm: 16px;--var-chat-font-md: 18px}.chat-body{height:508px;overflow-y:auto}.chat-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #e5e5ea}.chat-header-extra{font-size:var(--var-chat-font-sm);color:#666668}.chat-title{font-size:var(--var-chat-font-md);font-weight:500;color:#2c2c2e;margin:0}.chat-footer{position:relative}.chat-footer input{width:100%;height:52px;border-width:0;border-top:1px solid #e5e5ea;padding:0 70px 0 20px;border-radius:var(--border-radius-sm)}.chat-footer button{display:flex;position:absolute;right:35px;top:50%;transform:translateY(-50%);padding:0;margin:0;border-width:0;background-color:transparent}.chat-container .past-reservation-phase{display:flex;flex-direction:row;justify-content:center;margin:0;padding-block:12px;text-align:center}@media(max-width:5680px){.chat-container .past-reservation-phase{padding-inline:12px}}.chat-body[data-all-old-messages-loaded=true] .loading-small{display:none}.chat-body[data-loading-error=true] .loading-error{display:block}.chat-body .loading-error{display:none;width:fit-content;margin:19px auto;padding:4px 16px;border-radius:4px}.chat-body .loading-error p{padding:0;margin:0}.chat-day-container{position:relative}.chat-day-title{font-size:var(--var-chat-font-sm);font-weight:500;color:#666668;width:fit-content;margin:14px auto;padding-inline:10px;position:relative;z-index:2;background-color:#fff}.chat-day-title+.chat-day-title-hr{display:block;position:absolute;top:11.5px;left:50%;transform:translate(-50%);width:calc(100% - 50px);height:1px;background-color:#e2e2e2}.chat-body[data-has-next-page=false] .chat-day-container:nth-child(1) .chat-day-title+.chat-day-title-hr{display:none}.chat-day-body{display:flex;flex-direction:column;padding-inline:25px;padding-bottom:20px}.chat-msg{display:flex;flex-direction:column;align-items:flex-end;padding:4px 8px;border-radius:4px;width:fit-content;max-width:70%;position:relative}.chat-msg-text,.chat-msg-time{margin:0}.chat-msg-text{font-size:var(--var-chat-font-sm)}.chat-msg-meta{display:flex;align-items:center;gap:4px}.chat-msg-time{font-size:12px;font-weight:300}.chat-host-msg .chat-msg-time{color:#666668}.chat-msg-meta .chat-msg-status{font-size:12px;width:20px;height:20px}.chat-msg-meta .chat-msg-status path{stroke:var(--clr-message-unseen)}.chat-msg[data-is-seen=true] .chat-msg-status path{stroke:var(--clr-message-seen)}.chat-guest-msg{color:#fff;background-color:var(--clr-primary);align-self:flex-end}.chat-guest-msg:first-child,.chat-host-msg+.chat-guest-msg{border-top-right-radius:0}.chat-guest-msg:first-child:after,.chat-host-msg+.chat-guest-msg:after{content:"";position:absolute;right:-9px;top:0;display:block;width:10px;height:12px;background-color:var(--clr-primary);clip-path:polygon(10% 0%,67.38% 0%,82% 0%,86.5% 25%,73% 37.5%,15% 79.17%,10% 91.67%,10% 0%)}.chat-host-msg{background-color:var(--clr-light)}.chat-host-msg:first-child,.chat-guest-msg+.chat-host-msg{border-top-left-radius:0}.chat-host-msg:first-child:after,.chat-guest-msg+.chat-host-msg:after{content:"";position:absolute;left:-9px;top:0;display:block;width:10px;height:12px;background-color:var(--clr-light);clip-path:polygon(90% 0%,32.62% 0%,18% 0%,13.5% 25%,27% 37.5%,85% 79.17%,90% 91.67%,90% 0%)}.chat-guest-msg+.chat-guest-msg,.chat-host-msg+.chat-host-msg{margin-top:6px}.chat-guest-msg+.chat-host-msg,.chat-host-msg+.chat-guest-msg{margin-top:16px}