.templates__box--wrapper{padding:32px 24px}.templates__box--wrapper .templates__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.templates__box--wrapper .templates__list>.grid{width:100%;display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:20px;grid-row-gap:20px}.templates__box--wrapper .templates__list>.grid .elem{position:relative;border:1px solid #E5E7EB;border-radius:9px;background-color:#fff;padding:16px}.templates__box--wrapper .templates__list>.grid .elem:hover:before{opacity:1}.templates__box--wrapper .templates__list>.grid .elem:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:2;background-color:rgba(17,25,40,0.4);border-radius:9px;-webkit-transition:.4s ease all;transition:.4s ease all;opacity:0}.templates__box--wrapper .templates__list>.grid .elem:hover .btns{opacity:1;pointer-events:initial}.templates__box--wrapper .templates__list>.grid .elem .btns{position:absolute;left:16px;width:calc(100% - 32px);bottom:16px;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:.4s ease all;transition:.4s ease all;pointer-events:none}.templates__box--wrapper .templates__list>.grid .elem .btns>.outline-btn{width:100%;min-height:34px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:8px;background-color:#fff;border:1px solid #E5E7EB}.templates__box--wrapper .templates__list>.grid .elem .btns>.square-btn{min-width:34px;max-width:34px;min-height:34px;max-height:34px;padding:0px;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.templates__box--wrapper .templates__list>.grid .elem .desc{margin-top:15px;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.templates__box--wrapper .templates__list>.grid .elem .desc>p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0px;font-size:14px;line-height:20px;color:#111928;font-weight:500}.templates__box--wrapper .templates__list>.grid .elem .media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:160px;max-height:160px}.templates__box--wrapper .templates__list>.grid .elem .media>img{width:100%;max-width:130px;max-height:160px}.templates__box--wrapper .templates__list>.controls{min-width:225px;max-width:225px;margin-left:38px}.templates__box--wrapper .templates__list>.controls .folders{margin-top:24px}.templates__box--wrapper .templates__list>.controls .folders>p{margin-top:0px;margin-bottom:24px;font-size:18px;line-height:150%;font-weight:600;color:#111928}.templates__box--wrapper .templates__list>.controls .folders .list>.elem{margin-bottom:12px}.templates__box--wrapper .templates__list>.controls .folders .list>.elem:last-child{margin-bottom:0px}.templates__box--wrapper .templates__list>.controls .folders .list>.elem .container__check input:checked ~ .checkmark{border-color:#1C45C2}.templates__box--wrapper .templates__list>.controls .folders .list>.elem .container__check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.templates__box--wrapper .templates__list>.controls .folders .list>.elem .container__check .double{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-left:8px;width:100%}.templates__box--wrapper .templates__list>.controls .folders .list>.elem .container__check .double>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:20px;max-width:20px;min-height:20px;max-height:20px;border-radius:250px;background-color:#E5E7EB;font-size:12px;line-height:150%;font-weight:400;color:#111928}.templates__box--wrapper .templates__list>.controls .folders .list>.elem .container__check .double>p{margin:0px;font-size:14px;line-height:150%;font-weight:400;color:#111928}.templates__box--wrapper .templates__list>.controls .folders .list>.elem .container__check .checkmark{border-color:#9CA3AF}.templates__box--wrapper .templates__list>.controls .group__input{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:24px}.templates__box--wrapper .templates__list>.controls .group__input>span{position:absolute;left:10px;margin-top:-1px}.templates__box--wrapper .templates__list>.controls .group__input>input{width:100%;background-color:#F9FAFB;border-radius:8px;border:1px solid #E5E7EB;height:37px;padding-left:34px;padding-right:15px}.templates__box--wrapper .templates__list>.controls .group__input>span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.templates__box--wrapper>.templates__switcher{margin-bottom:24px;border-bottom:1px solid #E5E7EB}.templates__box--wrapper>.templates__switcher ul{padding:0px;list-style-type:none;margin:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.templates__box--wrapper>.templates__switcher ul>li{margin-right:25px}.templates__box--wrapper>.templates__switcher ul>li>a{text-decoration:none;font-size:16px;line-height:150%;font-weight:600;color:#374151;padding-bottom:12px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.templates__box--wrapper>.templates__switcher ul>li>a:hover{color:#1C45C2}.templates__box--wrapper>.templates__switcher ul>li>a:hover:before{width:100%}.templates__box--wrapper>.templates__switcher ul>li>a:before{content:"";position:absolute;left:50%;bottom:0px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0px;-webkit-transition:.3s ease all;transition:.3s ease all;height:2px;background-color:#1C45C2}.templates__box--wrapper>.templates__switcher ul>li>a.current{color:#1C45C2}.templates__box--wrapper>.templates__switcher ul>li>a.current:before{width:100%}.templates__box--wrapper>.templates__switcher ul>li:last-child{margin-right:0px}.templates__box--wrapper>.top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.templates__box--wrapper>.top>h6{margin:0px;font-size:28px;line-height:125%;font-weight:600;color:#111928}.templates__box--wrapper>.top>a{font-size:14px}.templates__box--wrapper .templates__list>.grid .elem .btns>.square-btn{margin-left:0px}.select__template--grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-column-gap:20px;grid-row-gap:20px}.select__template--grid>.elem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;height:0px;padding-bottom:100%;border:1px solid #E5E7EB;border-radius:9px;-webkit-transition:.3s ease all;transition:.3s ease all}.select__template--grid>.elem:hover{border-color:#1C45C2}.select__template--grid>.elem .media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:calc(100% - 48px);height:calc(100% - 48px);top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.select__template--grid>.elem .media>img{max-width:100%;max-height:100%;border:1px solid #E5E7EB}.select__template--grid>.elem .scratch{border-radius:9px;position:absolute;left:0px;top:0px;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;text-align:center}.select__template--grid>.elem .scratch>p{margin:0px;font-size:16px;line-height:125%;font-weight:600;color:#1C45C2}.select__template--grid>.elem .scratch>svg{margin-bottom:16px}.select__template--title{margin-bottom:24px}.select__template--title>h6{margin:0px;font-size:26px;line-height:125%;font-weight:600;color:#111928}.back__templates{margin-bottom:24px}.back__templates>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-decoration:none;font-size:14px;line-height:130%;font-weight:500;color:#4B5563;-webkit-transition:.3s ease all;transition:.3s ease all}.back__templates>a:hover{opacity:.7}.back__templates>a span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.new__email--template{padding:32px 24px}.new__email--template .frame{width:100%;padding:16px;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff}.new__email--template .frame .frame__inner{position:relative;height:0px;padding-bottom:55%}.new__email--template .frame .frame__inner iframe{border-radius:8px;position:absolute;left:0px;top:0px;width:100%;height:100%}.new__email--template .box{background-color:#FFFFFF;margin-bottom:16px;border-radius:8px;border:1px solid #E5E7EB;padding:20px 24px}.new__email--template .box .double{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:16px}.new__email--template .box .double .tag__field{margin:0px;padding:0px}.new__email--template .box .double .tag__field .dropdown{left:0px;width:100%}.new__email--template .box>p{margin-top:0px;margin-bottom:20px;font-size:16px;line-height:150%;font-weight:500;color:#111928}.new__email--template>.top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.new__email--template>.top>h6{margin:0px;font-size:28px;line-height:125%;font-weight:600;color:#111928}.new__email--template>.top>.btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.new__email--template>.top>.btns>a{font-size:16px;padding-left:20px;padding-right:20px;min-height:40px;margin-right:16px}.new__email--template>.top>.btns>a.regular-btn{font-size:14px}.new__email--template>.top>.btns>a:last-child{margin-right:0px}.new__email--template .box .double .tag__field .dropdown{z-index:3}@media (max-width: 1440px){.templates__box--wrapper .templates__list>.grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 1200px){.select__template--grid{grid-template-columns:repeat(3, 1fr)}.select__template--grid>.elem .media{width:calc(100% - 24px);height:calc(100% - 24px)}.templates__box--wrapper .templates__list>.grid{grid-column-gap:15px;grid-row-gap:15px}.templates__box--wrapper .templates__list>.controls{margin-left:20px}}@media (max-width: 991px){.new__email--template>.top>h6{font-size:24px}.new__email--template>.top{margin-bottom:15px}.select__template--title>h6{font-size:22px}.back__templates{margin-bottom:15px}.templates__box--wrapper .templates__list{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.templates__box--wrapper .templates__list>.controls{margin-left:0px;min-width:0px;max-width:100%;width:100%}.templates__box--wrapper .templates__list>.controls{margin-bottom:20px}.templates__box--wrapper .templates__list>.controls .folders>p{font-size:16px;margin-bottom:13px}.templates__box--wrapper .templates__list>.controls .folders{margin-top:15px}.templates__box--wrapper .templates__list>.controls .group__input{margin-bottom:15px}.templates__box--wrapper .templates__list>.controls .folders .list{max-height:190px;overflow-y:auto;padding-right:8px;width:calc(100% + 8px)}.templates__box--wrapper .templates__list>.controls .folders .list::-webkit-scrollbar{width:4px}.templates__box--wrapper .templates__list>.controls .folders .list::-webkit-scrollbar-thumb{border-radius:250px;background-color:#1c45c2}.templates__box--wrapper>.top>h6{font-size:24px}.select__template--title{margin-bottom:15px}.new__email--template .box{padding:15px}.new__email--template .box>p{margin-bottom:10px}}@media (max-width: 767px){.new__email--template .frame .frame__inner{padding-bottom:65%}.new__email--template>.top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.new__email--template>.top>h6{width:100%;margin-bottom:10px}.new__email--template>.top>.btns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.new__email--template>.top>.btns>a{width:100%;margin-bottom:10px;margin-right:0px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.new__email--template>.top>.btns>a:last-child{margin-bottom:0px}.new__email--template .box .double{grid-template-columns:1fr;grid-row-gap:10px}.new__email--template{padding:20px 15px}.select__template--grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:12px;grid-row-gap:12px}.templates__box--wrapper>.templates__switcher ul>li>a{font-size:14px}.templates__box--wrapper>.templates__switcher ul>li{margin-right:20px}.templates__box--wrapper>.templates__switcher ul>li>a{padding-bottom:7px}.templates__box--wrapper{padding:20px 15px}}@media (max-width: 640px){.templates__box--wrapper .templates__list>.grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.select__template--grid{grid-column-gap:6px;grid-row-gap:6px}.select__template--grid>.elem .scratch>p{font-size:14px}.select__template--grid>.elem .scratch>svg{margin-bottom:10px}.select__template--grid>.elem .media{width:calc(100% - 15px);height:calc(100% - 15px)}.templates__box--wrapper .templates__list>.controls{margin-bottom:15px}.templates__box--wrapper>.top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.templates__box--wrapper>.top>h6{width:100%;margin-bottom:10px}.templates__box--wrapper>.top>a{width:100%}.templates__box--wrapper .templates__list>.grid{grid-template-columns:1fr}}