Altair200333

apollo

Apr 5th, 2023
228
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.56 KB | None | 0 0
  1. .ql-toolbar.ql-snow{
  2.   border-top:1px solid var(--color-gray-4);
  3.   margin-top:-1px
  4. }
  5. .ql-toolbar.ql-snow .ql-stroke{
  6.   stroke:#9daabf !important
  7. }
  8. .ql-disabled .ql-editor{
  9.   background:var(--color-gray-6) !important
  10. }
  11. .ql-disabled .ql-editor{
  12.   cursor:not-allowed
  13. }
  14. .flex-v .quill-editor{
  15.   flex:1;
  16.   display:flex;
  17.   flex-flow:column nowrap;
  18.   height:100%
  19. }
  20. .flex-v .quill-editor .ql-tooltip{
  21.   z-index:100
  22. }
  23. .ql-container.ql-snow .ql-editor{
  24.   width:100%
  25. }
  26. .ql-container.ql-snow.borderless{
  27.   border-top:0;
  28.   border-top:initial;
  29.   border-right:0;
  30.   border-right:initial;
  31.   border-left:0;
  32.   border-left:initial;
  33.   border-bottom:0;
  34.   border-bottom:initial
  35. }
  36. .ql-tooltip{
  37.   z-index:1
  38. }
  39. .x_JwM_4{
  40.   cursor:not-allowed !important
  41. }
  42. .x_R6JFU{
  43.   position:relative
  44. }
  45. .x_R6JFU,.x_R6JFU>div:first-child{
  46.   height:100%
  47. }
  48. .x_R6JFU .x_HGZ_H{
  49.   margin-top:12px;
  50.   margin-left:12px
  51. }
  52. .x_R6JFU .x_HGZ_H.x_IvHeo{
  53.   position:absolute;
  54.   margin:0;
  55.   bottom:1px;
  56.   left:1px;
  57.   width:98%;
  58.   padding:6px 0 12px 12px;
  59.   background-color:var(--color-white)
  60. }
  61. .x_TKdR1{
  62.   background-color:var(--color-bg-main);
  63.   border:solid 1px var(--color-gray-4);
  64.   border-top-width:0;
  65.   border-bottom-left-radius:5px;
  66.   border-bottom-right-radius:5px
  67. }
  68. html[data-apolloio=true],.apolloio-css-vars-reset{
  69.   --color-water-light: #8cccfa;
  70.   --color-tree-light: #e8fdf8;
  71.   --color-bamboo-medium: #f0a90b;
  72.   --color-steel: #dee5ed;
  73.   --color-steel-dark: #d3dae3;
  74.   --color-steel-light: #e4eaf0;
  75.   --color-snow: #eff3f7;
  76.   --color-snow-dark: #e8eef4;
  77.   --color-snow-light: #f7f9fb;
  78.   --color-white: #fff;
  79.   --color-black: #000;
  80.   --color-text-normal: #242d3e;
  81.   --color-text-light: #949fb1;
  82.   --color-text-placeholder: #e8eef4;
  83.   --color-text-labels: #5d6a7e;
  84.   --color-text-links: #1991eb;
  85.   --color-bg-main: #fff;
  86.   --color-bg-secondary: #f7f9fb;
  87.   --color-bg-selected: #8cccfa;
  88.   --color-border-light: #e8eef4;
  89.   --color-border-normal: #d3dae3;
  90.   --color-border-darker: #949fb1;
  91.   --color-border-focused: #1991eb;
  92.   --color-border-error: #e33614;
  93.   --color-ui-primary: #1991eb;
  94.   --color-ui-primary-hover: #0070ca;
  95.   --color-ui-primary-dark: #005da2;
  96.   --color-ui-primary-disabled: #8cccfa;
  97.   --color-ui-secondary: #e8eef4;
  98.   --color-ui-secondary-hover: #d3dae3;
  99.   --color-ui-negative: #ec4d2e;
  100.   --color-ui-negative-hover: #e33614;
  101.   --color-ui-negative-disabled: #ff8a73;
  102.   --color-icon-normal: #5d6a7e;
  103.   --color-icon-light: #949fb1;
  104.   --color-icon-selected: #0070ca;
  105.   --color-icon-inverted: #fff;
  106.   --color-chip-primary: #8cccfa;
  107.   --color-chip-negative: #ec4d2e;
  108.   --color-chip-neutral: #e8eef4;
  109.   --color-blue-1: #1991eb;
  110.   --color-blue-2: #0070ca;
  111.   --color-blue-3: #005da2;
  112.   --color-blue-4: #8cccfa;
  113.   --color-blue-5: #e5f3fd;
  114.   --color-blue-6: #dbe8fd;
  115.   --color-blue-7: #0b5073;
  116.   --color-blue-8: #e7f6fe;
  117.   --color-blue-9: #1d81b2;
  118.   --color-blue-10: #e7f6fe;
  119.   --color-bm-1: #02101a;
  120.   --color-bm-2: #07304e;
  121.   --color-bm-3: #0b4f82;
  122.   --color-bm-4: #106fb6;
  123.   --color-bm-5: #1991eb;
  124.   --color-bm-6: #49a8ef;
  125.   --color-bm-7: #7dc1f4;
  126.   --color-bm-8: #b1daf8;
  127.   --color-bm-9: #e5f3fd;
  128.   --color-green-1: #02c797;
  129.   --color-green-2: #00b084;
  130.   --color-green-3: #008d68;
  131.   --color-green-4: #6ae2c5;
  132.   --color-green-5: #0b733f;
  133.   --color-green-6: #ecfef5;
  134.   --color-green-7: #3dcc84;
  135.   --color-red-1: #ec4d2e;
  136.   --color-red-2: #ff8a73;
  137.   --color-red-3: #e33614;
  138.   --color-red-4: #ac1d01;
  139.   --color-red-5: #fef5f3;
  140.   --color-red-6: #fff8f7;
  141.   --color-red-7: #730b3f;
  142.   --color-red-8: #ffedf6;
  143.   --color-red-9: #f26186;
  144.   --color-red-10: #fff2e9;
  145.   --color-red-11: #b2591d;
  146.   --color-brown-1: #73570b;
  147.   --color-brown-2: #fef8e7;
  148.   --color-orange-1: #ff7800;
  149.   --color-orange-2: #ffbf8e;
  150.   --color-orange-3: #e87014;
  151.   --color-orange-4: #ff8e38;
  152.   --color-yellow-1: #f7bf47;
  153.   --color-yellow-2: #ffda8c;
  154.   --color-yellow-3: #e9a920;
  155.   --color-yellow-4: #fecf40;
  156.   --color-gray-1: #242d3e;
  157.   --color-gray-2: #5d6a7e;
  158.   --color-gray-3: #949fb1;
  159.   --color-gray-4: #d3dae3;
  160.   --color-gray-5: #e8eef4;
  161.   --color-gray-6: #f7f9fb;
  162.   --color-purple-1: #6200ed;
  163.   --color-purple-2: #3d1db2;
  164.   --color-purple-3: #f2eeff;
  165.   --color-purple-4: #9d84f0;
  166.   --color-purple-5: #362277
  167. }
  168. html[data-apolloio=true],.apolloio-css-vars-reset{
  169.   --space-1: 2px;
  170.   --space-2: 4px;
  171.   --space-3: 6px;
  172.   --space-4: 8px;
  173.   --space-5: 10px;
  174.   --space-6: 12px;
  175.   --space-7: 14px;
  176.   --space-8: 16px;
  177.   --space-9: 20px;
  178.   --space-10: 24px;
  179.   --space-11: 32px;
  180.   --space-12: 40px;
  181.   --space-13: 48px;
  182.   --space-14: 64px;
  183.   --space-15: 80px;
  184.   --space-16: 100px;
  185.   --space-17: 120px
  186. }
  187. html[data-apolloio=true],.apolloio-css-vars-reset{
  188.   --shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  189.   --shadow-2: 0 4px 9px rgba(0, 0, 0, 0.09);
  190.   --shadow-3: 0 5px 12px rgba(0, 0, 0, 0.12);
  191.   --shadow-4: 0 3px 20px rgba(0, 0, 0, 0.1)
  192. }
  193. html[data-apolloio=true],.apolloio-css-vars-reset{
  194.   --font-weight-semibold: 600;
  195.   --font-size-jumbo: 18px
  196. }
  197. {
  198.   /*! * Quill Editor v1.2.2 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */
  199. }
  200. .linkedin-overlay-container,.zp-overlay{
  201.   width:auto
  202. }
  203. .extension-quick-actions .zp-button{
  204.   min-height:26px;
  205.   line-height:1
  206. }
  207. .zp-modal{
  208.   position:fixed;
  209.   top:0;
  210.   right:0;
  211.   bottom:0;
  212.   left:0;
  213.   z-index:20000;
  214.   outline:0;
  215.   -webkit-overflow-scrolling:touch;
  216.   display:flex;
  217.   align-items:center;
  218.   justify-content:center
  219. }
  220. .zp-modal-scroll{
  221.   position:fixed;
  222.   top:0;
  223.   right:0;
  224.   bottom:0;
  225.   left:0;
  226.   z-index:20000;
  227.   overflow-y:auto
  228. }
  229. .zp-modal-scroll:focus{
  230.   outline:none
  231. }
  232. .hideSideDrawerScroll{
  233.   overflow-y:hidden
  234. }
  235. .zp-modal-center{
  236.   position:fixed;
  237.   right:0;
  238.   left:0;
  239.   z-index:20000;
  240.   overflow-y:auto;
  241.   top:50%;
  242.   transform:translateY(-50%)
  243. }
  244. .zp-modal-center:focus{
  245.   outline:none
  246. }
  247. .zp-modal-content{
  248.   box-shadow:var(--shadow-2);
  249.   position:relative;
  250.   border-radius:4px;
  251.   background-clip:padding-box;
  252.   background-color:#fff;
  253.   outline:0;
  254.   --modal-content-margin-top: 30px;
  255.   --modal-content-margin-bottom: 30px;
  256.   margin:var(--modal-content-margin-top) auto var(--modal-content-margin-bottom)
  257. }
  258. .zp-modal-content.narrowWidth{
  259.   width:325px;
  260.   min-width:300px
  261. }
  262. .zp-modal-content.smallWidth{
  263.   width:500px
  264. }
  265. .zp-modal-content.mediumWidth{
  266.   width:656px
  267. }
  268. .zp-modal-content.wideWidth{
  269.   width:900px
  270. }
  271. .zp-modal-content.ultraWideWidth{
  272.   width:1200px
  273. }
  274. .zp-modal-content.sidebar{
  275.   width:1000px;
  276.   height:100%;
  277.   margin:0 0 0 auto
  278. }
  279. @media(max-width: 660px){
  280.   .zp-modal-content.responsive{
  281.       margin:0;
  282.       height:100%;
  283.       display:flex;
  284.       flex-flow:column
  285.   }
  286. }
  287. .zp-modal-content.responsive.narrowWidth{
  288.   width:auto;
  289.   max-width:325px
  290. }
  291. .zp-modal-content.responsive.smallWidth{
  292.   width:auto;
  293.   max-width:500px
  294. }
  295. .zp-modal-content.responsive.mediumWidth{
  296.   width:auto;
  297.   max-width:656px
  298. }
  299. .zp-modal-content.responsive.wideWidth{
  300.   width:auto;
  301.   max-width:900px
  302. }
  303. .zp-modal-content.responsive.ultraWideWidth{
  304.   width:auto;
  305.   max-width:1200px
  306. }
  307. .zp-modal-content.responsive.sidebarWidth{
  308.   width:1000px
  309. }
  310. @media(max-width: 600px){
  311.   .zp-modal-content{
  312.       min-width:100%;
  313.       width:50%;
  314.       max-width:1000px
  315.   }
  316. }
  317. .zp-modal-backdrop{
  318.   position:fixed;
  319.   top:0;
  320.   right:0;
  321.   bottom:0;
  322.   left:0;
  323.   z-index:19999;
  324.   background-color:var(--color-gray-1);
  325.   opacity:.8
  326. }
  327. .zp-modal-header{
  328.   position:relative;
  329.   display:flex;
  330.   flex-flow:row nowrap;
  331.   align-items:center;
  332.   justify-content:space-between;
  333.   padding:15px 20px;
  334.   background-color:#fff;
  335.   z-index:1;
  336.   border-top-left-radius:4px;
  337.   border-top-right-radius:4px
  338. }
  339. .zp-modal-header .zp-modal-title{
  340.   font-size:16px;
  341.   font-weight:600;
  342.   color:#242d3e;
  343.   line-height:24px;
  344.   margin:0
  345. }
  346. .zp-modal-body{
  347.   font-size:12px;
  348.   font-weight:400;
  349.   position:relative;
  350.   display:flex;
  351.   flex-flow:column;
  352.   flex:1;
  353.   background-color:#fff;
  354.   padding:20px;
  355.   color:#5d6a7e;
  356.   line-height:21px
  357. }
  358. .zp-modal-body .zp-modal-body-bleed-h{
  359.   padding-left:20px;
  360.   padding-right:20px;
  361.   margin-left:-20px;
  362.   margin-right:-20px
  363. }
  364. .zp-modal-body.no-padding{
  365.   padding:0;
  366.   padding:initial
  367. }
  368. .zp-modal-body:first-child{
  369.   border-top-left-radius:4px;
  370.   border-top-right-radius:4px
  371. }
  372. .zp-modal-body:last-child{
  373.   border-bottom-left-radius:4px;
  374.   border-bottom-right-radius:4px
  375. }
  376. .zp-modal-footer{
  377.   position:relative;
  378.   display:flex;
  379.   flex-flow:row nowrap;
  380.   align-items:center;
  381.   padding:15px 20px;
  382.   background-color:#fff;
  383.   border-top:1px solid var(--color-gray-5);
  384.   z-index:1;
  385.   border-bottom-left-radius:4px;
  386.   border-bottom-right-radius:4px
  387. }
  388. .zp-modal-footer .zp-button:first-child{
  389.   margin-right:10px
  390. }
  391. .modalFooterShiftRight{
  392.   justify-content:flex-end
  393. }
  394. .secondary .zp-modal-header{
  395.   background-color:#fff
  396. }
  397. .secondary .zp-modal-header .zp-modal-title{
  398.   color:var(--color-gray-1)
  399. }
  400. .secondary .zp-modal-content,.secondary .zp-modal-body{
  401.   background-color:#f7f9fb
  402. }
  403. .secondary .zp-modal-footer{
  404.   background-color:#fff
  405. }
  406. .closeSideDrawer{
  407.   cursor:pointer;
  408.   color:#242d3e;
  409.   line-height:normal
  410. }
  411. .closeSideDrawer:hover,.closeSideDrawer:focus{
  412.   color:#949fb1
  413. }
  414. .close{
  415.   cursor:pointer;
  416.   color:var(--color-gray-2);
  417.   line-height:normal
  418. }
  419. .close:hover,.close:active{
  420.   background-color:var(--color-gray-5);
  421.   border-radius:2px
  422. }
  423. .close:hover{
  424.   color:var(--color-blue-1)
  425. }
  426. .close:active{
  427.   color:var(--color-blue-2)
  428. }
  429. .closeTopRight{
  430.   position:absolute;
  431.   top:22px;
  432.   right:22px
  433. }
  434. .zp-modal-sidebar{
  435.   display:none
  436. }
  437. .clampedModal>div{
  438.   max-height:calc(100vh - var(--modal-content-margin-top) - var(--modal-content-margin-bottom));
  439.   display:grid;
  440.   grid-template:"header header" max-content "sidebar body" 1fr "footer footer" max-content/max-content 1fr;
  441.   justify-items:stretch
  442. }
  443. .clampedModal .zp-modal-header{
  444.   grid-area:header
  445. }
  446. .clampedModal .zp-modal-sidebar{
  447.   grid-area:sidebar;
  448.   display:block;
  449.   overflow:auto;
  450.   width:311px
  451. }
  452. .clampedModal .zp-modal-body{
  453.   grid-area:body;
  454.   overflow:auto
  455. }
  456. .clampedModal .zp-modal-footer{
  457.   grid-area:footer
  458. }
  459. .zp{
  460.   background-image:none !important
  461. }
  462. .zp .underline{
  463.   border-bottom:1px dashed var(--color-gray-3);
  464.   margin-bottom:2px;
  465.   cursor:help
  466. }
  467. [dir="ltr"] .zp .tippy-content{
  468.   text-align:left
  469. }
  470. [dir="rtl"] .zp .tippy-content{
  471.   text-align:right
  472. }
  473. .zp .tippy-content{
  474.   font-family:"Inter","proxima nova","proxima-nova","Helvetica Neue","Helvetica",arial,sans-serif;
  475.   font-style:normal;
  476.   font-weight:normal;
  477.   letter-spacing:normal;
  478.   line-break:auto;
  479.   line-height:1.5;
  480.   text-decoration:none;
  481.   text-shadow:none;
  482.   text-transform:none;
  483.   white-space:normal;
  484.   word-break:normal;
  485.   word-spacing:normal;
  486.   word-wrap:normal;
  487.   font-size:12px;
  488.   font-weight:500;
  489.   text-align:center
  490. }
  491. .zp .tippy-arrow{
  492.   color:var(--color-gray-1) !important
  493. }
  494. .zp .tooltip{
  495.   background:var(--color-gray-1) !important;
  496.   outline:0 !important
  497. }
  498. .zp .tooltip{
  499.   display:inline-flex;
  500.   align-items:center;
  501.   justify-content:center;
  502.   border-radius:5px;
  503.   padding:0 6px;
  504.   max-width:360px
  505. }
  506. .zp .tooltip,.zp .tooltip>*{
  507.   white-space:pre-wrap
  508. }
  509. @media(max-width: 360px){
  510.   .zp .tooltip{
  511.       max-width:calc(100% - 20px) !important
  512.   }
  513.   .zp .tooltip{
  514.       margin-left:10px
  515.   }
  516.   .zp .tooltip *{
  517.       word-wrap:break-word !important
  518.   }
  519.   .zp .tooltip>div{
  520.       max-width:100% !important
  521.   }
  522. }
  523. .ql-container{
  524.   box-sizing:border-box;
  525.   font-size:14px;
  526.   font-weight:400;
  527.   font-feature-settings:none;
  528.   font-variant-ligatures:none;
  529.   height:100%;
  530.   margin:0;
  531.   position:relative
  532. }
  533. .ql-container .ql-editor{
  534.   box-sizing:border-box;
  535.   cursor:text;
  536.   line-height:1.42;
  537.   height:100%;
  538.   outline:none;
  539.   overflow-y:auto;
  540.   padding:12px 15px;
  541.   -moz-tab-size:4;
  542.   tab-size:4;
  543.   text-align:left;
  544.   white-space:pre-wrap;
  545.   word-wrap:break-word
  546. }
  547. .ql-container.ql-disabled .ql-tooltip{
  548.   visibility:hidden
  549. }
  550. .ql-container.ql-disabled .ql-editor ul[data-checked]>li::before{
  551.   pointer-events:none
  552. }
  553. .ql-clipboard{
  554.   left:-100000px;
  555.   height:1px;
  556.   overflow-y:hidden;
  557.   position:absolute;
  558.   top:50%
  559. }
  560. .ql-clipboard p{
  561.   margin:0;
  562.   padding:0
  563. }
  564. .ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{
  565.   counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
  566. }
  567. .ql-editor ol,.ql-editor ul{
  568.   padding-left:1.5em
  569. }
  570. .ql-editor ol>li,.ql-editor ul>li{
  571.   list-style-type:none
  572. }
  573. .ql-editor ul>li::before{
  574.   content:"•"
  575. }
  576. .ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{
  577.   pointer-events:none
  578. }
  579. .ql-editor ul[data-checked=true]>li::before,.ql-editor ul[data-checked=false]>li::before{
  580.   color:#777;
  581.   cursor:pointer;
  582.   pointer-events:all
  583. }
  584. .ql-editor ul[data-checked=true]>li::before{
  585.   content:"☑"
  586. }
  587. .ql-editor ul[data-checked=false]>li::before{
  588.   content:"☐"
  589. }
  590. .ql-editor li::before{
  591.   display:inline-block;
  592.   margin-right:.3em;
  593.   text-align:right;
  594.   white-space:nowrap;
  595.   width:1.2em
  596. }
  597. .ql-editor li:not(.ql-direction-rtl)::before{
  598.   margin-left:-1.5em
  599. }
  600. .ql-editor ol li,.ql-editor ul li{
  601.   padding-left:1.5em
  602. }
  603. .ql-editor ol li{
  604.   counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  605.   counter-increment:list-num
  606. }
  607. .ql-editor ol li::before{
  608.   content:counter(list-num, decimal) ". "
  609. }
  610. .ql-editor ol li.ql-indent-1{
  611.   counter-increment:list-1
  612. }
  613. .ql-editor ol li.ql-indent-1::before{
  614.   content:counter(list-1, lower-alpha) ". "
  615. }
  616. .ql-editor ol li.ql-indent-1{
  617.   counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
  618. }
  619. .ql-editor ol li.ql-indent-2{
  620.   counter-increment:list-2
  621. }
  622. .ql-editor ol li.ql-indent-2::before{
  623.   content:counter(list-2, lower-roman) ". "
  624. }
  625. .ql-editor ol li.ql-indent-2{
  626.   counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9
  627. }
  628. .ql-editor ol li.ql-indent-3{
  629.   counter-increment:list-3
  630. }
  631. .ql-editor ol li.ql-indent-3::before{
  632.   content:counter(list-3, decimal) ". "
  633. }
  634. .ql-editor ol li.ql-indent-3{
  635.   counter-reset:list-4 list-5 list-6 list-7 list-8 list-9
  636. }
  637. .ql-editor ol li.ql-indent-4{
  638.   counter-increment:list-4
  639. }
  640. .ql-editor ol li.ql-indent-4::before{
  641.   content:counter(list-4, lower-alpha) ". "
  642. }
  643. .ql-editor ol li.ql-indent-4{
  644.   counter-reset:list-5 list-6 list-7 list-8 list-9
  645. }
  646. .ql-editor ol li.ql-indent-5{
  647.   counter-increment:list-5
  648. }
  649. .ql-editor ol li.ql-indent-5::before{
  650.   content:counter(list-5, lower-roman) ". "
  651. }
  652. .ql-editor ol li.ql-indent-5{
  653.   counter-reset:list-6 list-7 list-8 list-9
  654. }
  655. .ql-editor ol li.ql-indent-6{
  656.   counter-increment:list-6
  657. }
  658. .ql-editor ol li.ql-indent-6::before{
  659.   content:counter(list-6, decimal) ". "
  660. }
  661. .ql-editor ol li.ql-indent-6{
  662.   counter-reset:list-7 list-8 list-9
  663. }
  664. .ql-editor ol li.ql-indent-7{
  665.   counter-increment:list-7
  666. }
  667. .ql-editor ol li.ql-indent-7::before{
  668.   content:counter(list-7, lower-alpha) ". "
  669. }
  670. .ql-editor ol li.ql-indent-7{
  671.   counter-reset:list-8 list-9
  672. }
  673. .ql-editor ol li.ql-indent-8{
  674.   counter-increment:list-8
  675. }
  676. .ql-editor ol li.ql-indent-8::before{
  677.   content:counter(list-8, lower-roman) ". "
  678. }
  679. .ql-editor ol li.ql-indent-8{
  680.   counter-reset:list-9
  681. }
  682. .ql-editor ol li.ql-indent-9{
  683.   counter-increment:list-9
  684. }
  685. .ql-editor ol li.ql-indent-9::before{
  686.   content:counter(list-9, decimal) ". "
  687. }
  688. .ql-editor .ql-indent-1:not(.ql-direction-rtl){
  689.   padding-left:3em
  690. }
  691. .ql-editor li.ql-indent-1:not(.ql-direction-rtl){
  692.   padding-left:4.5em
  693. }
  694. .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{
  695.   padding-right:3em
  696. }
  697. .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{
  698.   padding-right:4.5em
  699. }
  700. .ql-editor .ql-indent-2:not(.ql-direction-rtl){
  701.   padding-left:6em
  702. }
  703. .ql-editor li.ql-indent-2:not(.ql-direction-rtl){
  704.   padding-left:7.5em
  705. }
  706. .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{
  707.   padding-right:6em
  708. }
  709. .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{
  710.   padding-right:7.5em
  711. }
  712. .ql-editor .ql-indent-3:not(.ql-direction-rtl){
  713.   padding-left:9em
  714. }
  715. .ql-editor li.ql-indent-3:not(.ql-direction-rtl){
  716.   padding-left:10.5em
  717. }
  718. .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{
  719.   padding-right:9em
  720. }
  721. .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{
  722.   padding-right:10.5em
  723. }
  724. .ql-editor .ql-indent-4:not(.ql-direction-rtl){
  725.   padding-left:12em
  726. }
  727. .ql-editor li.ql-indent-4:not(.ql-direction-rtl){
  728.   padding-left:13.5em
  729. }
  730. .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{
  731.   padding-right:12em
  732. }
  733. .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{
  734.   padding-right:13.5em
  735. }
  736. .ql-editor .ql-indent-5:not(.ql-direction-rtl){
  737.   padding-left:15em
  738. }
  739. .ql-editor li.ql-indent-5:not(.ql-direction-rtl){
  740.   padding-left:16.5em
  741. }
  742. .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{
  743.   padding-right:15em
  744. }
  745. .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{
  746.   padding-right:16.5em
  747. }
  748. .ql-editor .ql-indent-6:not(.ql-direction-rtl){
  749.   padding-left:18em
  750. }
  751. .ql-editor li.ql-indent-6:not(.ql-direction-rtl){
  752.   padding-left:19.5em
  753. }
  754. .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{
  755.   padding-right:18em
  756. }
  757. .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{
  758.   padding-right:19.5em
  759. }
  760. .ql-editor .ql-indent-7:not(.ql-direction-rtl){
  761.   padding-left:21em
  762. }
  763. .ql-editor li.ql-indent-7:not(.ql-direction-rtl){
  764.   padding-left:22.5em
  765. }
  766. .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{
  767.   padding-right:21em
  768. }
  769. .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{
  770.   padding-right:22.5em
  771. }
  772. .ql-editor .ql-indent-8:not(.ql-direction-rtl){
  773.   padding-left:24em
  774. }
  775. .ql-editor li.ql-indent-8:not(.ql-direction-rtl){
  776.   padding-left:25.5em
  777. }
  778. .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{
  779.   padding-right:24em
  780. }
  781. .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{
  782.   padding-right:25.5em
  783. }
  784. .ql-editor .ql-indent-9:not(.ql-direction-rtl){
  785.   padding-left:27em
  786. }
  787. .ql-editor li.ql-indent-9:not(.ql-direction-rtl){
  788.   padding-left:28.5em
  789. }
  790. .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{
  791.   padding-right:27em
  792. }
  793. .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{
  794.   padding-right:28.5em
  795. }
  796. .ql-editor .ql-video{
  797.   display:block;
  798.   max-width:100%
  799. }
  800. .ql-editor .ql-video.ql-align-center{
  801.   margin:0 auto
  802. }
  803. .ql-editor .ql-video.ql-align-right{
  804.   margin:0 0 0 auto
  805. }
  806. .ql-editor .ql-bg-black{
  807.   background-color:#000
  808. }
  809. .ql-editor .ql-bg-red{
  810.   background-color:#e60000
  811. }
  812. .ql-editor .ql-bg-orange{
  813.   background-color:#f90
  814. }
  815. .ql-editor .ql-bg-yellow{
  816.   background-color:#ff0
  817. }
  818. .ql-editor .ql-bg-green{
  819.   background-color:#008a00
  820. }
  821. .ql-editor .ql-bg-blue{
  822.   background-color:#06c
  823. }
  824. .ql-editor .ql-bg-purple{
  825.   background-color:#93f
  826. }
  827. .ql-editor .ql-color-white{
  828.   color:#fff
  829. }
  830. .ql-editor .ql-color-red{
  831.   color:#e60000
  832. }
  833. .ql-editor .ql-color-orange{
  834.   color:#f90
  835. }
  836. .ql-editor .ql-color-yellow{
  837.   color:#ff0
  838. }
  839. .ql-editor .ql-color-green{
  840.   color:#008a00
  841. }
  842. .ql-editor .ql-color-blue{
  843.   color:#06c
  844. }
  845. .ql-editor .ql-color-water-medium{
  846.   color:#93f
  847. }
  848. .ql-editor .ql-font-serif{
  849.   font-family:Georgia,"Times New Roman",serif
  850. }
  851. .ql-editor .ql-font-monospace{
  852.   font-family:Monaco,"Courier New",monospace
  853. }
  854. .ql-editor .ql-size-small{
  855.   font-size:.75em
  856. }
  857. .ql-editor .ql-size-large{
  858.   font-size:1.5em
  859. }
  860. .ql-editor .ql-size-huge{
  861.   font-size:2.5em
  862. }
  863. .ql-editor .ql-direction-rtl{
  864.   direction:rtl;
  865.   text-align:inherit
  866. }
  867. .ql-editor .ql-align-center{
  868.   text-align:center
  869. }
  870. .ql-editor .ql-align-justify{
  871.   text-align:justify
  872. }
  873. .ql-editor .ql-align-right{
  874.   text-align:right
  875. }
  876. .ql-editor.ql-blank::before{
  877.   content:attr(data-placeholder);
  878.   pointer-events:none;
  879.   position:absolute;
  880.   color:var(--color-gray-3);
  881.   font-size:14px;
  882.   font-weight:500;
  883.   font-family:"Inter","proxima nova","proxima-nova","Helvetica Neue","Helvetica",arial,sans-serif;
  884.   font-style:normal
  885. }
  886. .ql-toolbar{
  887.   position:relative;
  888.   height:50px
  889. }
  890. @media(max-width: 660px){
  891.   .ql-toolbar{
  892.       height:auto
  893.   }
  894. }
  895. .ql-toolbar .zp-icon:hover{
  896.   color:var(--color-blue-2)
  897. }
  898. .ql-toolbar .zp-icon:active{
  899.   color:var(--color-blue-3)
  900. }
  901. .ql-snow.ql-toolbar::after{
  902.   display:none !important
  903. }
  904. .ql-snow.ql-toolbar button:not(.emailerPrimaryActionButton),.ql-snow .ql-toolbar button:not(.emailerPrimaryActionButton){
  905.   background:none;
  906.   cursor:pointer;
  907.   float:left;
  908.   padding:9px;
  909.   height:30px;
  910.   width:30px
  911. }
  912. .ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{
  913.   float:left;
  914.   height:17px;
  915.   width:17px
  916. }
  917. .ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{
  918.   outline:none
  919. }
  920. .ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{
  921.   display:none
  922. }
  923. .ql-snow.ql-toolbar button:hover:not(.emailerPrimaryActionButton),.ql-snow .ql-toolbar button:hover:not(.emailerPrimaryActionButton),.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{
  924.   color:#06c
  925. }
  926. .ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{
  927.   fill:#06c
  928. }
  929. .ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{
  930.   stroke:#06c
  931. }
  932. .ql-snow{
  933.   box-sizing:border-box
  934. }
  935. .ql-snow *{
  936.   box-sizing:border-box
  937. }
  938. .ql-snow .ql-hidden{
  939.   display:none
  940. }
  941. .ql-snow .ql-out-bottom,.ql-snow .ql-out-top{
  942.   visibility:hidden
  943. }
  944. .ql-snow .ql-tooltip{
  945.   position:absolute;
  946.   transform:translate(0, 5px)
  947. }
  948. .ql-snow .ql-tooltip a{
  949.   cursor:pointer;
  950.   text-decoration:none;
  951.   margin:8px;
  952.   vertical-align:middle
  953. }
  954. .ql-snow .ql-tooltip.ql-flip{
  955.   transform:translate(-10px, -5px)
  956. }
  957. .ql-snow .ql-formats{
  958.   display:inline-flex !important;
  959.   margin-right:0 !important
  960. }
  961. .ql-snow .ql-formats{
  962.   flex-flow:row nowrap;
  963.   align-items:center;
  964.   gap:8px
  965. }
  966. .ql-snow .ql-formats i.mdi{
  967.   cursor:pointer;
  968.   font-size:14px
  969. }
  970. .ql-snow .ql-stroke{
  971.   fill:none;
  972.   stroke:#444;
  973.   stroke-linecap:round;
  974.   stroke-linejoin:round;
  975.   stroke-width:2
  976. }
  977. .ql-snow .ql-stroke-miter{
  978.   fill:none;
  979.   stroke:#444;
  980.   stroke-miterlimit:10;
  981.   stroke-width:2
  982. }
  983. .ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{
  984.   fill:#444
  985. }
  986. .ql-snow .ql-empty{
  987.   fill:none
  988. }
  989. .ql-snow .ql-even{
  990.   fill-rule:evenodd
  991. }
  992. .ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{
  993.   stroke-width:1
  994. }
  995. .ql-snow .ql-transparent{
  996.   opacity:.4
  997. }
  998. .ql-snow .ql-direction svg:last-child{
  999.   display:none
  1000. }
  1001. .ql-snow .ql-direction.ql-active svg:last-child{
  1002.   display:inline
  1003. }
  1004. .ql-snow .ql-direction.ql-active svg:first-child{
  1005.   display:none
  1006. }
  1007. .ql-snow .ql-editor h1{
  1008.   font-size:2em
  1009. }
  1010. .ql-snow .ql-editor h2{
  1011.   font-size:1.5em
  1012. }
  1013. .ql-snow .ql-editor h3{
  1014.   font-size:1.17em
  1015. }
  1016. .ql-snow .ql-editor h4{
  1017.   font-size:1em
  1018. }
  1019. .ql-snow .ql-editor h5{
  1020.   font-size:.83em
  1021. }
  1022. .ql-snow .ql-editor h6{
  1023.   font-size:.67em
  1024. }
  1025. .ql-snow .ql-editor a{
  1026.   text-decoration:underline
  1027. }
  1028. .ql-snow .ql-editor blockquote{
  1029.   border-left:4px solid #ccc;
  1030.   margin-bottom:5px;
  1031.   margin-top:5px;
  1032.   padding-left:16px
  1033. }
  1034. .ql-snow .ql-editor code,.ql-snow .ql-editor pre{
  1035.   background-color:var(--color-gray-6);
  1036.   border-radius:3px
  1037. }
  1038. .ql-snow .ql-editor pre{
  1039.   white-space:pre-wrap;
  1040.   margin-bottom:5px;
  1041.   margin-top:5px;
  1042.   padding:5px 10px
  1043. }
  1044. .ql-snow .ql-editor code{
  1045.   font-size:85%;
  1046.   padding-bottom:2px;
  1047.   padding-top:2px
  1048. }
  1049. .ql-snow .ql-editor code::before,.ql-snow .ql-editor code::after{
  1050.   content:" 
  1051.  ";
  1052.   letter-spacing:-2px
  1053. }
  1054. .ql-snow .ql-editor pre.ql-syntax{
  1055.   background-color:transparent;
  1056.   background-color:initial;
  1057.   color:inherit;
  1058.   overflow:visible
  1059. }
  1060. .ql-snow .ql-editor img{
  1061.   max-width:100%
  1062. }
  1063. .ql-snow .ql-picker{
  1064.   color:#444;
  1065.   display:inline-block;
  1066.   float:left;
  1067.   font-size:14px;
  1068.   font-weight:500;
  1069.   height:24px;
  1070.   position:relative;
  1071.   vertical-align:middle
  1072. }
  1073. .ql-snow .ql-picker-label{
  1074.   cursor:pointer;
  1075.   display:inline-block;
  1076.   height:100%;
  1077.   padding-left:8px;
  1078.   padding-right:2px;
  1079.   position:relative;
  1080.   width:100%
  1081. }
  1082. .ql-snow .ql-picker-label::before{
  1083.   display:inline-block;
  1084.   line-height:22px
  1085. }
  1086. .ql-snow .ql-picker-options{
  1087.   background-color:#fff;
  1088.   display:none;
  1089.   min-width:100%;
  1090.   padding:4px 8px;
  1091.   position:absolute;
  1092.   white-space:nowrap
  1093. }
  1094. .ql-snow .ql-picker-options .ql-picker-item{
  1095.   cursor:pointer;
  1096.   display:block;
  1097.   padding-bottom:5px;
  1098.   padding-top:5px
  1099. }
  1100. .ql-snow .ql-picker.ql-expanded .ql-picker-label{
  1101.   color:#ccc;
  1102.   z-index:2
  1103. }
  1104. .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{
  1105.   fill:#ccc
  1106. }
  1107. .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{
  1108.   stroke:#ccc
  1109. }
  1110. .ql-snow .ql-picker.ql-expanded .ql-picker-options{
  1111.   display:block;
  1112.   margin-top:-1px;
  1113.   top:100%;
  1114.   z-index:1
  1115. }
  1116. .ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{
  1117.   width:28px
  1118. }
  1119. .ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{
  1120.   padding:2px 4px
  1121. }
  1122. .ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{
  1123.   right:4px
  1124. }
  1125. .ql-snow .ql-icon-picker .ql-picker-options{
  1126.   padding:4px 0
  1127. }
  1128. .ql-snow .ql-icon-picker .ql-picker-item{
  1129.   height:24px;
  1130.   width:24px;
  1131.   padding:2px 4px
  1132. }
  1133. .ql-snow .ql-color-picker .ql-picker-options{
  1134.   padding:3px 5px;
  1135.   width:152px
  1136. }
  1137. .ql-snow .ql-color-picker .ql-picker-item{
  1138.   border:1px solid rgba(0,0,0,0);
  1139.   float:left;
  1140.   height:16px;
  1141.   margin:2px;
  1142.   padding:0;
  1143.   width:16px
  1144. }
  1145. .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{
  1146.   position:absolute;
  1147.   margin-top:-9px;
  1148.   right:-18px;
  1149.   top:50%;
  1150.   width:18px
  1151. }
  1152. .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before{
  1153.   content:attr(data-label)
  1154. }
  1155. .ql-snow .ql-picker.ql-header{
  1156.   width:98px
  1157. }
  1158. .ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{
  1159.   content:"Normal"
  1160. }
  1161. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{
  1162.   content:"Heading 1"
  1163. }
  1164. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{
  1165.   content:"Heading 2"
  1166. }
  1167. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{
  1168.   content:"Heading 3"
  1169. }
  1170. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{
  1171.   content:"Heading 4"
  1172. }
  1173. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{
  1174.   content:"Heading 5"
  1175. }
  1176. .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{
  1177.   content:"Heading 6"
  1178. }
  1179. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{
  1180.   font-size:2em
  1181. }
  1182. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{
  1183.   font-size:1.5em
  1184. }
  1185. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{
  1186.   font-size:1.17em
  1187. }
  1188. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{
  1189.   font-size:1em
  1190. }
  1191. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{
  1192.   font-size:.83em
  1193. }
  1194. .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{
  1195.   font-size:.67em
  1196. }
  1197. .ql-snow .ql-picker.ql-font{
  1198.   width:-moz-fit-content;
  1199.   width:fit-content;
  1200.   margin-right:10px
  1201. }
  1202. .ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{
  1203.   content:"Sans Serif"
  1204. }
  1205. .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{
  1206.   content:"Serif"
  1207. }
  1208. .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{
  1209.   content:"Monospace"
  1210. }
  1211. .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{
  1212.   font-family:Georgia,"Times New Roman",serif
  1213. }
  1214. .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{
  1215.   font-family:Monaco,"Courier New",monospace
  1216. }
  1217. .ql-snow .ql-picker.ql-size{
  1218.   width:-moz-fit-content;
  1219.   width:fit-content;
  1220.   margin-right:10px
  1221. }
  1222. .ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{
  1223.   content:"Normal"
  1224. }
  1225. .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{
  1226.   content:"Small"
  1227. }
  1228. .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{
  1229.   content:"Large"
  1230. }
  1231. .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{
  1232.   content:"Huge"
  1233. }
  1234. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{
  1235.   font-size:10px
  1236. }
  1237. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{
  1238.   font-size:18px
  1239. }
  1240. .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{
  1241.   font-size:32px
  1242. }
  1243. .ql-snow .ql-color-picker.ql-background .ql-picker-item{
  1244.   background-color:#fff
  1245. }
  1246. .ql-snow .ql-color-picker.ql-color .ql-picker-item{
  1247.   background-color:#000
  1248. }
  1249. .ql-toolbar.ql-snow{
  1250.   box-sizing:border-box;
  1251.   font-family:"Inter","proxima nova","proxima-nova","Helvetica Neue","Helvetica",arial,sans-serif;
  1252.   display:flex;
  1253.   flex-flow:row nowrap;
  1254.   align-items:center;
  1255.   justify-content:space-between;
  1256.   padding:0 10px
  1257. }
  1258. @media(max-width: 720px){
  1259.   .ql-toolbar.ql-snow{
  1260.       display:block
  1261.   }
  1262. }
  1263. .ql-toolbar.ql-snow .ql-picker-label{
  1264.   border:1px solid rgba(0,0,0,0)
  1265. }
  1266. .ql-toolbar.ql-snow .ql-picker-options{
  1267.   border:1px solid rgba(0,0,0,0);
  1268.   box-shadow:rgba(0,0,0,.2) 0 2px 8px
  1269. }
  1270. .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{
  1271.   border-color:var(--color-gray-4)
  1272. }
  1273. .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{
  1274.   border-color:var(--color-gray-4)
  1275. }
  1276. .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{
  1277.   border-color:#000
  1278. }
  1279. .ql-toolbar.ql-snow+.ql-container.ql-snow{
  1280.   border-top:0
  1281. }
  1282. .ql-snow .ql-tooltip{
  1283.   background-color:#fff;
  1284.   border:1px solid var(--color-gray-4);
  1285.   border-radius:4px;
  1286.   box-shadow:0 0 5px #ddd;
  1287.   color:#444;
  1288.   white-space:nowrap
  1289. }
  1290. .ql-snow .ql-tooltip input[type=text]{
  1291.   display:none;
  1292.   border:1px solid var(--color-gray-4);
  1293.   font-size:13px;
  1294.   height:26px;
  1295.   margin:0;
  1296.   padding:3px 5px;
  1297.   width:170px
  1298. }
  1299. .ql-snow .ql-tooltip{
  1300.   line-height:32px
  1301. }
  1302. .ql-snow .ql-tooltip .ql-preview,.ql-snow .ql-tooltip .ql-remove{
  1303.   display:inline-block;
  1304.   width:20px;
  1305.   height:20px;
  1306.   color:rgba(0,0,0,0);
  1307.   background-repeat:no-repeat;
  1308.   background-position:center;
  1309.   background-size:cover
  1310. }
  1311. .ql-snow .ql-tooltip .ql-preview:hover::before,.ql-snow .ql-tooltip .ql-remove:hover::before{
  1312.   display:inline-block;
  1313.   transform:translate(-20px, -40px);
  1314.   font-size:12px;
  1315.   font-weight:500;
  1316.   background:#242d3e;
  1317.   color:var(--color-white);
  1318.   line-height:16px;
  1319.   padding:4px 8px;
  1320.   border-radius:5px
  1321. }
  1322. .ql-snow .ql-tooltip .ql-preview{
  1323.   background-image:url(data:image/png;
  1324.   base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAQlBMVEUAAABVVYBhbXldaIBgaoBfbH1eaoBdan9ea35dan5dan5dan5dan5dan5dan5ean5dan5dan5ean5dan5dan7///+8GEtEAAAAFHRSTlMABhUWGDs8h4i+wsPFy8zS09fl5lTgAWgAAAABYktHRBXl2PmjAAAAfUlEQVQoz62SSQ6AIAxFQVAQcILe/6wG2hoUVupftf91SkCIjwpQNDfAI4Be07AxkDZhmc+Z2mEnYKkdHNYfmkCCsZ5zaEGgWoV+C/J8lW9zd0D1lxg8fQbsB/8AK86vVlLkFyW6oE1/BAmmyp8gcmjgLsPgeo+iaOTLb3ECCaQLJau0+goAAAAASUVORK5CYII=)
  1325. }
  1326. .ql-snow .ql-tooltip .ql-preview:hover::before{
  1327.   content:"Open Link"
  1328. }
  1329. .ql-snow .ql-tooltip .ql-remove{
  1330.   background-image:url(data:image/png;
  1331.   base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABTVBMVEUAAAAAAACAgIBVVVVmZmZVVYBgYIBddHRiYnZVZndaaXhjY4Bea3lhbXlZb3pcZnpeaHtdbHxaaYBfbXxcaoBaZ3xea4Bfa31ca4BdbIBeaIBda31caoBfbH1eaYBca35faoBda4Bea4BcaYBea35daoBcaH5daX5ca31da31can5eaX1eaX1can1dan1ea31dan5ca31dan5ean5ca35ean1ea35caX5daX5dan5da31ean5daX1ean5eaX9da35ea35caX5dan5daX9dan9dan5dan9da39dan5dan1can5ea31dan5daX1daX5da31can5dan5caX5da35dan5can5ean5da35dan5daX5dan5dan5da35dan5dan5dan5ean5dan5dan5dan5dan5da35dan5ean5dan5dan5dan5dan5dan5dan7///+LxSU7AAAAbXRSTlMAAQIDBQYICw0PERITFRcZGyEiIyQlJisyNDY3OjtERUZKTE5RUlNVVlhZWlxeYGJjZGVnaWp1d3l7fH1+gIWGiIqMj5GanaWora6xsrO4vcHCxMnOz9LV19zf4OHi4+Tl6Onr7O3u8PT7/P3+lC0FgwAAAAFiS0dEbiIPURcAAAEWSURBVBgZncFVVwJRAEbRM4OJ3YGKhYpdGIzY3d3dyv3+/6t3GFn47N783/p1EZZT3+CS5bQUw4G6ga4b6XmIX826KMfTCkwYvb/KDBIoPNMhFVvtjBvNhZyk7kIESndXsUbTmgacR1XxVzytJJb7pBp8myfLjVgbSuGb1Y2D71K6wiqO4JuSiZFREF3ooWunkowZpSfIiX+pDZ+n72Fyhr6VwtekrwFyxtJKklG01knHUkcJGTGjaXytpVhH0mcYy7nWHD5PO1jVqeO9fKxavblYMzIj/FWnFxeYkklgTW6XEXDvNR8KeTIJIrvVbOs8TKBf+viQSYCnRcrO1cuv+IN0GwOiOoNwXx5Zbn2dg1Vwus+//QDsQDd92xrCfQAAAABJRU5ErkJggg==)
  1332. }
  1333. .ql-snow .ql-tooltip .ql-remove:hover::before{
  1334.   content:"Remove Link"
  1335. }
  1336. .ql-snow .ql-tooltip a.ql-action{
  1337.   --border: 1px solid var(--color-gray-4);
  1338.   display:inline-block;
  1339.   border-left:var(--border);
  1340.   border-right:var(--border);
  1341.   margin:0
  1342. }
  1343. .ql-snow .ql-tooltip a.ql-action::after{
  1344.   content:"Edit Link";
  1345.   margin:0 8px
  1346. }
  1347. .ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{
  1348.   display:none
  1349. }
  1350. .ql-snow .ql-tooltip.ql-editing input[type=text]{
  1351.   display:inline-block
  1352. }
  1353. .ql-snow .ql-tooltip.ql-editing a.ql-action::after{
  1354.   border-right:0;
  1355.   content:"Save";
  1356.   padding-right:0
  1357. }
  1358. .ql-snow .ql-tooltip[data-mode=link]{
  1359.   display:none
  1360. }
  1361. .ql-snow .ql-tooltip[data-mode=formula]::before{
  1362.   content:"Enter formula:"
  1363. }
  1364. .ql-snow .ql-tooltip[data-mode=video]::before{
  1365.   content:"Enter video:"
  1366. }
  1367. .ql-snow a{
  1368.   color:#06c
  1369. }
  1370. .ql-container.ql-snow{
  1371.   border:1px solid var(--color-gray-4);
  1372.   border-radius:3px
  1373. }
  1374. .quill-editor{
  1375.   position:relative
  1376. }
  1377. .zp-throw-row-view-icon{
  1378.   top:2px;
  1379.   display:inline-block;
  1380.   position:relative
  1381. }
  1382. .zp-send-later-icon{
  1383.   padding:0 8px
  1384. }
  1385. .zp-send-later-icon img{
  1386.   height:16px !important;
  1387.   width:auto !important
  1388. }
  1389. .zp-message-view-tracking-icon{
  1390.   top:4px;
  1391.   position:relative
  1392. }
  1393. .inboxsdk__size_fixer .aDj,.inboxsdk__size_fixer .aDg{
  1394.   height:auto !important
  1395. }
  1396. .inboxsdk__compose_statusbarActive .aDj>.aDh{
  1397.   height:auto !important
  1398. }
  1399. .inboxsdk__appButton{
  1400.   background:#fff;
  1401.   border:1px solid #dadce0;
  1402.   border-radius:5em;
  1403.   padding:2px 36px 2px 14px;
  1404.   cursor:pointer
  1405. }
  1406. .inboxsdk__appButton:hover{
  1407.   background:#f2f2f2
  1408. }
  1409. .inboxsdk__appButton a:hover{
  1410.   text-decoration:none !important
  1411. }
  1412. .inboxsdk__appButton__clicked{
  1413.   background:#e4e4e4
  1414. }
  1415. .inboxsdk__appButton__clicked:hover{
  1416.   background:#e4e4e4
  1417. }
  1418. .inboxsdk__appButton_title{
  1419.   font-size:15px;
  1420.   font-weight:500;
  1421.   color:#000;
  1422.   font-family:"Inter","proxima nova","proxima-nova","Helvetica Neue","Helvetica",arial,sans-serif;
  1423.   position:relative
  1424. }
  1425. .inboxsdk__appButton_title::after{
  1426.   content:"";
  1427.   width:0px;
  1428.   height:0px;
  1429.   border-left:5px solid rgba(0,0,0,0);
  1430.   border-right:5px solid rgba(0,0,0,0);
  1431.   border-top:5px solid #606367;
  1432.   position:absolute;
  1433.   bottom:5px;
  1434.   right:-18px;
  1435.   border-radius:2px
  1436. }
  1437. .zp-fixed{
  1438.   position:fixed
  1439. }
  1440. .bkK{
  1441.   position:relative
  1442. }
  1443. .inboxsdk__compose_statusbarActive .aDj.aDi{
  1444.   bottom:0 !important;
  1445.   height:auto !important
  1446. }
  1447. .inboxsdk__compose_statusbarActive .aDj.aDi .aC3{
  1448.   height:0 !important
  1449. }
  1450. .inboxsdk__navItem_name[title=Apollo]{
  1451.   margin-left:5px
  1452. }
Add Comment
Please, Sign In to add comment