live-chat{--color-pink: #e60060;--color-white: #ffffff;--modal-bg: rgb(248, 248, 248);--trigger-btn-radius: 50%;--trigger-btn-size: 55px;--color-black-1: rgb(17, 17, 17);--chatmodal-header-height: 58px;position:fixed;right:.5rem;bottom:1rem;z-index:1000;font-weight:450}live-chat button,live-chat a{cursor:pointer}live-chat aside{position:relative}live-chat h2,live-chat .livechat-header--middle div{font-size:.875rem;line-height:normal;margin:0;padding:0;font-weight:550}live-chat [data-livechat-trigger],live-chat .livechat-body-header>span{background:var(--color-pink);border:none;width:var(--trigger-btn-size);height:var(--trigger-btn-size);border-radius:var(--trigger-btn-radius);display:flex;justify-content:center;align-items:center;cursor:pointer}live-chat [data-livechat-trigger]{box-shadow:0 15px 50px #0000004d}live-chat [data-livechat-trigger],live-chat [data-livechat-trigger]:not([aria-hidden=false]){display:none}live-chat .livechat-body-header>span{width:42px;height:42px;margin:-30px auto 8px}live-chat .livechat-body-header>span svg{fill:var(--color-white)}live-chat [data-livechat-trigger]:focus-visible{outline-color:var(--color-pink)!important}live-chat dialog{width:352px;max-width:352px;height:100vh;overflow:hidden;bottom:100%;margin:0;left:auto;background:var(--color-white);box-shadow:#0000004d 0 4px 12px;isolation:isolate;border-radius:0;border:none;padding:0}live-chat dialog:focus,live-chat dialog:focus-within{box-shadow:#0000004d 0 4px 12px}live-chat dialog:not([open]){display:none}live-chat dialog .livechat-header{box-shadow:0 4px 18px #00000026;background:var(--color-white);padding:1rem 0;height:var(--chatmodal-header-height);margin-bottom:.5rem;transition:height .15s linear}live-chat dialog .livechat-header .livechat-header-inner{position:sticky;top:0;z-index:1}live-chat dialog .livechat-header .livechat-header-top{display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem}live-chat dialog .livechat-header .livechat-header-bottom:empty{display:none}live-chat dialog .livechat-header .livechat-header-bottom{padding:0 1.25rem}live-chat dialog .livechat-header--left{display:flex;flex-direction:column;align-items:flex-start;position:relative}live-chat dialog .livechat-header--left,live-chat dialog .livechat-header--right{flex:1 1 15%;max-width:15%}live-chat dialog .livechat-header--middle{flex:1 1 85%;max-width:85%;text-align:center}live-chat dialog .livechat-header--right{display:flex;align-items:center;justify-content:flex-end}live-chat dialog .livechat-header--right [data-livechat-close-chat]{font-size:2.5rem;max-height:30px;display:flex;justify-content:center;align-items:center;line-height:normal;margin-left:8px}live-chat dialog .livechat-more-menu{position:absolute;left:0;top:100%;z-index:5;background:var(--color-white);border-radius:8px;padding:.5rem 0;box-shadow:0 4px 8px #0003;display:none}live-chat dialog .livechat-more-menu[open]{display:block}live-chat dialog .livechat-more-menu ul{margin:0}live-chat dialog .livechat-more-menu li{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;position:relative}live-chat dialog .livechat-more-menu li button{width:100%;display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-black, #000)}live-chat dialog .livechat-more-menu li button svg{width:20px;margin-right:8px}live-chat dialog .livechat-header svg{width:24px}live-chat dialog svg{width:24px;max-width:24px}live-chat dialog .livechat-header-top button,live-chat dialog .livechat-agent-action button{border:none;background:none;padding:0;margin:0;cursor:pointer}live-chat dialog .livechat-agent-action button[data-agent-like].active svg{fill:#268750}live-chat dialog .livechat-agent-action button[data-agent-dislike].active svg{fill:#e41b68}live-chat dialog .agent-modal form textarea{max-height:80px;overflow:hidden auto;padding:1rem .5rem}live-chat dialog .livechat-body{padding:2rem 1.25rem 1.25rem;background:var(--modal-bg);position:relative;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column}live-chat dialog .livechat-body [data-livechat-chats]{flex:1}live-chat dialog .livechat-body-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);padding:.875rem;border-radius:8px}live-chat dialog .livechat-body-inner>div{width:100%}live-chat dialog .livechat-body-inner .livechat-body-header{margin-bottom:1rem}live-chat dialog form .form-group{display:flex;flex-direction:column-reverse}live-chat .input-error{color:#e60060;text-transform:capitalize;font-size:13px;margin:4px 0 0}live-chat dialog form .form-group+.form-group{margin-top:12px}live-chat dialog form .form-group label,live-chat h2,live-chat .livechat-header--middle div,live-chat form .form-group.field-checkbox>span{font-size:.875rem;line-height:normal;color:var(--color-black-1);margin-bottom:2px}live-chat dialog form .form-group input{height:36px}live-chat dialog form .form-group input,live-chat dialog form .form-group textarea{border:1px solid #444;border-radius:4px;padding:8px;font-size:1rem;line-height:normal}live-chat dialog form .form-cta{display:flex;justify-content:center;align-items:center;margin-top:1rem}live-chat [data-chat-input-wrapper]{position:relative;height:100%}live-chat [data-livechat-typing-alert]{position:absolute;top:-23px;font-size:12px;font-weight:500;line-height:1;margin:0;background:transparent;color:#000;padding:3px;border-radius:4px}live-chat [data-chat-input-wrapper] .chat-action-cta{display:flex;justify-content:space-between;border:1px solid #000;border-right-width:0px;border-radius:8px;overflow:hidden;height:100%}live-chat [data-chat-input-wrapper] .chat-action-cta textarea{resize:none;flex:1;padding:8px;overflow:hidden;overflow-y:auto;border:none;font-size:1rem;line-height:normal}live-chat [data-chat-input-wrapper] .chat-action-cta button{flex:1 1 50px;max-width:50px;display:flex;justify-content:center;align-items:center}live-chat [data-chat-input-wrapper] .chat-action-cta button svg{fill:var(--color-white)}live-chat [data-chat-start]{width:100%;padding:.5rem;font-size:1rem;font-weight:500;text-transform:capitalize;cursor:pointer;height:100%}live-chat [data-chat-loader]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#0000004d}live-chat [data-chat-loader]>span{display:flex;margin:auto;height:100%}live-chat [data-chat-loader] svg{min-width:50px;height:50px;background:none}live-chat [data-livechat-status]{position:absolute;left:0;top:0;background:#000000a6;padding:.7rem .5rem;width:100%;text-align:center;font-weight:500;color:#fff;box-shadow:0 2px 4px #e41b6866;display:none}live-chat [data-livechat-status][aria-hidden=false]{display:block}live-chat .message-thread{max-width:270px;margin:0 auto}live-chat .message-thread img{max-width:100px;max-height:100px}live-chat .message-thread+.message-thread{margin-top:1em}live-chat .message-thread .message-form,live-chat [data-livechat-form-status]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-white);padding:.5rem 1rem 1rem;border-radius:6px;box-shadow:#0000001a 0 1px 2px;margin-bottom:30px;font-weight:500}live-chat [data-livechat-form-status]:not([aria-hidden=false]){display:none}live-chat .message-thread .message-form p,live-chat .message-thread .message-form ul,live-chat [data-livechat-form-status] p{margin:0;line-height:1.45}live-chat .message-thread .message-form p,live-chat [data-livechat-form-status] p{font-size:.875rem}live-chat .message-thread .message-form.message-form-prechat,live-chat .message-thread .message-form.message-form-postchat{margin-top:36px}live-chat .message-thread .message-form.message-form-prechat ul,live-chat .message-thread .message-form.message-form-postchat ul{align-self:flex-start}live-chat .message-thread .message-form.message-form-postchat ul li{display:flex;flex-direction:column}live-chat .message-thread .message-form.message-form-postchat ul li span+span{display:inline-block;margin-top:5px}live-chat .message-thread .message-form.message-form-prechat ul li span+span{margin-left:5px}live-chat .message-thread .message-form.message-form-prechat ul li+li,live-chat .message-thread .message-form.message-form-postchat ul li+li{margin-top:.5rem}live-chat .message-thread .message-form .message-form-icon,live-chat [data-livechat-form-status] span{width:32px;height:32px;background:#268750;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:-22px;margin-bottom:8px}live-chat .message-thread .message-form-prechat .message-form-icon,live-chat .message-thread .message-form-postchat .message-form-icon{background:var(--color-pink)}live-chat .message-thread .message-form .message-form-icon svg,live-chat [data-livechat-form-status] span svg{fill:var(--color-white)}live-chat .message-thread .message-thread-start-date{height:20px;margin:16px -.5em;text-align:center;overflow:hidden}live-chat .message-thread .message-thread-start-date span{font-size:12px;position:relative;padding:0 8px;color:#6e6e6e;border-color:#0000001a}live-chat .message-thread .message-thread-start-date span:before,live-chat .message-thread .message-thread-start-date span:after{content:"";width:50vw;height:0px;border-top-width:1px;border-top-style:solid;border-top-color:inherit;position:absolute;top:50%}live-chat .message-thread .message-thread-start-date span:before{right:100%}live-chat .message-thread .message-thread-start-date span:after{left:100%}live-chat .message-thread .message-meta{color:#6e6e6e;font-size:12px;margin-bottom:3px}live-chat .message-thread .message-meta span+span{margin-left:.2rem}live-chat .message-thread .message-container{margin-bottom:.5em;margin-right:auto;margin-left:auto;max-width:100%;display:flex;align-items:flex-start;flex-shrink:0}live-chat .message-thread .message-text{background-color:#e60060;padding:.9em;border-radius:1.4em 0 1.4em 1.4em;color:var(--color-white);box-shadow:#00000008 0 2px 4px;max-width:100%;font-size:13px;line-height:16px;font-weight:500}live-chat .message-thread .message-text,live-chat .message-thread .file-wrapper{position:relative}live-chat .message-thread .file-wrapper a{display:block}live-chat .message-thread .message-text.delivered:after,live-chat .message-thread .message-text.seen:after,live-chat .message-thread .file-wrapper.delivered:after,live-chat .message-thread .file-wrapper.seen:after{content:"Delivered";display:block;position:absolute;top:100%;background:none;right:0;color:#000;font-size:11px;line-height:1;margin:3px 0 0}live-chat .message-thread .message-text.seen:after,live-chat .message-thread .file-wrapper.seen:after{content:"read"}live-chat .message-thread .message-container.type-agent .message-text{border-radius:0 1.4em 1.4em;background-color:var(--color-white);color:var(--color-black)}live-chat .message-thread .message-container.type-agent{align-self:flex-start}live-chat .message-thread .message-container.type-customer{justify-content:flex-end}live-chat .message-thread .message-container.type-customer .message-meta{text-align:right}live-chat .message-thread .message-container.type-agent .message{color:#5a6976;display:flex;flex-direction:column}live-chat .message-thread .message-container.type-system{margin:0 0 1rem;width:100%;justify-content:center;text-align:center;font-size:.875rem;line-height:1.4;font-weight:500;color:#6e6e6e}live-chat .message-container.system .message{border-radius:0;color:#000;box-shadow:none;background-color:transparent}live-chat .agent-avatar{width:2.4em;height:auto;border-radius:50%;display:block;margin-right:.5em}live-chat [data-livechat-form] [data-livechat-form-inner]{background:var(--color-white);padding:1rem;border-radius:6px}live-chat [data-livechat-form] .livechat-form-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:.85rem}live-chat [data-livechat-form] .livechat-form-header span{width:42px;height:42px;background:var(--color-pink);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;margin-top:-36px}live-chat [data-livechat-form] .livechat-form-header span svg{fill:var(--color-white)}live-chat [data-livechat-form] .livechat-form-header h2{padding:0 1rem;color:#111;line-height:1.45}live-chat .transcript-modal,live-chat .agent-modal,live-chat .chatclose-modal{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1}live-chat .transcript-modal:not([aria-hidden=false]),live-chat .agent-modal:not([aria-hidden=false]),live-chat .chatclose-modal:not([aria-hidden=false]){display:none}live-chat .transcript-modal .transcript-modal-icon,live-chat .agent-modal .agent-modal-icon,live-chat .chatclose-modal .chatclose-modal-icon{width:32px;height:32px;background:var(--color-pink);border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 1rem}live-chat .transcript-modal .transcript-modal-icon svg,live-chat .agent-modal .agent-modal-icon svg,live-chat .chatclose-modal .chatclose-modal-icon svg{fill:var(--color-white);max-width:20px}live-chat .transcript-modal .transcript-modal-inner,live-chat .agent-modal .agent-modal-inner,live-chat .chatclose-modal .chatclose-modal-inner{background:#fff;padding:1.5rem;border-radius:6px;max-width:90%;margin:25% auto 0;position:relative;text-align:center}live-chat .transcript-modal .transcript-modal-header [data-close-modal],live-chat .agent-modal .agent-modal-header [data-close-modal],live-chat .chatclose-modal .chatclose-modal-header [data-chatclose-close-btn]{background:none;border:none;font-size:2.5rem;width:30px;height:30px;padding:0;display:flex;justify-content:center;align-items:center;position:absolute;right:3px;top:3px;cursor:pointer}live-chat .transcript-modal form button,live-chat .transcript-modal .btn-transcript-hide,live-chat .agent-modal form button,live-chat .chatclose-modal .chatclose-modal-body button{width:100%;padding:.3rem 1rem;cursor:pointer}live-chat [data-livechat-file-upload-btn]{position:relative;background:var(--color-white);border:none}live-chat [data-livechat-file-upload-btn] svg{width:24px}live-chat [data-livechat-file-upload-btn] input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}live-chat .livechat-agent{flex:auto;width:100%;border-top:1px solid #dad2d2;margin-top:.5rem}live-chat .livechat-agent .livechat-agent-inner{display:flex;justify-content:flex-start;align-items:center;margin:0 -1.25rem;padding:1rem 1.25rem 0;background:#fff}live-chat .livechat-agent .livechat-agent-img{position:relative}live-chat .livechat-agent .livechat-agent-img:before{content:"";display:block;width:12px;height:12px;background:#268750;border:2px solid rgb(255,255,255);border-radius:50%;position:absolute;right:0;top:0}live-chat .livechat-agent .livechat-agent-img img{width:40px;height:40px;border-radius:50%}live-chat .livechat-agent .livechat-agent-info{padding:0 1rem;display:flex;flex-direction:column}live-chat .livechat-agent .livechat-agent-info>div:first-child{font-weight:550}live-chat .livechat-agent .livechat-agent-info>div:last-child{font-weight:400;font-size:13px;margin-top:1px}live-chat .livechat-agent .livechat-agent-action{margin-left:auto}live-chat dialog .livechat-body{height:calc(100% - var(--chatmodal-header-height))}live-chat dialog .chat-action{height:40px;margin-top:10px;position:relative}live-chat dialog [data-chat-list]{height:calc(100% - 55px);overflow:hidden;padding-top:1.5rem;padding-bottom:1.5rem}.device--ios live-chat dialog [data-chat-list]{height:calc(100% - 100px)}live-chat dialog .h-full [data-chat-list],live-chat dialog .h-full .chat-action{height:auto}live-chat [data-chat-resume]{width:100%;padding:6px 8px}.toggle-switch{position:absolute;display:inline-block;width:40px;height:18px;margin:0 0 0 auto;right:1rem;z-index:-1}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .toggle-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#757575;-webkit-transition:.4s;transition:.4s;border-radius:16px}.toggle-switch .toggle-switch-slider:before{position:absolute;content:"";height:13px;width:13px;left:4px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%;overflow:hidden}.toggle-switch input:checked+.toggle-switch-slider{background-color:var(--color-pink)}.toggle-switch input:focus+.toggle-switch-slider{box-shadow:0 0 1px #2196f3}.toggle-switch input:checked+.toggle-switch-slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translate(18px)}live-chat [data-history-loader] svg{width:36px;height:36px;background:var(--color-white)!important;max-height:36px;max-width:36px}live-chat button:disabled{opacity:.7;cursor:not-allowed!important}live-chat button:disabled svg{opacity:.4}live-chat [data-livechat-file-preview-modal]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;z-index:1;height:auto;overflow:hidden;width:90%;padding:0;border-radius:6px;box-shadow:#0003 0 0 8px}live-chat [data-livechat-file-preview-modal]:not([aria-hidden=false]){display:none}live-chat [data-livechat-file-preview-modal] .file-preview-inner{display:flex;flex-direction:column;height:100%;max-height:100%}live-chat [data-livechat-file-preview-modal] .file-preview-header{padding:.875rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1dcdc;height:50px}live-chat [data-livechat-file-preview-modal] .file-preview-header-left{display:flex;align-items:center}live-chat [data-livechat-file-preview-modal] .icon-wrapper{width:20px;height:20px;border-radius:50%;background:#268750;color:#fff;display:flex;justify-content:center;align-items:center;fill:#fff;margin-right:5px}live-chat .btn-svg{background:none;border:none}live-chat [data-toggle-preview-modal]{background:#fff;border:1px solid #000;padding:0;margin:0;line-height:normal;min-height:auto;width:24px;height:24px;display:flex;justify-content:center;align-items:center}live-chat [data-toggle-preview-modal] svg{fill:#000}live-chat .file-preview-footer{height:50px;display:flex;justify-content:center;align-items:center;padding:.875rem;border-top:1px solid #e1dcdc}live-chat .file-preview-footer button{width:100%;padding:.25rem .5rem}live-chat .file-preview-body{height:calc(100% - 50px);overflow:hidden;display:flex;flex-direction:column;transition:all .25s linear}live-chat .file-preview-body[aria-hidden=true]{height:0}live-chat .file-preview-body ul{margin:0}live-chat .file-preview-body-inner{height:calc(100% - 50px);overflow:hidden;overflow-y:auto;display:flex;flex-wrap:wrap;padding:.875rem}live-chat .file-preview-body-inner .preview-file{flex:1 1 50%;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:116px}live-chat .file-preview-body-inner .img{position:relative;width:100%;max-height:110px}live-chat .file-preview-body-inner .img img{width:100%;height:100%;object-fit:cover}live-chat .file-preview-body-inner .preview-file-action{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:4px 8px}live-chat .file-preview-body-inner .img audio{width:calc(100% - 50px)}live-chat .file-preview-body-inner audio+.preview-file-action{width:50px;right:0;left:auto;top:50%;transform:translateY(-50%)}live-chat .file-preview-body-inner .img video{width:100%}live-chat .file-preview-body-inner video+.preview-file-action{top:0;left:0;width:50px;bottom:auto}live-chat .file-preview-body-inner .preview-file-action svg{width:18px}live-chat .file-preview-body-inner .preview-file-action button{display:flex;justify-content:center;align-items:center;background:#00000080;border-radius:4px;color:#fff;fill:#fff}live-chat .file-preview-body-inner .preview-pdf{height:100px;display:flex;justify-content:center;align-items:center;background:#d9d8d8;border-radius:6px}live-chat .file-preview-body-inner .preview-pdf+.preview-file-action{left:auto;right:0;width:50px}live-chat .file-preview-body-inner p{margin:0;font-size:.975rem;padding:5px 0}live-chat form .indicator-for-star{font-size:11px;line-height:13px;color:#000;font-weight:450}live-chat form .indicator-for-star em{color:#f1152f;font-weight:500;font-style:normal}live-chat form[data-type=postchat] .form-group label{display:flex;align-items:center}live-chat form[data-type=postchat] .form-group:nth-child(3) label{max-height:15px}live-chat form[data-type=postchat] .form-group:nth-child(4) label{margin-bottom:8px}live-chat form[data-type=postchat] .form-group label+label{margin-top:.5rem}live-chat form[data-type=postchat] input[type=radio]{height:auto;margin-right:10px}live-chat .live-chat-queue{display:flex;justify-content:space-between;align-items:center;color:#000;overflow:hidden;padding:8px 0 0;border-top:1px solid #ccc;margin-top:8px;background:#fff}live-chat .live-chat-queue:not([aria-hidden=false]){display:none}live-chat .live-chat-queue p{margin:0 12px;height:33px;overflow:hidden;position:relative}live-chat .live-chat-queue p:after{content:"...";position:absolute;right:28px;bottom:5px}live-chat .live-chat-queue[open] p{height:fit-content}live-chat .live-chat-queue[open] p:after{content:none}live-chat .live-chat-queue button svg{fill:var(--color-black);transition:rotate .2s ease-in-out}live-chat .live-chat-queue[open] svg{transform:rotate(180deg)}live-chat .live-chat-queue button{border-radius:3px;background:#f9f9f9;border:1px solid #000;display:flex;justify-content:center;align-items:center;width:24px;height:24px}live-chat .live-chat-queue button{min-width:28px}live-chat form .form-group.field-checkbox{flex-direction:column}live-chat form .form-group.field-checkbox .form-group-inner{display:flex;align-items:flex-start;position:relative;margin-top:2.5px}live-chat form .form-group.field-checkbox .form-group-inner label{margin-left:28px}.device--mobile.device--ios live-chat form .form-group.field-checkbox .form-group-inner label{margin-left:2px}live-chat form .form-group.field-checkbox input{opacity:0}live-chat form .form-group.field-checkbox label:before{content:"";display:block;width:18px;height:18px;border:1px solid #000;border-radius:3px;position:absolute;left:0;top:3px;background-color:#fff}live-chat form .form-group.field-checkbox label:after{content:"";position:absolute;left:6px;top:6px;width:6px;height:10px;border:solid #000;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:none}live-chat form .form-group.field-checkbox input:checked+label:after{display:block}live-chat form span em{color:#f1152f;font-style:normal}live-chat form .form-group.field-checkbox label em{display:none}@media (min-width: 768px){.device--mac-os live-chat form .form-group.field-checkbox .form-group-inner label{margin-left:20px}live-chat dialog{height:580px;border-radius:8px}live-chat [data-livechat-trigger]{display:flex}}@media (max-width: 767px){live-chat dialog{max-width:100%;width:100%;position:fixed;left:0;top:0;z-index:9999}live-chat dialog [data-chat-list]{height:calc(100% - 170px)}}
/*# sourceMappingURL=/cdn/shop/t/731/assets/live-chat.css.map */