:root{--chat-shadow: 0 6px 18px rgba(0, 0, 0, .08);--chat-border: 1px solid #e0e0e0;--transition-fast: .2s ease;--transition-med: .35s ease;--frame-border-color: rgba(0, 0, 0, .1);--color-black: #1e1e1e;--color-white: #ffffff;--color-red: #e63230;--color-light-bg: #f5f5f5;--color-border: #c6c6c6;--font-size-base: 1.4rem;--font-size-label: 1.2rem;--font-weight-regular: 500;--font-weight-bold: 800}.poster-chatbot{padding-top:27px;padding-bottom:27px}@media screen and (min-width: 1024px){.poster-chatbot{padding-top:36px;padding-bottom:36px}}.preview-panel,.chat-panel{background-color:var(--color-light-bg);padding:2rem;box-shadow:var(--chat-shadow)}.chat-ui-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:128rem;margin:0 auto;padding:3rem 2rem;gap:4%;box-sizing:border-box}.chat-ui-left,.poster-preview{flex:0 0 auto;width:35%;box-sizing:border-box}.poster-preview{text-align:center;margin-bottom:2rem}.poster-preview h3{font-size:1.75rem;font-weight:var(--font-weight-bold);margin-bottom:1.25rem;color:var(--color-black)}.chat-content{display:none;background-color:transparent!important;position:relative;z-index:2;padding:1.25rem 1rem;max-height:400px;overflow-y:auto;box-shadow:0 2px 8px #0000000a;font-size:var(--font-size-base);line-height:1.6;margin-bottom:1.5rem;word-break:break-word;overflow-wrap:anywhere;color:var(--color-black)!important}.chat-placeholder{color:#888;font-style:italic}.message{display:inline-block;padding:.75rem 1rem;margin:.25rem 0;border-radius:1.2rem;max-width:80%;line-height:1.4;position:relative;clear:both;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.message.user{background-color:var(--color-red);color:var(--color-white);float:right;border-bottom-right-radius:.3rem}.message.bot{background-color:var(--color-light-bg);color:var(--color-black);float:left;border-bottom-left-radius:.3rem}.message.user:after,.message.bot:after{content:"";position:absolute;bottom:0;border-width:6px;border-style:solid}.message.user:after{right:-6px;border-color:transparent transparent var(--color-red) transparent}.message.bot:after{left:-6px;border-color:transparent transparent var(--color-light-bg) transparent}.form-group{margin-top:4rem}.form .field{margin-bottom:1.5rem;position:relative}.field__label{display:block;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--color-black);margin-bottom:2rem;margin-right:2rem;z-index:1;padding:.8rem}#chat-message+.field__label{position:absolute;top:.3rem;left:1rem;font-size:1.2rem;font-weight:600;color:#999;pointer-events:none;transition:.2s ease all;padding:0;margin-bottom:0}textarea#chat-message:focus+.field__label,textarea#chat-message:not(:placeholder-shown)+.field__label{top:-.8rem;left:.8rem;font-size:.75rem;background:var(--color-light-bg);padding:0 .25rem;color:var(--color-red)}.field__input,#chat-message.field__input{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);border:var(--chat-border);font-family:inherit;background-color:var(--color-white);color:var(--color-black);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 2px 6px #0000000a}#chat-message.field__input{padding:2rem;resize:none;min-height:85px;max-height:180px;line-height:1.2}.field__input:focus{border-color:var(--color-red);box-shadow:0 0 0 2px #e6282826;outline:none}.button{margin-top:2rem;box-shadow:0 4px 12px #00000026;transition:all var(--transition-fast)}.button:hover{transform:translateY(-1px);opacity:.9;box-shadow:0 6px 20px #00000040}.chatbot__button{display:flex;justify-content:center}#cropper-container{display:none;margin-bottom:1.5rem;position:relative;max-width:100%;max-height:600px;overflow:hidden}#cropper-image{display:block;width:100%;height:auto;max-height:600px;border:var(--chat-border);object-fit:contain}#crop-confirm{margin-top:1rem}.poster-frame.fancy-frame{position:relative;display:inline-block;padding:2rem;background-color:var(--color-white);border:6px solid var(--frame-border-color);box-shadow:0 10px 25px #00000026,inset 0 2px 5px #ffffff0a,inset 0 -3px 6px #00000014;transition:transform var(--transition-med),box-shadow var(--transition-med)}.poster-frame.fancy-frame:hover{transform:scale(1.01)}#poster-preview-img{display:none;width:320px;max-width:100%;aspect-ratio:2 / 3;height:auto;object-fit:cover;border:4px solid var(--color-white);box-shadow:0 0 20px #0003,0 0 40px #0000001a;position:relative;cursor:zoom-in;transition:all var(--transition-med)}.poster-frame.fancy-frame,#poster-preview-img{opacity:0;transform:scale(.96)}.poster-frame.fancy-frame.show,#poster-preview-img.show{opacity:1;transform:scale(1)}#upload-description-field,#upload-email-field,#generated-email-field{margin-top:1.25rem;display:none;text-align:left}#upload-field,#upload-field .field__input{border:none!important;background:transparent!important;box-shadow:none!important}.image-modal{display:none;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#1e1e1ef2;align-items:center;justify-content:center;padding:2rem}.image-modal.show{display:flex}.modal-img{max-width:90%;max-height:90%;box-shadow:0 0 30px #000000bf;border:6px solid var(--color-white);background:var(--color-white);object-fit:contain}.modal-close{position:absolute;top:2rem;right:3rem;font-size:3rem;color:var(--color-white);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.modal-close:hover{opacity:.6}.button-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 1023px){.poster-preview{order:1}.chat-ui-left{order:2}.chat-ui-wrapper{flex-direction:column;align-items:stretch;padding:0;gap:2rem}.chat-ui-left,.poster-preview{width:100%;max-width:100%;margin:0}.chat-content{min-height:200px;padding:0;background-color:var(--color-white);box-shadow:0 2px 8px #0000000a;border-radius:.5rem;overflow:visible;max-height:none}#chat-form{position:static!important;background:transparent!important;padding:0!important;z-index:auto!important;border-top:0!important}.preview-panel{padding:0;overflow:visible;max-height:none}.button{width:100%;padding:1.25rem;font-size:1.6rem}#poster-preview-img{display:block;width:100%;max-width:320px;aspect-ratio:2 / 3;height:auto;margin:0 auto}#cropper-container{overflow:visible;max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-chatbot.css.map */