body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--orange-primary:#af00bd;--orange-secondary:#e827f9;--orange-dark:#af00bd;--light-pink:#ffd2f2;--light-gray:#ffa8f642;--mid-gray:#e0e0e0;--dark-gray:#666;--text-color:#333;--error-color:#d32f2f;--border-radius:6px;--box-shadow:0 2px 5px #0000001a;--transition:all 0.3s ease}#app-root{position:relative}.header{align-items:center;display:flex;margin-bottom:20px;padding-bottom:15px}#container{background-color:#fff;background-image:url(/static/media/bg-6.b2b9716ff4a0ab3a1705.png);border:none;margin:0 auto;max-width:900px;padding:20px}.section{background-color:initial;background:none;display:block;padding:0;width:100%}.section .section-container{display:block;margin:10px 0;position:relative;width:100%}.bg-red{background-color:blue}.section .sectionContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;position:relative;width:100%}.section-item{display:block;margin:10px 0;width:45%}.section-item .input-item{border:2px solid grey;border-radius:10px;height:35px;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.m-left{margin-left:.5%}.section-item .input-item input,.section-item .input-item select{border:none;height:100%;margin:0;padding:3px;position:relative;width:100%}.available-fields option:nth-child(2n){background-color:#ffd2f2;background-color:var(--light-pink)}.available-fields option:nth-child(odd){background-color:#e0e0e0;background-color:var(--mid-gray)}.available-fields .field-chip{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--mid-gray);border-radius:20px;cursor:pointer;display:inline-flex;font-size:13px;padding:2px 10px;transition:all .3s ease;transition:var(--transition)}.available-fields option:hover{background-color:#e827f9;background-color:var(--orange-secondary);border-color:#af00bd;border-color:var(--orange-primary)}.left{text-align:left}.right{text-align:right}.right-icone{align-self:right;text-align:left}.align-right{align-items:center;display:flex;float:none;justify-content:flex-end}.section-item{position:relative;z-index:0}.section-item .available-fields{position:relative;z-index:2}.label-message{bottom:0;float:left;font-weight:700;left:0;margin-bottom:-8%}.champsPerso{bottom:0;float:right;right:0;text-align:left}.champsPerso .available-fields{pointer-events:auto;position:relative;z-index:1}.message-area{position:relative}.section-container textarea{border:2px solid grey;border-radius:10px;font-size:16px;min-height:20vh;padding:10px;position:relative;text-align:left;width:97.5%}.error{color:red;font-size:13px;margin-top:5px;text-align:left}#messageContentError{text-align:center;width:100%}.detailsms{color:#000;font-size:13px;font-weight:700;margin-top:5px;text-align:right}.textlenght{color:#af00bd;color:var(--orange-primary);font-size:12px;margin:0;padding:0}.nbsms{color:#000;font-weight:700;margin-left:2px}.btn-section{text-align:center;width:100%}.btn-section .preview-button{background-color:#f5f5f5;border:4px solid #af00bd;border:4px solid var(--orange-primary);border-radius:10rem;color:#000;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin:4px 2px 10px;padding:10px 20px;text-align:center;text-decoration:none;width:30%}.sms-preview{background:#f9fbff00;border:1px solid #e9edf3;border-radius:12px;color:#0b1324;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans;line-height:1.45;max-height:40vh;min-height:110px;overflow:auto;padding:14px 16px;white-space:pre-wrap}.modal-actions{margin-top:16px}.phone-mock{aspect-ratio:330/660;background:url(/static/media/preview.1a961e11dd065bda068e.png) 50%/contain no-repeat;margin:0 auto;position:relative;width:min(300px,80vw)}.phone-stage{bottom:10%;display:flex;flex-direction:column;gap:8px;left:7%;overflow:hidden;padding:8px 4px;position:absolute;right:7%;top:15%}.bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 1px .5px #00000014;font-size:14px;line-height:1.38;max-width:82%;padding:10px 12px;text-align:left;white-space:pre-wrap}.bubble.sent{align-self:flex-end;background:#34c759;border-bottom-right-radius:4px;color:#fff}.bubble.received{align-self:flex-start;background:#e9e9eb;border-bottom-left-radius:4px;color:#111;position:relative}.bubble.received:after{background:#e9e9eb;border:6px solid #0000;border-bottom:0;border-left:0;bottom:-10px;content:"";filter:drop-shadow(0 1px 0 rgba(0,0,0,.04));height:0;left:0;left:8px;position:absolute;transform:translateY(-100%) rotate(45deg);width:0}.bubble-meta{align-self:flex-end;color:#00000073;font-size:11px;margin-right:4px}.modal-backdrop{align-items:center;animation:modalFadeIn .3s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040b1a00;border:none;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal{animation:modalSlideIn .3s ease-out forwards;background:#fff0;border:none;border-radius:16px;max-width:640px;padding:24px;width:92vw}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.modal-title{align-items:center;background-color:#fff;border-top-left-radius:6px;border-top-right-radius:6px;box-shadow:0 10px 30px #0003;color:#000;display:flex;justify-content:space-between;margin:2px;padding:5px}.btn-close{background:#0000;border:none;cursor:pointer;font-size:15px}
/*# sourceMappingURL=main.e4695476.css.map*/