body.chat-service-index{--chat-body-padding: 20px;padding:0;background-color:rgba(0,0,0,0);position:relative}.hide-scroll{overflow:hidden}.chat-title-content{display:none;position:fixed;z-index:99;background-color:#fff;top:0;left:0;padding:var(--chat-body-padding);width:100%;height:100%}.chat-title-content .chat-title-help{margin-top:3rem;margin-bottom:1rem;text-align:center;font-size:1.5rem;font-weight:700}.chat-title-content .chat-title-bar>li{max-width:400px;border:1px solid #cdc8d1;cursor:pointer;border-radius:8px;padding:.75rem .5rem;margin:.75rem auto;text-align:center;font-size:1rem}#chat-history{cursor:pointer;color:#009bdb;display:inline-block}.chat-content-wrapper{display:flex;flex-direction:column;height:100vh}.chat-content-wrapper .chat-area{flex-grow:1;padding:0 var(--chat-body-padding);overflow-y:auto}.chat-area-box{text-align:center}.chat-area-box .chat-messages{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column}.chat-area-box .chat-messages>li{display:block;text-align:left;clear:both;margin:1rem 0;max-width:calc(100% - 5rem);overflow:hidden}.chat-area-box .chat-messages>li .username,.chat-area-box .chat-messages>li .userimg{display:none}.chat-area-box .chat-messages>li .messageBody{background-color:#e8f5f4;padding:.75rem 1.25rem;border-radius:1.25rem;word-break:break-word}.chat-area-box .chat-messages>.log{color:#999;text-align:center;max-width:100%}.chat-area-box .chat-messages .message::before,.chat-area-box .chat-messages .message_me::before{content:attr(data-datetime);color:#cdc8d1;font-family:var(--font-red-hat-display, --bs-font-sans-serif);display:block}.chat-area-box .chat-messages .message{align-self:flex-start}.chat-area-box .chat-messages .message .messageBody{border-bottom-left-radius:0;display:inline-block}.chat-area-box .chat-messages .message_me{align-self:flex-end}.chat-area-box .chat-messages .message_me::before{text-align:right}.chat-area-box .chat-messages .message_me .messageBody{border-bottom-right-radius:0;float:right}.chat-container .button{border:1px solid #cdc8d1;border-radius:8px;padding:.4rem 1rem;background-color:#fff}.chat-container .chat-rate{display:none}.chat-container .chat-dialog{background-color:#f9fafa;border-radius:10px;padding:1rem;margin:0 var(--chat-body-padding)}.chat-container .chat-dialog .chat-input{overflow-wrap:break-word;height:5rem;overflow:auto;border:none;resize:none}.chat-container .chat-dialog .chat-input:focus{outline:none}.chat-container .chat-dialog .chat-dialog-select{display:flex;align-items:center;gap:.75rem;margin-top:4px}.chat-container .chat-dialog .chat-dialog-select .chat-function-bar{flex:1}.chat-container .chat-dialog .chat-function-bar{display:flex;align-items:center;gap:.75rem}.chat-container .chat-dialog .chat-function-bar .chat-function-bar-button{margin:0;padding:0;line-height:1;width:24px;height:24px;overflow:hidden;flex-shrink:0}.chat-container .chat-dialog .chat-function-bar .chat-order-button{margin-left:auto}.chat-container .chat-dialog .chat-function-bar .bi::before{font-size:1.5rem}.chat-container .chat-dialog .chat-function-bar .bi-paperclip::before{transform:rotate(40deg);transform-origin:center}.chat-container .chat-dialog .emoji-div{display:none}.chat-container .chat-dialog-select-show{position:relative;display:flex;align-items:stretch;border:1px solid #cdc8d1;border-radius:8px;padding:.5rem 0 .5rem 1rem;background-color:#fff}.chat-container .chat-dialog-select-show span{display:inline-block;cursor:pointer}.chat-container .chat-dialog-select-show i{display:inline-block;width:28px;cursor:pointer;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat scroll center center/16px 12px}.chat-container .chat-dialog-select-show .chat-dialog-select-list{display:none;width:auto;position:absolute;bottom:42px;right:0;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;padding:8px}.chat-container .chat-dialog-select-show .chat-dialog-select-list.active{display:block}.chat-container .chat-dialog-select-show .chat-dialog-select-list .hot-keys_item{cursor:pointer;white-space:nowrap;padding-left:1rem}.chat-container .chat-dialog-select-show .chat-dialog-select-list .hot-keys_item.active{padding-left:0}.chat-container .chat-dialog-select-show .chat-dialog-select-list .hot-keys_item.active::before{content:"✓";margin-right:.3rem;display:inline-block}.chat-container .chat-img{max-height:200px;max-width:400px}.chat-container [contenteditable][placeholder]:empty::before{content:attr(placeholder);color:#ccc}.chat-container .chat-title{display:flex;gap:.75rem;align-items:center;margin:5px var(--chat-body-padding)}.chat-container .chat-title h1{flex:1}.chat-container .chat-title h1 span{display:none;font-size:12px;font-weight:normal;color:#999}.chat-container .chat-title button{padding:0;margin:0;border:1px solid #9f95a6;border-radius:5px;padding:4px 5px}.chat-container .chat-title .active{display:block}.chat-container .chat-block-container{position:fixed;z-index:3;background-color:rgba(0,0,0,.5);top:0;left:0;width:100%;height:100%;overflow:auto}.chat-container .chat-block-container .chat-block-container-inner{max-width:600px;margin:4rem auto;background-color:#fff;border-radius:1.5rem}.chat-container .chat-block-container .wrapper-title{padding:var(--chat-body-padding);margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #cdc8d1;border-radius:1.5rem 1.5rem 0 0}.chat-container .chat-block-container .wrapper-title h1{display:flex;align-items:start;justify-content:space-between;font-weight:normal}.chat-container .chat-block-container .wrapper-title h1 .close{margin:0;padding:0;cursor:pointer}.chat-container .chat-block-container .wrapper-title h1 .close i{display:block;background:url(../../images/icon/close.svg) no-repeat scroll center center/16px 16px;width:16px;height:16px}.chat-container .chat-block-container .block-list{margin:var(--chat-body-padding)}.chat-container .chat-block-container .block-list .block{padding-bottom:1rem;border-bottom:1px solid #e8f5f4}.chat-container .chat-block-container .block-list .block .increment{font-weight:700;color:#3a2449}.chat-container .chat-block-container .block-list .block .tracking,.chat-container .chat-block-container .block-list .block .to-name{color:#4a3e52}.chat-container .chat-block-container .block-list .block .date{color:#9f95a6}.chat-container .chat-block-container .block-list .block .order-status>span{display:inline-block;background-color:#eaf6fb;padding:2px 8px;border-radius:6px;font-weight:700}.chat-container .chat-block-container form[data-role=search]{display:flex;align-items:center;gap:.5rem}.chat-container .chat-block-container form[data-role=search] .input-text{flex:1 0 0%}#disable-page-mask-div{top:0px;left:0px;width:100%;position:fixed;background-color:rgba(0,0,0,.5);display:block}.rate-modal{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:#777;opacity:.3;filter:alpha(opacity=60)}