.sidebar__link{color:inherit;text-decoration:none}.logout{bottom:2rem;position:absolute!important}.tools__modal{position:absolute;right:1rem;top:5rem}.tools__modal>button{background:none;border:none}.tools__modal-icon{border-radius:50%;transition:background 1s ease-in-out;transition:rotate 8s ease-in-out}.tools__modal-icon:hover{background:#e7e7e7;rotate:1turn}.tools__container{background:#f5f5f5;border:1px solid #cacaca;border-radius:1rem;padding:1rem .5rem;position:absolute;right:0;scale:0;text-align:center;transition:all .1s ease-in-out;width:180px;z-index:100}.tools__container-header{font-size:16px;margin-bottom:1rem}.tools__container-table{-webkit-columns:2;column-count:2}.tools__checkbox{border:1px solid #111;font-size:18px;margin:2px;text-align:center}.show{display:block;scale:1}#get-button{background:#79e4ff;font-weight:700;margin:0 .3rem;padding:.3rem .8rem}#get-button,.button-save{border-radius:.5rem;font-size:18px}.button-save{background:#3edab8;margin:1rem auto 0;padding:.2rem 1rem}.button-save:hover{color:#000;opacity:.8}#get-button:hover{color:#242424;opacity:.8}.preview__template-input{border-radius:.5rem;font-size:16px;padding:.3rem .8rem}@media (prefers-color-scheme:dark){.w-tc-editor{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}}@media (prefers-color-scheme:light){.w-tc-editor{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}}.w-tc-editor[data-color-mode*=dark],[data-color-mode*=dark] .w-tc-editor,[data-color-mode*=dark] .w-tc-editor-var,body[data-color-mode*=dark]{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}.w-tc-editor[data-color-mode*=light],[data-color-mode*=light] .w-tc-editor,[data-color-mode*=light] .w-tc-editor-var,body[data-color-mode*=light]{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}.w-tc-editor{background-color:var(--color-canvas-subtle);color:var(--color-fg-default);font-family:inherit;font-size:12px}.w-tc-editor-preview,.w-tc-editor-text{min-height:16px}.w-tc-editor-preview pre{font-family:inherit;font-size:inherit;margin:0;padding:0;white-space:inherit}.w-tc-editor-preview pre code{font-family:inherit}.w-tc-editor code[class*=language-] .token.cdata,.w-tc-editor code[class*=language-] .token.comment,.w-tc-editor code[class*=language-] .token.doctype,.w-tc-editor code[class*=language-] .token.prolog,.w-tc-editor pre[class*=language-] .token.cdata,.w-tc-editor pre[class*=language-] .token.comment,.w-tc-editor pre[class*=language-] .token.doctype,.w-tc-editor pre[class*=language-] .token.prolog{color:var(--color-prettylights-syntax-comment)}.w-tc-editor code[class*=language-] .token.punctuation,.w-tc-editor pre[class*=language-] .token.punctuation{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.w-tc-editor code[class*=language-] .namespace,.w-tc-editor pre[class*=language-] .namespace{opacity:.7}.w-tc-editor code[class*=language-] .token.boolean,.w-tc-editor code[class*=language-] .token.constant,.w-tc-editor code[class*=language-] .token.deleted,.w-tc-editor code[class*=language-] .token.number,.w-tc-editor code[class*=language-] .token.symbol,.w-tc-editor pre[class*=language-] .token.boolean,.w-tc-editor pre[class*=language-] .token.constant,.w-tc-editor pre[class*=language-] .token.deleted,.w-tc-editor pre[class*=language-] .token.number,.w-tc-editor pre[class*=language-] .token.symbol{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .style .token.string,.w-tc-editor code[class*=language-] .token.builtin,.w-tc-editor code[class*=language-] .token.char,.w-tc-editor code[class*=language-] .token.entity,.w-tc-editor code[class*=language-] .token.inserted,.w-tc-editor code[class*=language-] .token.operator,.w-tc-editor code[class*=language-] .token.property,.w-tc-editor code[class*=language-] .token.selector,.w-tc-editor code[class*=language-] .token.string,.w-tc-editor code[class*=language-] .token.url,.w-tc-editor pre[class*=language-] .style .token.string,.w-tc-editor pre[class*=language-] .token.builtin,.w-tc-editor pre[class*=language-] .token.char,.w-tc-editor pre[class*=language-] .token.entity,.w-tc-editor pre[class*=language-] .token.inserted,.w-tc-editor pre[class*=language-] .token.operator,.w-tc-editor pre[class*=language-] .token.property,.w-tc-editor pre[class*=language-] .token.selector,.w-tc-editor pre[class*=language-] .token.string,.w-tc-editor pre[class*=language-] .token.url{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.atrule,.w-tc-editor code[class*=language-] .token.keyword,.w-tc-editor code[class*=language-] .token.property-access .token.method,.w-tc-editor pre[class*=language-] .token.atrule,.w-tc-editor pre[class*=language-] .token.keyword,.w-tc-editor pre[class*=language-] .token.property-access .token.method{color:var(--color-prettylights-syntax-keyword)}.w-tc-editor code[class*=language-] .token.function,.w-tc-editor pre[class*=language-] .token.function{color:var(--color-prettylights-syntax-string)}.w-tc-editor code[class*=language-] .token.important,.w-tc-editor code[class*=language-] .token.regex,.w-tc-editor code[class*=language-] .token.variable,.w-tc-editor pre[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.regex,.w-tc-editor pre[class*=language-] .token.variable{color:var(--color-prettylights-syntax-string-regexp)}.w-tc-editor code[class*=language-] .token.bold,.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.bold,.w-tc-editor pre[class*=language-] .token.important{color:var(--color-prettylights-syntax-markup-bold)}.w-tc-editor code[class*=language-] .token.tag,.w-tc-editor pre[class*=language-] .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.attr-name,.w-tc-editor code[class*=language-] .token.attr-value,.w-tc-editor pre[class*=language-] .token.attr-name,.w-tc-editor pre[class*=language-] .token.attr-value{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.class-name,.w-tc-editor code[class*=language-] .token.selector .class,.w-tc-editor pre[class*=language-] .token.class-name,.w-tc-editor pre[class*=language-] .token.selector .class{color:var(--color-prettylights-syntax-entity)}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}.error{color:#ff5858;font-size:1rem;font-weight:700}h1{text-align:center}h1,p{margin:0;padding:0}h1{margin:.5em auto}h1 img{max-height:1em}form>input{display:block;margin:1em auto;width:100%}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.query-data{border:1px solid #000;border-radius:5px;margin:10px 15px;padding:15px}.template-data{border:1px solid #cecece;margin:10px 0;max-width:1800px;min-width:300px;padding:10px;transition:all 1s ease-out;width:100%}.title{font-weight:500;margin:0;padding:0;text-align:center;text-transform:capitalize}.block button{display:block}table,td,tr{border:1px solid #000}th{min-width:90px;padding:5px}.news-block{border:1px solid #000;border-radius:5px;margin:10px 15px;min-width:300px;padding:15px}.sent-news{border:1px solid green;margin:15px 10px;padding:5px 10px}.info{margin:1em auto}.content,.subject{margin:0 1em}.subject{border:1px solid #000;padding:5px 10px;text-align:left}.templates{display:flex;flex-direction:row;gap:1em}.mobile-container{align-items:center;background:url(https://thiscrm.co/upload/images/superGra/winners/image%20109.png) no-repeat;background-size:cover;display:flex;justify-content:center;padding:20px 16px 18px 19px}.mobile-container div{border-radius:35px;height:710px;margin:0 0 30px;overflow:hidden;width:324px}.desktop iframe{border-radius:0;overflow:hidden}.container .info form table{border-radius:5px;padding:10px 0;width:100%}.container .info form table tr td textarea,.input{width:100%}.container .info form table>tr,td,th{border:none;min-width:0;min-width:auto;padding:3px 10px 0}.footer-page .container{border:1px solid #000;display:flex;justify-content:center;margin-bottom:.5em}.template-data h3{border:1px solid #000;margin:0;padding:0}.template-data{border-radius:5px}.desktop{margin:1em auto;max-width:700px}.desktop,.mobile{border:3px #a09a9a;border-radius:5px}.mobile{font-weight:500;margin:1em;max-width:420px;min-width:324px}.desktop>p,.mobile>p{background-color:#ccdbdb;margin:0}.header{align-items:center;display:flex;position:relative}.header span{background:#8ec2ff;border-radius:50%;font-weight:700;left:10px;padding:5px 10px;position:absolute}.header p{font-size:1.5em;font-weight:700;margin:.5em;padding-left:40px}.footers-preview h3{background-color:#8ec2ff;border-radius:5px;font-size:1.5em}.template-header{border:.5px solid #111;margin:0;padding:10px;text-align:left}.container .info{width:350px}.container .info h4{background:#e9fef7;margin:0;padding:15px}.container .info form{margin:1em .5em}.container .info form label{margin:10px 5px 5px;width:100%}.container .info form div{margin:auto}.container .info form div label{box-sizing:border-box;display:inline-block;margin:3px 0;text-align:left;width:100%}.html-label{color:#333;font-size:10px;margin:10px 5px 5px;width:100%}.html-textarea{min-height:200px;width:100%}.preview__container{display:flex;flex-direction:row;gap:15px;justify-content:center}.preview__info{max-width:390px}.preview__info>div{background:#e7f5ff;border:1px solid #333;margin:5px auto;padding:10px 0;width:100%}.preview__html-label{color:#333;display:block;font-size:12px;font-weight:700;width:100%}.preview__html-textarea{min-height:400px;width:100%}.template-previews .preview__html-textarea{min-height:250px!important}.container .info form textarea{min-height:100px;width:100%}.container .info form label{color:#333;font-size:10px}label input{margin:5px;width:95%}#template-id{max-width:120px}.update__container{align-items:flex-start;display:flex;flex-direction:row;justify-content:center}.update__log{opacity:0;text-align:center;width:100%}.update__button{background-color:#7fffd4;border-radius:8px;font-size:18px;font-weight:700;padding:.5em 1em}.update__button:hover{background-color:#71e7c0}.update__log-content{margin:1em;padding:0;text-align:left}.update__log-string{margin:1rem}.template{position:relative}.container{border:1px solid #000;display:flex;gap:1rem;margin-bottom:.5em;padding:0 1rem;text-align:center}.template>.info>.arrow{color:#c5c5c5;position:absolute;right:20px;top:10px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.template>.info{background-color:#ececec;border:1px solid #c3c3c3;border-radius:5px;margin:0;min-width:50vw;padding:1em 20px;position:relative;text-align:left}.template>.info>p{text-align:left}.template>.info>.arrow:hover{color:#5c5c5c;cursor:pointer}.template .content{transition:all 1s ease-out}.template-page .template-data{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);text-align:center}.preview-button{background:url(https://thiscrm.co/upload/images/supergra/test/preview.png) 50% no-repeat;background-size:cover;color:#111;display:inline-block;font-size:12px;font-weight:500;margin:0 5px;padding:5px 6px 0;text-align:center;text-decoration:none;transition:all .1s ease-out}.preview-button:hover{scale:150%}@media (max-width:2200px){.template-page .template-data{align-items:center;display:Flex;flex-direction:column;justify-content:center}}.show-preview-button{background:#eee;border:1px solid transparent!important;position:fixed!important;right:2rem;top:5rem;transition:all .3s ease-in-out!important;z-index:100}.key-value{border:1px solid rgba(0,0,0,.3);border-radius:4px;color:rgba(0,0,0,.6);display:inline-block;margin:.5rem;padding:.4rem;position:relative;text-align:center;width:10%}.key-value:before{color:rgba(0,0,0,.5);content:"Key";font-size:12px;padding:0 3px;top:-.7rem}.key-value:before,.modal{background:#fff;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.modal{border:2px solid #000;box-shadow:2px 4px 16px #333;max-height:90vh;max-width:100vw;overflow:auto;padding:2em;top:5%}
/*# sourceMappingURL=main.f9463b8c.css.map*/