1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 4 <head> 5 <meta charset="utf-8"> 6 7 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 7-8
7 8 <script defer src="https://www.googletagmanager.com/gtag/js?id=
8UA-2458138-50
vendor: 16 bytes, lines 8-9
8"></script> 9
9<script> 10
vendor: 152 bytes, lines 10-14
10window.dataLayer = window.dataLayer || []; 11 function gtag(){dataLayer.push(arguments);} 12 gtag('js', new Date()); 13 14 gtag('config', '
14UA-2458138-50
vendor: 8 bytes, lines 14-15
14'); 15
15</script>
15 16 17 <meta http-equiv="x-ua-compatible" content="ie=edge"> 18 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1"> 19 <!-- favicon --> 20 <link href="https://tinywow.com/v2/img/favicon.png" type="image/png" rel="icon"> 21 22 <!-- CSRF Token --> 23 <meta name="csrf-token" content="hcCHDpeBZxZDvLPnbSzQFQyhOHAJbJzDVysTtadk"> 24 25 26 <title> 27 Blog Outline Generator - TinyWow 28 </title> 29 30 <link rel="dns-prefetch" href="https://fonts.googleapis.com"> 31 <link rel="dns-prefetch" href="https://fonts.gstatic.com"> 32 <link rel="preconnect" href="https://fonts.googleapis.com"> 33 <link rel="preconnect" href="https://fonts.gstatic.com"> 34 <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap"> 35 <link rel="stylesheet" id="onload_link" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" media="all"> 36 <link rel="preload" href="https://tinywow.com/v2/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin> 37 <link rel="preload" href="https://tinywow.com/v2/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin> 38
39 <!-- check super-tool-pdf.js when changes with $toolData --> 40 41 <!-- Styles --> 42 <!-- all css here --> 43 <style nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 44 /*! 45 * Bootstrap v4.6.0 (https://getbootstrap.com/) 46 * Copyright 2011-2021 The Bootstrap Authors 47 * Copyright 2011-2021 Twitter, Inc. 48 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 49 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
49[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}
49.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}
49.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>
49.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewB
49ox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}
49.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
49.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
49.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
49.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>
49.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>
49.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewB
49ox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-b
49ottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
49.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}
49.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;
49background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
49.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
49.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>
49.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
49.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
49.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}
49.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
49.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
49.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;
49-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}
49.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}
49.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}
49.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
49.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}
49.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} 50 51 /*! 52 * Font Awesome Pro 5.5.0 by @fontawesome - https://fontawesome.com 53 * License - https://fontawesome.com/license (Commercial License) 54 */ 55.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}
55.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badger-honey:before{content:"\f6b4"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-booth-curtain:before{content:"\f734"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}
55.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-bump:before{content:"\f5e0"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-claw-marks:before{content:"\f6c2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-wide:before{content:"\f326"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:bef
55ore{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-home:before{content:"\f015"}.fa-home-heart:before{content:"\f4c9"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-flood:before{content:"\f74f"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}
55.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}
55.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}
55.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}
55.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skeleton:before{content:"\f620"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}
55.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snow-blowing:before{content:"\f761"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-stars:before{content:"\f762"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-swords:before{content:"\f71d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}
55.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}
55.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(/v2/webfonts/fa-brands-400.eot);src:url(/v2/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-brands-400.woff2) format("woff2"),url(/v2/webfonts/fa-brands-400.woff) format("woff"),url(/v2/webfonts/fa-brands-400.ttf) format("truetype"),url(/v2/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;src:url(/v2/webfonts/fa-light-300.eot);src:url(/v2/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-light-300.woff2) format("woff2"),url(/v2/webfonts/fa-light-300.woff) format("woff"),url(/v2/webfonts/fa-light-300.ttf) format("truetype"),url(/v2/webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;src:url(/v2/webfonts/fa-regular-400.eot);src:url(/v2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-regular-400.woff2) format("woff2"),url(/v2/webfonts/fa-regular-400.woff) format("woff"),url(/v2/webfonts/fa-regular-400.ttf) format("truetype"),url(/v2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;src:url(/v2/webfonts/fa-solid-900.eot);src:url(/v2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-solid-900.woff2) format("woff2"),url(/v2/webfonts/fa-solid-900.woff) format("woff"),url(/v2/webfonts/fa-solid-900.ttf) format("truetype"),url(/v2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900} 56 57 /* 58**margin 5px - 100px 59**padding 5px - 100px 60*/ 61 62.mt_5{margin-top:5px}.mt_10{margin-top:10px}.mt_15{margin-top:15px}.mt_20{margin-top:20px}.mt_25{margin-top:25px}.mt_30{margin-top:30px}.mt_35{margin-top:35px}.mt_40{margin-top:40px}.mt_45{margin-top:45px}.mt_50{margin-top:50px}.mt_55{margin-top:55px}.mt_60{margin-top:60px}.mt_65{margin-top:65px}.mt_70{margin-top:70px}.mt_75{margin-top:75px}.mt_80{margin-top:80px}.mt_85{margin-top:85px}.mt_90{margin-top:90px}.mt_95{margin-top:95px}.mt_100{margin-top:100px}.mb_5{margin-bottom:5px}.mb_10{margin-bottom:10px}.mb_15{margin-bottom:15px}.mb_20{margin-bottom:20px}.mb_25{margin-bottom:25px}.mb_30{margin-bottom:30px}.mb_35{margin-bottom:35px}.mb_40{margin-bottom:40px}.mb_45{margin-bottom:45px}.mb_50{margin-bottom:50px}.mb_55{margin-bottom:55px}.mb_60{margin-bottom:60px}.mb_65{margin-bottom:65px}.mb_70{margin-bottom:70px}.mb_75{margin-bottom:75px}.mb_80{margin-bottom:80px}.mb_85{margin-bottom:85px}.mb_90{margin-bottom:90px}.mb_95{margin-bottom:95px}.mb_100{margin-bottom:100px}.mr_5{margin-right:5px}.mr_10{margin-right:10px}.mr_15{margin-right:15px}.mr_20{margin-right:20px}.mr_25{margin-right:25px}.mr_30{margin-right:30px}.mr_35{margin-right:35px}.mr_40{margin-right:40px}.mr_45{margin-right:45px}.mr_50{margin-right:50px}.mr_55{margin-right:55px}.mr_60{margin-right:60px}.mr_65{margin-right:65px}.mr_70{margin-right:70px}.mr_75{margin-right:75px}.mr_80{margin-right:80px}.mr_85{margin-right:85px}.mr_90{margin-right:90px}.mr_95{margin-right:95px}.mr_100{margin-right:100px}.ml_5{margin-left:5px}.ml_10{margin-left:10px}.ml_15{margin-left:15px}.ml_20{margin-left:20px}.ml_25{margin-left:25px}.ml_30{margin-left:30px}.ml_35{margin-left:35px}.ml_40{margin-left:40px}.ml_45{margin-left:45px}.ml_50{margin-left:50px}.ml_55{margin-left:55px}.ml_60{margin-left:60px}.ml_65{margin-left:65px}.ml_70{margin-left:70px}.ml_75{margin-left:75px}.ml_80{margin-left:80px}.ml_85{margin-left:85px}.ml_90{margin-left:90px}.ml_95{margin-left:95px}.ml_100{margin-left:100px}.pt_5{padding-top:5px}.pt_10{padding-top:10px}.pt_15{padding-top:15px}.pt_20{padding-top:20px}.pt_25{padding-top:25px}.pt_30{padding-top:30px}.pt_35{padding-top:35px}.pt_40{padding-top:40px}.pt_45{padding-top:45px}.pt_50{padding-top:50px}.pt_55{padding-top:55px}.pt_60{padding-top:60px}.pt_65{padding-top:65px}.pt_70{padding-top:70px}.pt_75{padding-top:75px}.pt_80{padding-top:80px}.pt_85{padding-top:85px}.pt_90{padding-top:90px}.pt_95{padding-top:95px}.pt_100{padding-top:100px}.pb_5{padding-bottom:5px}.pb_10{padding-bottom:10px}.pb_15{padding-bottom:15px}.pb_20{padding-bottom:20px}.pb_25{padding-bottom:25px}.pb_30{padding-bottom:30px}.pb_35{padding-bottom:35px}.pb_40{padding-bottom:40px}.pb_45{padding-bottom:45px}.pb_50{padding-bottom:50px}.pb_55{padding-bottom:55px}.pb_60{padding-bottom:60px}.pb_65{padding-bottom:65px}.pb_70{padding-bottom:70px}.pb_75{padding-bottom:75px}.pb_80{padding-bottom:80px}.pb_85{padding-bottom:85px}.pb_90{padding-bottom:90px}.pb_95{padding-bottom:95px}.pb_100{padding-bottom:100px}.pr_5{padding-right:5px}.pr_10{padding-right:10px}.pr_15{padding-right:15px}.pr_20{padding-right:20px}.pr_25{padding-right:25px}.pr_30{padding-right:30px}.pr_35{padding-right:35px}.pr_40{padding-right:40px}.pr_45{padding-right:45px}.pr_50{padding-right:50px}.pr_55{padding-right:55px}.pr_60{padding-right:60px}.pr_65{padding-right:65px}.pr_70{padding-right:70px}.pr_75{padding-right:75px}.pr_80{padding-right:80px}.pr_85{padding-right:85px}.pr_90{padding-right:90px}.pr_95{padding-right:95px}.pr_100{padding-right:100px}.pl_5{padding-left:5px}.pl_10{padding-left:10px}.pl_15{padding-left:15px}.pl_20{padding-left:20px}.pl_25{padding-left:25px}.pl_30{padding-left:30px}.pl_35{padding-left:35px}.pl_40{padding-left:40px}.pl_45{padding-left:45px}.pl_50{padding-left:50px}.pl_55{padding-left:55px}.pl_60{padding-left:60px}.pl_65{padding-left:65px}.pl_70{padding-left:70px}.pl_75{padding-left:75px}.pl_80{padding-left:80px}.pl_85{padding-left:85px}.pl_90{padding-left:90px}.pl_95{padding-left:95px}.pl_100{padding-left:100px} 63.pt_130{ 64 padding-top: 130px; 65} 66.pt_150{ 67 padding-top: 150px; 68} 69.pb_150{ 70 padding-bottom: 150px; 71} 72.pt_120{ 73 padding-top: 120px; 74} 75.pb_120{ 76 padding-bottom: 120px; 77} 78 .ba-slider{position:relative;overflow:hidden}.ba-slider img{width:100%;display:block;max-width:none}.ba-slider .resize{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.ba-slider .handle{position:absolute;
78left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:rgba(0,0,0,.5);cursor:ew-resize}.ba-slider .handle:after{position:absolute;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;content:'\21d4';color:#fff;font-weight:700;font-size:36px;text-align:center;line-height:64px;background:#ffb800;border:1px solid #e6a600;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 60px 50px -30px #ffd466}.ba-slider .handle.ba-draggable:after{width:48px;height:48px;margin:-24px 0 0 -24px;line-height:50px;font-size:30px} 79 /*====================== 8001. Google fonts 81========================*/ 82 83@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap'); 84@font-face { 85 font-family: 'ChopinScript'; 86 src: url('/v3/webfonts/ChopinScript.eot'); 87 src: url('/v3/webfonts/ChopinScript.eot?#iefix') format('embedded-opentype'), url('/v3/webfonts/ChopinScript.woff2') format('woff2'), url('/v3/webfonts/ChopinScript.woff') format('woff'), url('/v3/webfonts/ChopinScript.ttf') format('truetype'), url('/v3/webfonts/ChopinScript.svg#ChopinScript') format('svg'); 88 font-weight: 500; 89 font-style: normal; 90 font-display: swap; 91} 92 93 94/*====================== 9502. Basic css 96========================*/ 97 98:root { 99 --theme-color: #1A8FE3; 100} 101 102:root { 103 --neutral-100: #181D20; 104 --shadow-1: 3px 10px 40px rgba(24, 29, 32, .05); 105 --shadow-2: 3px 1px 32px rgba(24, 29, 32, .05); 106} 107 108 109html, 110body, 111div, 112span, 113h1, 114h2, 115h3, 116h4, 117h5, 118h6, 119p, 120a, 121strong, 122i, 123ol, 124ul, 125li, 126form, 127label, 128footer, 129header, 130menu, 131nav, 132section { 133 margin: 0; 134 padding: 0; 135} 136 137body { 138 font-family: 'Poppins', sans-serif; 139 background-color: #fff; 140 font-size: 16px; 141 line-height: 140%; 142 letter-spacing: 0.005em; 143 color: #707375; 144 font-weight: 400; 145 overflow-x: hidden; 146} 147 148ol, 149ul { 150 list-style: none; 151} 152 153a:hover { 154 text-decoration: none; 155} 156 157button:focus, 158a:focus, 159input:focus, 160textarea:focus { 161 outline: none; 162} 163 164a, 165button { 166 -webkit-transition: 0.3s; 167 -o-transition: 0.3s; 168 transition: 0.3s; 169} 170 171 172/* page loader */ 173 174#preloader { 175 position: fixed; 176 background: #fff; 177 top: 0; 178 left: 0; 179 right: 0; 180 bottom: 0; 181 z-index: 99999; 182 height: 100vh; 183 width: 100vw; 184 display: -webkit-box; 185 display: -ms-flexbox; 186 display: flex; 187 -webkit-box-align: center; 188 -ms-flex-align: center; 189 align-items: center; 190 -webkit-box-pack: center; 191 -ms-flex-pack: center; 192 justify-content: center; 193} 194 195.loader3 { 196 width: 50px; 197 height: 50px; 198 display: inline-block; 199 padding: 0; 200 text-align: left; 201} 202 203.loader3 span { 204 position: absolute; 205 display: inline-block; 206 width: 50px; 207 height: 50px; 208 border-radius: 100%; 209 background: var(--blue); 210 -webkit-animation: loader3 1.5s linear infinite; 211 animation: loader3 1.5s linear infinite; 212} 213 214.loader3 span:last-child { 215 animation-delay: -0.9s; 216 -webkit-animation-delay: -0.9s; 217} 218 219@keyframes loader3 { 220 0% { 221 -webkit-transform: scale(0, 0); 222 transform: scale(0, 0); 223 opacity: 0.8; 224 } 225 100% { 226 -webkit-transform: scale(1, 1); 227 transform: scale(1, 1); 228 opacity: 0; 229 } 230} 231 232@-webkit-keyframes loader3 { 233 0% { 234 -webkit-transform: scale(0, 0); 235 opacity: 0.8; 236 } 237 100% { 238 -webkit-transform: scale(1, 1); 239 opacity: 0; 240 } 241} 242 243#spinner { 244 position: fixed; 245 top: 0; 246 left: 0; 247 right: 0; 248 bottom: 0; 249 z-index: 99999; 250 height: 100vh; 251 width: 100vw; 252 display: -webkit-box; 253 display: -ms-flexbox; 254 display: flex; 255 -webkit-box-align: center; 256 -ms-flex-align: center; 257 align-items: center; 258 -webkit-box-pack: center; 259 -ms-flex-pack: center; 260 justify-content: center; 261} 262 263.spinner-bg { 264 position: fixed; 265 background: #181D20; 266 opacity: 0.4; 267 height: 100vh; 268 width: 100vw; 269} 270 271.spinner-wrapper { 272 position: fixed; 273 max-width: 100%; 274 z-index: 10001; 275 /* width: 162px; 276 height: 114px; */ 277 background-color: #fff; 278 overflow: hidden; 279 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 280 border-radius: 8px; 281 padding: 24px; 282 flex-direction: column; 283 align-items: center; 284} 285 286.spinner-text { 287 font-weight: 500; 288 font-size: 12px; 289 letter-spacing: 0.005em; 290 color: #181D20; 291 margin-top: 1rem; 292} 293 294#spinner .spinner-border { 295 width: 4.6rem; 296 height: 4.6rem; 297} 298 299 300/*Hamburger-menu START CSS*/ 301 302.hamburger-menu { 303 cursor: pointer; 304 display: none; 305 z-index: 999; 306 margin-left: auto; 307 width: 24px; 308 height: 24px; 309 position: relative; 310 overflow: visible; 311} 312 313.hamburger-menu span { 314 background: #525658; 315 width: 17px; 316 height: 1.5px; 317 display: block; 318 margin: 3.5px auto; 319 -webkit-transition: all 0.3s ease; 320 -o-transition: all 0.3s ease; 321 transition: all 0.3s ease; 322 border-radius: 5px; 323 position: relative; 324 left: 50%; 325 transform: translateX(-50%); 326} 327 328.hamburger-menu .line-top.current { 329 -webkit-transform: translateX(-50%) translateY(240%) rotate(135deg); 330 -ms-transform: translateX(-50%) translateY(240%) rotate(135deg); 331 transform: translateX(-50%) translateY(240%) rotate(135deg); 332} 333 334.hamburger-menu .line-center.current { 335 opacity: 0; 336} 337 338.hamburger-menu .line-bottom.current { 339 -webkit-transform: translateX(-50%) translateY(-350%) rotate(-135deg); 340 -ms-transform: translateX(-50%) translateY(-350%) rotate(-135deg); 341 transform: translateX(-50%) translateY(-350%) rotate(-135deg);
342 margin-top: -1px; 343} 344 345header { 346 background-color: #fff; 347 padding: 16px 0; 348} 349 350header.has-search {} 351 352header.has-search .header-tools { 353 margin-left: -55px; 354} 355 356@media (max-width: 1199px) { 357 header.has-search .header-tools { 358 margin-left: -40px; 359 margin-right: 6px; 360 } 361} 362 363@media (max-width: 992px) { 364 header.has-search .header-tools { 365 margin-left: 0; 366 } 367} 368 369 370/*sticky START CSS*/ 371 372header.sticky { 373 -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); 374 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); 375} 376 377main { 378 position: relative; 379} 380 381#menu { 382 text-align: center; 383} 384 385#menu>li { 386 display: inline-block; 387 padding: 0 18px; 388} 389 390#menu>li>a { 391 padding: 0; 392 font-size: 14px; 393 line-height: 1.5; 394 color: #828586; 395 position: relative; 396} 397 398#menu>li>a::before { 399 position: absolute; 400 content: ''; 401 width: 0; 402 height: 2px; 403 top: 100%; 404 left: 50%; 405 -webkit-transform: translateX(-50%); 406 -ms-transform: translateX(-50%); 407 transform: translateX(-50%); 408 background: var(--theme-color); 409 border-radius: 99px; 410 -webkit-transition: 0.3s; 411 -o-transition: 0.3s; 412 transition: 0.3s; 413} 414 415#menu>li>a.active, 416#menu>li>a:hover { 417 color: var(--theme-color); 418} 419 420#menu>li>a.active:before, 421#menu>li>a:hover:before { 422 width: 8px; 423} 424 425#menu>li>a.active { 426 font-weight: 500; 427} 428 429.social_icon { 430 text-align: right; 431} 432 433.social_icon a { 434 background: #F6FBFE; 435 color: var(--theme-color); 436 width: 28px; 437 height: 28px; 438 text-align: center; 439 border-radius: 50%; 440 display: inline-block; 441 font-size: 13px; 442 line-height: 28px; 443} 444 445.social_icon a:hover { 446 background-color: var(--theme-color); 447 color: #fff; 448} 449 450.social_icon a:not(:last-child) { 451 margin-right: 11px; 452} 453 454.index .col, 455.index .col-1, 456.index .col-10, 457.index .col-11, 458.index .col-12, 459.index .col-2, 460.index .col-3, 461.index .col-4, 462.index .col-5, 463.index .col-6, 464.index .col-7, 465.index .col-8, 466.index .col-9, 467.index .col-auto, 468.index .col-lg, 469.index .col-lg-1, 470.index .col-lg-10, 471.index .col-lg-11, 472.index .col-lg-12, 473.index .col-lg-2, 474.index .col-lg-3, 475.index .col-lg-4, 476.index .col-lg-5, 477.index .col-lg-6, 478.index .col-lg-7, 479.index .col-lg-8, 480.index .col-lg-9, 481.index .col-lg-auto, 482.index .col-md, 483.index .col-md-1, 484.index .col-md-10, 485.index .col-md-11, 486.index .col-md-12, 487.index .col-md-2, 488.index .col-md-3, 489.index .col-md-4, 490.index .col-md-5, 491.index .col-md-6, 492.index .col-md-7, 493.index .col-md-8, 494.index .col-md-9, 495.index .col-md-auto, 496.index .col-sm, 497.index .col-sm-1, 498.index .col-sm-10, 499.index .col-sm-11, 500.index .col-sm-12, 501.index .col-sm-2, 502.index .col-sm-3, 503.index .col-sm-4, 504.index .col-sm-5, 505.index .col-sm-6, 506.index .col-sm-7, 507.index .col-sm-8, 508.index .col-sm-9, 509.index .col-sm-auto, 510.index .col-xl, 511.index .col-xl-1, 512.index .col-xl-10, 513.index .col-xl-11, 514.index .col-xl-12, 515.index .col-xl-2, 516.index .col-xl-3, 517.index .col-xl-4, 518.index .col-xl-5, 519.index .col-xl-6, 520.index .col-xl-7, 521.index .col-xl-8, 522.index .col-xl-9, 523.index .col-xl-auto { 524 padding-left: 24px; 525 padding-right: 24px; 526} 527 528.index .row { 529 margin-right: -24px; 530 margin-left: -24px; 531} 532 533.w-33 { 534 width: 33.33333% !important; 535} 536 537.index .container, 538.index .container-fluid, 539.index .container-lg, 540.index .container-md, 541.index .container-sm, 542.index .container-xl { 543 padding-left: 24px; 544 padding-right: 24px; 545} 546 547.gray { 548 color: #707375 !important; 549} 550 551.mt_8 { 552 margin-top: 8px; 553} 554 555.mt_24 { 556 margin-top: 24px; 557} 558 559.mt_32 { 560 margin-top: 32px; 561} 562 563.mt_40 { 564 margin-top: 40px; 565} 566 567.pt_40 { 568 padding-top: 40px; 569} 570 571.pt_156 { 572 padding-top: 156px; 573} 574 575.pb_8 { 576 padding-bottom: 8px; 577} 578 579.pb_195 { 580 padding-bottom: 195px; 581} 582 583.pl_16 { 584 padding-left: 16px !important; 585} 586 587.pr_24 { 588 padding-right: 24px; 589} 590 591.v_1 { 592 background-color: #FCE9ED; 593 color: #E54F6D; 594} 595 596.v_2 { 597 background-color: #EEE9FC; 598 color: #764FE5; 599} 600 601.v_3 { 602 background-color: #FFE5EA; 603 color: #FF3D62; 604} 605 606.v_4 { 607 background-color: #FDEFE7; 608 color: #F0874C; 609} 610 611.v_5 { 612 background-color: #EBE7FD; 613 color: #7961F2; 614} 615 616.v_6 { 617 background-color: #F6FCE9;
618 color: #93CA1C; 619} 620 621.v_7 { 622 background-color: #FCF4E9; 623 color: #E54F6D; 624} 625 626.v_8 { 627 background-color: #FCF4E9; 628 color: #E8AA54; 629} 630 631.v_9 { 632 background-color: #F3FCE9; 633 color: #6ECA1C; 634} 635 636.v_10 { 637 background-color: #1A8FE3; 638} 639 640.v_11 { 641 background-color: #764FE5; 642} 643 644.v_12 { 645 background-color: #E54F6D; 646} 647 648.v_13 { 649 background-color: #6ECA1C; 650} 651 652.v_14 { 653 background-color: #F0874C; 654} 655 656.v_15 { 657 background-color: #1A8FE3; 658} 659 660.b-b { 661 border-bottom: 1px solid #E3E3E4; 662} 663 664.color-green { 665 color: #3FA796; 666} 667 668.color-violet { 669 color: #6F56EC; 670} 671 672.icon_arrow.v1 { 673 color: #E24841; 674 background-color: transparent; 675} 676 677.icon_arrow.v2 { 678 color: #E2C740; 679 background-color: transparent; 680} 681 682.icon_arrow.v3 { 683 color: #FF7919; 684 background-color: transparent; 685} 686 687.icon_arrow.v4 { 688 color: #10D0D5; 689 background-color: transparent; 690} 691 692.icon_arrow.v5 { 693 color: #624BD8; 694 background-color: transparent; 695} 696 697.icon_arrow.v6 { 698 color: #3D99F5; 699 background-color: transparent; 700} 701 702.icon_arrow.v7 { 703 color: #79DC47; 704 background-color: transparent; 705} 706 707.icon_arrow.v8 { 708 color: #FF5975; 709 background-color: transparent; 710} 711 712.icon_arrow.v9 { 713 color: #E54F6D; 714 background-color: transparent; 715} 716 717.icon_arrow.v10 { 718 color: #764FE5; 719 background-color: transparent; 720} 721 722.icon_arrow.v11 { 723 color: #F0874C; 724 background-color: transparent; 725} 726 727.icon_arrow.v21, 728.icon_arrow.v20, 729.icon_arrow.v22 { 730 color: #FFF; 731 background-color: transparent; 732} 733 734 735/*home area*/ 736 737.home_content { 738 max-width: 508px; 739} 740 741.home_area { 742 padding: 10px 0 40px; 743 background-size: cover; 744 background-repeat: no-repeat; 745 background-position: center center; 746} 747 748.home_area h1 { 749 font-weight: bold; 750 font-size: 56px; 751 line-height: 140%; 752 color: #181D20; 753} 754 755.home_area h1 span { 756 color: var(--theme-color); 757} 758 759.home_area p { 760 font-size: 18px; 761 margin-top: 30px; 762} 763 764.button { 765 display: inline-block; 766 border-radius: 7px; 767 border: none; 768 color: #fff; 769 font-weight: 600; 770 font-size: 16px; 771 background-color: var(--theme-color); 772 padding: 13px 40px; 773 text-align: center; 774} 775 776.button:hover { 777 background-color: #126daf; 778 color: #fff; 779} 780 781.button-outline { 782 background-color: transparent; 783 border: 1px solid #1A8FE3; 784 color: #1A8FE3; 785 padding-top: 12px; 786 padding-bottom: 12px; 787} 788 789.button-grey { 790 background-color: #F6F6F6; 791 border: 1px solid #F6F6F6; 792 color: #707375; 793} 794 795.button-grey:hover { 796 background-color: #F6F6F6; 797 border-color: #707375; 798 color: #707375; 799} 800 801.button-outline--grey { 802 background-color: transparent; 803 border: 1px solid #707375; 804 color: #707375; 805} 806 807.button-outline--grey:hover { 808 background-color: #F6F6F6; 809 border-color: #707375; 810 color: #707375; 811} 812 813.animate-text { 814 position: relative; 815 width: 312px; 816 height: 65px; 817 text-align: center; 818 overflow: hidden; 819 display: inline-block; 820 top: 18px; 821} 822 823.animate-text__cont { 824 position: relative; 825 margin: 0; 826 padding: 0; 827 display: flex; 828 flex-direction: column; 829 align-items: center; 830} 831 832.animate-text__item { 833 white-space: nowrap; 834 height: 65px; 835 opacity: 0; 836 line-height: 1; 837} 838 839.home_area--first .home_content { 840 max-width: 100%; 841 position: relative; 842 text-align: center; 843} 844 845.home_area--first .home_content::after { 846 position: absolute; 847 content: ''; 848 width: 215px; 849 height: 260px; 850 top: -40px; 851 left: 0; 852 background-image: url('/v3/img/decorate/d-1.svg'); 853 background-repeat: no-repeat; 854 background-size: contain; 855} 856 857.home_area--first .home_content::before { 858 position: absolute; 859 content: ''; 860 width: 159px; 861 height: 212px; 862 top: -27px; 863 right: -21px; 864 background-image: url('/v3/img/decorate/d-2.svg'); 865 background-repeat: no-repeat; 866 background-size: contain; 867} 868 869.home_area--first .mt_24 { 870 margin-top: 24px; 871} 872 873.tools__content { 874 padding: 16px; 875 cursor: pointer; 876 display: block; 877 border-radius: 12px 12px 0 0; 878} 879 880.tools__circle { 881 border-radius: 99px; 882 width: 48px; 883 height: 48px; 884} 885 886.tools__icons img { 887 width: 24px; 888 height: 24px; 889 position: absolute; 890 left: 12px; 891 top: 12px; 892} 893 894.tools__name { 895 color: #ffffff; 896 font-weight: 600; 897 font-size: 20px; 898 margin-top: 0 !important; 899 text-align: left; 900} 901 902.tools__descr { 903 font-weight: 400; 904 font-size: 12px; 905 color: #ffffff; 906} 907 908.tools__tag { 909 display: inline-block; 910 position: relative; 911 border-radius: 99px; 912 padding: 1px 8px; 913} 914 915.tools__tag span { 916 font-weight: 400; 917 font-size: 12px; 918 line-height: 1.4; 919 letter-spacing: 0.005em; 920 color: #FFFFFF; 921} 922 923.tools__footer { 924 border-radius: 0 0 12px 12px; 925 padding: 10px 16px 16px 16px; 926 background-color: #fff; 927} 928 929.tools__footer>div { 930 border-radius: 8px; 931 padding: 10px; 932} 933 934.search_group--search { 935 max-width: 600px; 936 width: 100%; 937 display: inline-flex; 938 justify-content: center; 939 position: relative; 940} 941 942.decorate { 943 position: absolute; 944} 945 946.home_area--first { 947 position: relative; 948 padding-top: 40px; 949 padding-bottom: 150px; 950} 951 952.tools__item { 953 min-width: 232px; 954 border-radius: 12px; 955} 956 957.tools::before { 958 position: absolute; 959 content: ''; 960 background-image: url('/v3/img/decorate/d-3.svg'); 961 background-repeat: no-repeat; 962 width: 40px; 963 height: 41px; 964 bottom: -17px; 965 left: -7px; 966 z-index: 10; 967} 968 969.tools .slick-slide { 970 margin-left: 10px; 971 margin-right: 10px; 972} 973 974.tools .slick-list { 975 margin-left: -10px; 976 margin-right: -10px; 977} 978 979.d-4 { 980 position: absolute; 981 width: 40px; 982 height: 41px; 983 bottom: -54px; 984 left: calc(720px - 436px); 985} 986 987.tools::after { 988 position: absolute; 989 content: ''; 990 background-image: url('/v3/img/decorate/d-5.svg'); 991 background-repeat: no-repeat; 992 width: 40px; 993 height: 41px; 994 top: -25px; 995 right: 52px; 996 z-index: 10; 997} 998 999.tools__span { 1000 font-size: 10px; 1001 line-height: 15px; 1002 color: #707375; 1003 white-space: nowrap; 1004} 1005 1006.tools__upcoming { 1007 font-weight: 600; 1008 font-size: 10px; 1009 line-height: 15px; 1010 white-space: nowrap; 1011} 1012 1013.filter { 1014 background-color: #ffffff; 1015 border-radius: 99px; 1016 padding: 12px 6px; 1017 display: inline-flex; 1018 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1019} 1020 1021.filter__category { 1022 display: flex; 1023 align-items: center; 1024 border-radius: 99px; 1025 padding: 12px; 1026 cursor: pointer; 1027 margin-left: 6px; 1028 margin-right: 6px; 1029 white-space: nowrap; 1030 color: #525658; 1031} 1032 1033.filter__category.is-active { 1034 background-color: #1A8FE3; 1035 color: #FFFFFF; 1036} 1037 1038.filter__name { 1039 font-weight: 500; 1040 font-size: 14px; 1041 line-height: 1.5; 1042 margin-left: 8px; 1043} 1044 1045.statistic { 1046 margin-top: 80px; 1047 background-color: #EFF7FD; 1048 border-radius: 10px; 1049 padding: 24px 40px; 1050} 1051 1052.statistic__item { 1053 position: relative;
1054 align-items: center; 1055 justify-content: space-between; 1056} 1057 1058.statistic__item:not(:last-of-type)::after { 1059 content: ''; 1060 border-right: 1px solid #C8C9CA; 1061 height: 20px; 1062 padding-left: 80px; 1063} 1064 1065.statistic__num { 1066 font-weight: 600; 1067 font-size: 48px; 1068 color: #1A8FE3; 1069 margin-right: 24px; 1070} 1071 1072.statistic__text { 1073 font-size: 16px; 1074 color: #525658; 1075 font-size: 16px; 1076 display: flex; 1077 flex-direction: column; 1078} 1079 1080.filter-container { 1081 margin-left: auto; 1082 margin-right: auto; 1083} 1084 1085.tools { 1086 position: relative; 1087} 1088 1089.tools_box h4 { 1090 font-weight: 600; 1091 font-size: 20px; 1092 color: #181D20; 1093 margin-top: 16px; 1094 margin-bottom: 8px; 1095 white-space: nowrap; 1096 -o-text-overflow: ellipsis; 1097 text-overflow: ellipsis; 1098 overflow: hidden; 1099} 1100 1101.index .tools_box h4 { 1102 margin-top: 0; 1103} 1104 1105.check-tools { 1106 border-radius: 40px; 1107} 1108 1109.check-tools .title { 1110 line-height: 1.25; 1111 padding: 0; 1112} 1113 1114.catalog-box .icon_box { 1115 width: 48px; 1116 height: 48px; 1117 margin-right: 10px; 1118} 1119 1120.catalog-box h4 { 1121 font-size: 16px; 1122 line-height: 1.4; 1123 letter-spacing: 0.005em; 1124 margin-bottom: 2px; 1125 margin-top: 0; 1126} 1127 1128.catalog-box__tag { 1129 font-weight: 400; 1130 font-size: 12px; 1131 line-height: 1.4; 1132 letter-spacing: 0.005em; 1133} 1134 1135.catalog-box .tools_box { 1136 position: relative; 1137 padding-right: 44px; 1138} 1139 1140.check-tools__actions .button { 1141 color: #1A8FE3; 1142 background-color: transparent; 1143 border: 1.5px solid #1A8FE3; 1144} 1145 1146.support-area { 1147 /*background: linear-gradient(87.56deg, #1A8FE3 1.79%, rgba(26, 143, 227, 0) 383.1%);*/ 1148 background: linear-gradient(304deg, #0B51A9 1.79%, rgba(26, 143, 227, 1.0) 100%); 1149} 1150 1151.support-area__content .title { 1152 color: #FFFFFF; 1153 width: 588px; 1154} 1155 1156.support-area__content .descr { 1157 color: #EFEFEF; 1158 /*max-width: 459px;*/ 1159} 1160 1161.support-area__actions .button { 1162 color: #1A8FE3; 1163 background-color: #ffffff; 1164} 1165 1166.present_area { 1167 overflow: hidden; 1168} 1169 1170.present-card { 1171 background-color: #FFFFFF; 1172 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1173 border-radius: 12px; 1174 padding: 10px 10px 20px 10px; 1175 max-width: 392px; 1176 min-width: 392px; 1177 margin-left: 16px; 1178 margin-right: 16px; 1179} 1180 1181.present-card__bg { 1182 background-color: #d8e6ef; 1183 border-radius: 12px; 1184 height: 304px; 1185 position: relative; 1186 overflow: hidden; 1187} 1188 1189.bg-violet { 1190 background-color: #dee5f1; 1191} 1192 1193.bg-peach { 1194 background-color: #f2e0d8; 1195} 1196 1197.bg-pink { 1198 background-color: #f6defa; 1199} 1200 1201.present-card__bg img { 1202 top: 24px; 1203 left: 24px; 1204 border-radius: 8px; 1205 object-fit: contain; 1206 object-position: left bottom; 1207 position: absolute; 1208 width: 478px; 1209 height: 300px; 1210} 1211 1212.present-card__bg--doble img { 1213 object-fit: contain; 1214 width: 372px; 1215 height: 304px; 1216 object-position: center top; 1217 top: 0; 1218 left: 0; 1219} 1220 1221.present__box { 1222 margin-left: -16px; 1223} 1224 1225.present-cart__content { 1226 padding-left: 10px; 1227 padding-right: 10px; 1228} 1229 1230.present__button { 1231 background: #FFFFFF; 1232 border: 1px solid #E3E3E4; 1233 width: 56px; 1234 height: 56px; 1235 border-radius: 50%; 1236} 1237 1238.present__button--right { 1239 margin-left: 20px; 1240} 1241 1242.present__button path { 1243 stroke: #828586; 1244} 1245 1246.present__button.is-active { 1247 background-color: #1A8FE3; 1248 box-shadow: 0 10px 32px rgba(26, 143, 227, 0.24); 1249 border-color: #1A8FE3; 1250} 1251 1252.present__button.is-active path { 1253 stroke: #fff; 1254} 1255 1256.present-card__name { 1257 margin-top: 16px; 1258 font-weight: 600; 1259 font-size: 20px; 1260 line-height: 30px; 1261 color: #181D20; 1262} 1263 1264.present-card__descr { 1265 margin-top: 4px; 1266 font-size: 14px; 1267 letter-spacing: 0; 1268 overflow: hidden; 1269 text-overflow: ellipsis; 1270 display: -moz-box; 1271 -moz-box-orient: vertical; 1272 display: -webkit-box; 1273 -webkit-line-clamp: 2; 1274 -webkit-box-orient: vertical; 1275 line-clamp: 2; 1276 box-orient: vertical; 1277} 1278 1279.present-cart__actions { 1280 margin-top: 16px; 1281} 1282 1283.present-cart__link { 1284 position: relative; 1285 font-weight: 500; 1286 font-size: 14px; 1287 line-height: 20px; 1288 color: #1A8FE3; 1289} 1290 1291.present-cart__link:after { 1292 position: absolute; 1293 content: ''; 1294 background-image: url('/v3/img/arrow-right.svg'); 1295 background-repeat: no-repeat; 1296 width: 16px; 1297 height: 16px; 1298 top: 1.5px; 1299 right: -23px; 1300} 1301 1302.container-present { 1303 margin-right: 0; 1304 width: 100%; 1305 max-width: 100% !important; 1306 margin-left: calc((100vw - 1259px) / 2); 1307 padding-bottom: 82px; 1308} 1309 1310.container-present .slick-list { 1311 padding: 0 27% 0 0; 1312 height: 535px; 1313} 1314 1315.container-present .slick-track { 1316 margin-left: -16px; 1317 margin-right: -16px; 1318} 1319 1320.catalog-box .check-tools__actions { 1321 padding: 0 !important; 1322} 1323 1324.cnt { 1325 position: relative; 1326 height: 1px; 1327 width: 100%; 1328} 1329 1330.dashed { 1331 position: absolute; 1332 top: 0; 1333 left: 0; 1334 width: 100%; 1335 height: 100%; 1336 background-image: linear-gradient(to right, transparent 50%, #C8C9CA 50%); 1337 background-size: 10px 100%; 1338} 1339 1340.subname { 1341 font-weight: 600; 1342 font-size: 14px; 1343 letter-spacing: 0.005em; 1344 color: #181D20; 1345} 1346 1347.line { 1348 border-top: 1px solid #E3E3E4; 1349} 1350 1351.btn-action { 1352 padding: 14px; 1353 font-weight: 400; 1354 font-size: 14px; 1355 color: #707375; 1356 border: 1px solid #E3E3E4; 1357 border-radius: 8px; 1358 background: #FFFFFF; 1359 width: 100%; 1360 display: block; 1361 text-align: center; 1362 cursor: pointer; 1363} 1364 1365.btn-action--blue { 1366 color: #fff; 1367 border: 1px solid var( --theme-color); 1368 border-radius: 8px; 1369 background-color: var( --theme-color); 1370} 1371 1372.btn-action--light-blue { 1373 color: var( --theme-color); 1374 border: 1px solid var( --theme-color); 1375 background-color: #F6FBFE; 1376 margin-right: 16px; 1377} 1378 1379.btn-action--primary { 1380 color: var( --theme-color); 1381 border: 1.5px solid var( --theme-color); 1382 background-color: #FFF; 1383 font-weight: 600; 1384 font-size: 14px; 1385} 1386 1387.btn-action--primary:hover { 1388 color: #FFF; 1389 border-color: var( --theme-color); 1390 background-color: var( --theme-color); 1391} 1392 1393.btn-action--gray{ 1394 border: 1px solid #E3E3E4; 1395 background: #EFEFEF; 1396 color: #A7A9AA; 1397} 1398 1399.btn-action--gray:hover { 1400 border-color: #A7A9AA; 1401} 1402 1403#subscribeModal .modal-dialog-centered { 1404 justify-content: center; 1405} 1406 1407#subscribeModal { 1408 padding-left: 17px !important; 1409 padding-right: 17px !important; 1410} 1411 1412.btn-action--blue:hover { 1413 color: #fff; 1414} 1415 1416.btn-action--white { 1417 color: var( --theme-color); 1418 border: 1px solid var( --theme-color); 1419 border-radius: 8px; 1420 background-color: #ffffff; 1421} 1422 1423.btn-action--white:hover { 1424 color: var( --theme-color); 1425} 1426 1427.is-disabled .btn-submit { 1428 color: #A7A9AA; 1429 background: #EFEFEF; 1430 border: 1px solid #E3E3E4; 1431} 1432 1433.is-disabled .outline-wrap { 1434 background: #F6F6F6; 1435} 1436 1437 1438/* .button-switch-mode */ 1439 1440.button-switch-mode { 1441 display: inline-block; 1442 width: 24px; 1443 height: 24px; 1444 overflow: hidden; 1445 margin-left: 10px; 1446 vertical-align: middle; 1447 cursor: pointer; 1448 color: #525658; 1449} 1450 1451.button-switch-mode:hover { 1452 color: #828586; 1453} 1454 1455.switch-mode-icon, 1456.switch-mode svg { 1457 width: 100%; 1458 height: 100%; 1459 max-width: 100%; 1460} 1461 1462.switch-mode-icon_sun { 1463 display: none; 1464} 1465 1466.switch-mode-icon_moon { 1467 display: block; 1468} 1469 1470.menu2~.sticky-top-group .button-switch-mode { 1471 display: none; 1472} 1473 1474header a .img-fluid.logo-dark { 1475 display: none; 1476} 1477 1478footer a .img-fluid.logo-dark { 1479 display: none; 1480} 1481 1482 1483/* .header-tools */ 1484 1485.header-tools { 1486 display: inline-flex; 1487 vertical-align: middle;
1488 align-items: center; 1489 margin-right: 10px; 1490 margin-left: 10px; 1491 padding-left: 10px; 1492 padding-right: 12px; 1493 border-right: 1px solid #E3E3E4; 1494} 1495 1496.header-tools .button { 1497 border-radius: 50%; 1498 border: 1px solid #E3E3E4; 1499 width: 40px; 1500 height: 40px; 1501 background-color: transparent; 1502 display: flex; 1503 align-items: center; 1504 justify-content: center; 1505 flex-shrink: 0; 1506 padding: 0; 1507} 1508 1509.header-tools .button img { 1510 width: 20px; 1511 height: 20px; 1512} 1513 1514.header-tools .button:hover { 1515 color: #828586; 1516 background: none; 1517} 1518 1519.header-tools .button svg { 1520 width: 100%; 1521 height: 100%; 1522} 1523 1524.button-share { 1525 margin-left: 10px; 1526} 1527 1528.button-files { 1529 padding: 0; 1530} 1531 1532.button-files img { 1533 margin-right: 4px; 1534} 1535 1536 1537/* btn-support */ 1538 1539.btn-support { 1540 color: var( --theme-color); 1541 display: inline-block; 1542 border-radius: 10px; 1543 border: 1.2px solid var( --theme-color); 1544 font-weight: 500; 1545 font-size: 14px; 1546 background-color: transparent; 1547 padding: 11px 21px; 1548 text-align: center; 1549 line-height: 1.42; 1550 margin-left: 0; 1551} 1552 1553.btn-support:hover { 1554 color: var( --theme-color); 1555} 1556 1557@media (max-width: 1248px) { 1558 .btn-support { 1559 margin-left: -60px; 1560 } 1561} 1562 1563.button.button-sign-in { 1564 padding: 9px 36px; 1565 border: 1.2px solid var( --theme-color); 1566 font-weight: 600; 1567 font-size: 14px; 1568} 1569 1570.nav-link[aria-expanded='true'] { 1571 color: var( --theme-color) !important; 1572} 1573 1574.nav-link[aria-expanded='true']:after { 1575 transform: rotate(225deg); 1576 top: 12px; 1577} 1578 1579.menu2 li a { 1580 font-size: 16px; 1581 font-weight: 500; 1582 color: #525658; 1583 display: -webkit-inline-box; 1584 display: -ms-inline-flexbox; 1585 display: inline-flex; 1586 -webkit-box-align: center; 1587 -ms-flex-align: center; 1588 align-items: center; 1589 padding: 0; 1590} 1591 1592.menu2>li { 1593 padding: 4px 6px; 1594 border-radius: 8px; 1595 transition: 0.3s; 1596 margin-left: 15px; 1597 margin-right: 15px; 1598} 1599 1600.menu2 { 1601 margin-left: -15px; 1602 margin-right: -15px; 1603} 1604 1605.drop_menu.is-opened>a::after { 1606 transform: rotate(225deg); 1607 margin-top: 4px; 1608} 1609 1610.drop_menu.is-opened { 1611 background-color: #E3F1FB; 1612 transition: 0.3s; 1613} 1614 1615.logo-icon { 1616 margin-right: 8px; 1617} 1618 1619.category-tools { 1620 flex-direction: column; 1621 align-items: flex-start; 1622 padding-right: 24px; 1623} 1624 1625.menu2 li .main-item { 1626 border-radius: 8px; 1627 padding: 16px; 1628 display: flex; 1629 flex-direction: column; 1630 align-items: flex-start; 1631 justify-content: flex-end; 1632 height: 320px; 1633} 1634 1635.menu2 li .category-tools__item { 1636 padding: 8px; 1637 border-radius: 8px; 1638 margin-top: 8px; 1639} 1640 1641.menu2 li .category-tools__item:hover { 1642 background-color: #F6F6F6; 1643} 1644 1645.expand_menu-tools--text li .category-tools__item { 1646 padding: 5px 0; 1647 margin: 0; 1648} 1649 1650.expand_menu-tools--text li .category-tools__item:hover { 1651 background-color: #ffffff; 1652} 1653 1654.search_group { 1655 position: relative; 1656 margin-top: 40px; 1657} 1658 1659.search_group input { 1660 background: #FFFFFF; 1661 border-radius: 14px; 1662 border: none; 1663 font-size: 14px; 1664 line-height: 1.5; 1665 color: #525658; 1666 height: 64px; 1667 width: 100%; 1668 padding: 0 56px; 1669 background-image: url(/v3/img/search.svg); 1670 background-position: 22px center; 1671 background-size: 19px; 1672 background-repeat: no-repeat; 1673 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1674 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1675} 1676 1677.search_group .button { 1678 position: absolute; 1679 right: 8px; 1680 top: 50%; 1681 -webkit-transform: translateY(-50%); 1682 -ms-transform: translateY(-50%); 1683 transform: translateY(-50%); 1684 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1685 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1686} 1687 1688.search_group--search input { 1689 background: #FFFFFF; 1690 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1691 border-radius: 99px; 1692 padding-left: 68px; 1693} 1694 1695.search_group--search .button { 1696 border-radius: 99px; 1697 right: 9.5px; 1698 padding: 12px 26.5px; 1699 font-weight: 500; 1700 font-size: 14px; 1701} 1702 1703.search { 1704 position: absolute; 1705 top: 19px; 1706 left: 24px; 1707 width: 25px; 1708 height: 25px; 1709} 1710 1711.tag_box { 1712 padding-top: 14px; 1713} 1714 1715.tag_box a { 1716 background: #C8E4F8; 1717 border-radius: 6px; 1718 display: inline-block; 1719 padding: 6px 12px; 1720 color: var(--theme-color); 1721 font-size: 12px; 1722 line-height: 1.5; 1723 margin-left: 6px; 1724 margin-top: 10px; 1725} 1726 1727.tag_box a:hover { 1728 background-color: var(--theme-color); 1729 color: #fff; 1730} 1731 1732.tag_box span { 1733 display: inline-block; 1734 font-weight: 500; 1735 font-size: 14px; 1736 line-height: 1.5; 1737 color: #181D20; 1738 margin-top: 10px; 1739} 1740 1741.sub_title { 1742 font-weight: 600; 1743 font-size: 16px; 1744 line-height: 140%; 1745 color: var(--theme-color); 1746} 1747 1748.title { 1749 font-weight: bold; 1750 font-size: 48px; 1751 line-height: 130%; 1752 color: #181D20; 1753 padding-top: 8px; 1754} 1755 1756.title_icon { 1757 display: inline-flex; 1758 align-items: center; 1759 justify-content: center; 1760 vertical-align: middle; 1761 width: 40px; 1762 height: 40px; 1763 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1764 border-radius: 99px; 1765 margin-left: 28px; 1766 position: relative; 1767} 1768 1769.title_icon::before { 1770 content: ""; 1771 width: 1px; 1772 height: 20px; 1773 background-color: #E3E3E4; 1774 position: absolute; 1775 left: -14px; 1776 top: 50%; 1777 transform: translateY(-50%); 1778} 1779 1780.title_icon .elect { 1781 background-color: #FFFFFF; 1782 position: static; 1783} 1784 1785@media (max-width: 992px) { 1786 .title_icon { 1787 display: none; 1788 } 1789} 1790 1791.step_box h4 { 1792 font-weight: 600; 1793 font-size: 24px; 1794 line-height: 130%; 1795 color: #181D20; 1796} 1797 1798.step_box p { 1799 max-width: 347px; 1800} 1801 1802.blue { 1803 color: var(--theme-color); 1804} 1805 1806.tools_box { 1807 background: #FFFFFF; 1808 border-radius: 12px; 1809 padding: 24px; 1810 overflow: hidden; 1811 height: 100%; 1812} 1813 1814.icon_box { 1815 width: 56px; 1816 height: 56px; 1817 border-radius: 8px; 1818 display: -webkit-inline-box; 1819 display: -ms-inline-flexbox; 1820 display: inline-flex; 1821 -webkit-box-align: center; 1822 -ms-flex-align: center;
1823 align-items: center; 1824 -webkit-box-pack: center; 1825 -ms-flex-pack: center; 1826 justify-content: center; 1827 padding: 5px; 1828 flex-shrink: 0; 1829} 1830 1831.tools_box p { 1832 font-size: 14px; 1833} 1834 1835.icon_box.v1, 1836.v1 { 1837 background: #FBE6E5; 1838} 1839 1840.icon_box.v2, 1841.v2 { 1842 background: #FEF9E2; 1843} 1844 1845.icon_box.v3, 1846.v3 { 1847 background: #FFEDE0; 1848} 1849 1850.icon_box.v4, 1851.v4 { 1852 background: #E3FCFD; 1853} 1854 1855.icon_box.v5, 1856.v5 { 1857 background: #E9E6F9; 1858} 1859 1860.icon_box.v6, 1861.v6 { 1862 background: #E2F0FE; 1863} 1864 1865.icon_box.v7, 1866.v7 { 1867 background: #ECFAE5; 1868} 1869 1870.icon_box.v8, 1871.v8 { 1872 background: #FFE0E6; 1873} 1874 1875.icon_box.v9, 1876.v9 { 1877 background: #FFE6E0; 1878} 1879 1880.icon_box.v10, 1881.v10 { 1882 background: #E2F6FD; 1883} 1884 1885.icon_box.v11, 1886.v11 { 1887 background: #E7E3FD; 1888} 1889 1890.icon_box.v12, 1891.v12 { 1892 background: #FBE5FB; 1893} 1894 1895.icon_box.v13, 1896.v13 { 1897 background: #FBE5E4; 1898} 1899 1900.icon_box.v14, 1901.v14 { 1902 background: #E2F0FD; 1903} 1904 1905.icon_box.v15, 1906.v15 { 1907 background: #FFF5E0; 1908} 1909 1910.icon_box.v16, 1911.v16 { 1912 background: #E2E3FE; 1913} 1914 1915.icon_box.v17, 1916.v17 { 1917 background: #E2FEE6; 1918} 1919 1920.icon_box.v18, 1921.v18 { 1922 background: #FAE2FE; 1923} 1924 1925.icon_box.v19, 1926.v19 { 1927 background: #FEF8E2; 1928} 1929 1930.icon_box.v20, 1931.v20 { 1932 background: #FEEBE2; 1933} 1934 1935.icon_box.v21, 1936.v21 { 1937 background: #E2EDFE; 1938} 1939 1940.icon_box.v22, 1941.v22 { 1942 background: #E1FDE5; 1943} 1944 1945.icon_box.v23, 1946.v23 { 1947 background: #E2FEFC; 1948} 1949 1950.icon_box.v24, 1951.v24 { 1952 background: #FEE2E2; 1953} 1954 1955.icon_box.v25, 1956.v25 { 1957 background: #E2F7FE; 1958} 1959 1960.icon_box.v26, 1961.v26 { 1962 background: #FEF3E2; 1963} 1964 1965.icon_box.v1 { 1966 color: #E24841; 1967} 1968 1969.icon_box.v2 { 1970 color: #E2C740; 1971} 1972 1973.icon_box.v3 { 1974 color: #FF7919; 1975} 1976 1977.icon_box.v4 { 1978 color: #10D0D5; 1979} 1980 1981.icon_box.v5 { 1982 color: #624BD8; 1983} 1984 1985.icon_box.v6 { 1986 color: #3D99F5; 1987} 1988 1989.icon_box.v7 { 1990 color: #79DC47; 1991} 1992 1993.icon_box.v8 { 1994 color: #FF5975; 1995} 1996 1997.icon_box.v21, 1998.icon_box.v20, 1999.icon_box.v22 { 2000 color: #FFF; 2001} 2002 2003.small_gutter { 2004 margin-left: -10px; 2005 margin-right: -10px; 2006} 2007 2008.small_gutter>div { 2009 padding-right: 10px; 2010 padding-left: 10px; 2011} 2012 2013.tools_area .button { 2014 padding: 17px 48px; 2015 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2016 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2017} 2018 2019.page_shadow { 2020 position: absolute; 2021 left: 0; 2022 top: 0; 2023 width: 100%; 2024 height: 100%; 2025 -o-object-fit: cover; 2026 object-fit: cover; 2027 z-index: -1; 2028} 2029 2030 2031/* .price_box */ 2032.pricing_group { 2033 padding-left: 100px; 2034 padding-right: 100px; 2035} 2036 2037.price_box { 2038 background: #FFFFFF; 2039 border-radius: 12px; 2040 padding: 16px; 2041 max-width: 387px; 2042 height: 100%; 2043 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 2044} 2045 2046.price_box-header { 2047 border-bottom: 1px solid #E3E3E4; 2048 padding-bottom: 16px; 2049 margin-bottom: 16px; 2050} 2051 2052.price_box-header p { 2053 font-size: 10px; 2054 color: #525658; 2055} 2056 2057.price_box-note { 2058 color: #707375; 2059 font-size: 12px; 2060} 2061 2062.price_box-date { 2063 color: #525658; 2064} 2065 2066.price_box-value { 2067 color: #1A8FE3; 2068} 2069 2070.price_box h4 { 2071 font-weight: 500; 2072 font-size: 20px; 2073 line-height: 130%; 2074 color: #181D20; 2075 margin-bottom: 4px; 2076} 2077 2078.price_box h3 { 2079 font-weight: bold; 2080 font-size: 32px; 2081 line-height: 44px; 2082 color: #1A8FE3; 2083 margin-top: 10px; 2084} 2085 2086.price_box h3 sub { 2087 font-size: 14px; 2088 line-height: 20px; 2089 color: #828586; 2090 font-weight: 400; 2091 padding-left: 8px; 2092} 2093 2094.price_box-subtitle { 2095 color: #181D20; 2096 font-size: 16px; 2097 font-weight: 600; 2098 letter-spacing: 0.08px; 2099} 2100 2101.price_box ul {} 2102 2103.price_box ul li { 2104 color: #828586; 2105 font-size: 14px; 2106 font-weight: 400; 2107 line-height: 20px; 2108 letter-spacing: 0.07px; 2109 margin-top: 12px; 2110} 2111 2112.price_box-icon { 2113 width: 16px; 2114 height: 16px; 2115 background-color: #707375; 2116 color: #fff; 2117 border-radius: 100%; 2118 display: inline-flex; 2119 align-items: center; 2120 justify-content: center; 2121 margin-right: 8px; 2122} 2123 2124.price_box-icon svg { 2125 width: 12px; 2126 height: 12px; 2127} 2128 2129.price_box .button { 2130 border-radius: 8px; 2131 padding: 8px 20px; 2132 box-sizing: border-box; 2133 width: 100%; 2134 margin-bottom: 20px; 2135 font-size: 12px; 2136 border: 1px solid #1A8FE3; 2137 background-color: #FFF; 2138 color: #1A8FE3; 2139} 2140 2141.price_box .button.default { 2142 background-color: #EFEFEF; 2143 border: 1px solid #E3E3E4; 2144 color: #A7A9AA; 2145 pointer-events: none; 2146} 2147 2148.price_box .button.default:hover { 2149 background-color: #F6F6F6; 2150 color: #828586; 2151} 2152 2153.price_box.active { 2154 background-color: #1A8FE3; 2155 color: #fff; 2156} 2157 2158.price_box.active .price_box-header { 2159 border-bottom-color: #E3E3E4; 2160} 2161 2162.price_box.active .price_box-icon { 2163 background-color: #FFF; 2164 color: #1A8FE3; 2165} 2166 2167.price_box.active h4, 2168.price_box.active h3, 2169.price_box.active h3 sub, 2170.price_box.active .price_box-subtitle, 2171.dark-mode .price_box .price_box-subtitle, 2172.price_box.active .price_box-header p, 2173.price_box.active .price_box-note, 2174.price_box.active ul li { 2175 color: #fff; 2176} 2177 2178.price_box_button-icon {
2179 width: 20px; 2180 height: 20px; 2181 color: #57B286; 2182 display: inline-block; 2183 vertical-align: middle; 2184 margin-left: 4px; 2185 margin-top: -6px; 2186} 2187 2188.price_box_button-icon svg { 2189 width: 100%; 2190 height: 100%; 2191} 2192 2193.price_box.active .button:hover .price_box_button-icon { 2194 color: #08c332; 2195} 2196 2197.price_box .button-link { 2198 background: none; 2199 color: #D0726C; 2200 font-weight: 500; 2201 font-size: 10px; 2202 text-decoration: underline; 2203 text-transform: none; 2204 padding: 0; 2205} 2206 2207.price_box .button-link:hover { 2208 text-decoration: none; 2209} 2210 2211.price_box--short { 2212 max-width: 100%; 2213 display: flex; 2214 justify-content: space-between; 2215 align-items: center; 2216} 2217 2218.price_box--short .price_box-group { 2219 flex-grow: 1; 2220} 2221 2222.price_box--short .price_box-header { 2223 border: none; 2224 padding-bottom: 0; 2225 margin-bottom: 12px; 2226} 2227 2228.price_box--short h4 { 2229 font-weight: 600; 2230 font-size: 14px; 2231 line-height: 1.2; 2232 margin-bottom: 2px; 2233} 2234 2235.price_box--short h3 { 2236 font-size: 24px; 2237 line-height: 1.2; 2238} 2239 2240.price_box--short h3 sub { 2241 font-size: 10px; 2242 line-height: 15px; 2243 padding-left: 4px; 2244} 2245 2246.price_box--short .button { 2247 width: auto; 2248 font-size: 10px; 2249 text-transform: uppercase; 2250 padding: 10px 12px; 2251} 2252 2253.price_box-decor { 2254 width: 20px; 2255 height: 20px; 2256 border-radius: 100%; 2257 border: 3px solid #fff; 2258 flex-shrink: 0; 2259} 2260 2261.ai-tools__catalog { 2262 margin-top: 8px; 2263} 2264 2265.ai-tools { 2266 width: 295px; 2267 padding-top: 16px; 2268 padding-bottom: 26px; 2269 border-right: 1px solid #E3E3E4; 2270 flex-shrink: 0; 2271} 2272 2273.ai-all { 2274 padding: 16px 0 16px 20px; 2275 width: 100%; 2276} 2277 2278.ai-all__item .main-item { 2279 position: relative; 2280 overflow: hidden; 2281} 2282 2283.ai-featured .d-flex { 2284 align-items: flex-start; 2285} 2286 2287.menu2 li a .ai-all__image { 2288 width: 295px; 2289 height: 222px; 2290 object-fit: cover; 2291 border-radius: 8px; 2292 transform: rotate(-10deg); 2293 position: absolute; 2294 top: 18px; 2295 right: -34px; 2296 margin-right: 0; 2297} 2298 2299.menu2 li a:hover .ai-all__image { 2300 filter: none; 2301} 2302 2303.menu2 .ai-tools h4, 2304.menu2 .ai-all h4 { 2305 margin-left: 0; 2306 padding-left: 0; 2307} 2308 2309.ai-featured__box { 2310 margin-top: 8px; 2311 padding-bottom: 16px; 2312} 2313 2314.ai-featured__box>div { 2315 margin-left: -10px; 2316 margin-right: -10px; 2317} 2318 2319.ai-featured__content { 2320 margin-top: 16px; 2321 display: flex; 2322 align-items: center; 2323 width: 100%; 2324} 2325 2326.ai-other { 2327 padding-top: 16px; 2328} 2329 2330.ai-all__item, 2331.ai-all__item .mega_menu { 2332 margin-top: 0 !important; 2333} 2334 2335.ai-other>div { 2336 margin-left: -10px; 2337} 2338 2339.image-box-arrow { 2340 margin-left: auto; 2341} 2342 2343.menu2 .ai-all__item .main-item { 2344 height: 160px; 2345 margin: 0; 2346} 2347 2348.menu2 .expand_menu--image .category-tools__item { 2349 padding-left: 10px; 2350 padding-right: 10px; 2351 margin-left: 0; 2352} 2353 2354.menu2 .expand_menu--image .category-tools__item:hover { 2355 background-color: #ffffff; 2356} 2357 2358.menu2 .expand_menu--image .category-tools__item--big.is-active:hover { 2359 background-color: #f6f6f6; 2360} 2361 2362.nav-link[aria-expanded='true']:after .menu2 .expand_menu--image .ai-all__item { 2363 padding-left: 10px; 2364 padding-right: 10px; 2365 display: block !important; 2366 flex-shrink: 0; 2367} 2368 2369.category-tools__item--big { 2370 padding-bottom: 16px !important; 2371 padding-right: 42px !important; 2372} 2373 2374.subscribe-modal { 2375 padding: 24px; 2376 background: #FFFFFF; 2377 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 2378 border-radius: 12px; 2379 display: flex; 2380 align-items: center; 2381 flex-direction: column; 2382 max-width: 448px; 2383} 2384 2385.subscribe-modal__icon { 2386 background-color: var(--theme-color); 2387 border-radius: 99px; 2388 flex-shrink: 0; 2389 display: flex; 2390 align-items: center; 2391 justify-content: center; 2392 width: 96px; 2393 height: 96px; 2394} 2395 2396.subscribe-modal__title { 2397 font-weight: 700; 2398 font-size: 24px; 2399 line-height: 1.33; 2400 color: #181D20; 2401 margin-top: 24px; 2402} 2403 2404.subscribe-modal__descr { 2405 margin-top: 10px; 2406 line-height: 1.5; 2407 text-align: center; 2408} 2409 2410.subscribe-modal__field { 2411 margin-top: 24px; 2412} 2413 2414.subscribe-modal__field .form-control-field { 2415 height: 56px; 2416} 2417 2418.subscribe-modal__actions { 2419 display: flex; 2420} 2421 2422.subscribe-modal .modal-footer, 2423.subscribe-modal .modal-header { 2424 border: 0; 2425} 2426 2427.subscribe-modal .form-control-field { 2428 font-size: 14px; 2429} 2430 2431.subscribe-modal__close { 2432 position: absolute; 2433 top: 22px; 2434 right: 22px; 2435 padding: 0 !important; 2436 margin: 0 !important; 2437} 2438 2439@media (max-width: 1025px) { 2440 .pricing_group { 2441 padding-left: 0; 2442 padding-right: 0; 2443 } 2444} 2445 2446@media (min-width: 992px) { 2447 .price_box { 2448 position: relative; 2449 } 2450 .price_box .button { 2451 /*position: absolute; 2452 left: 24px; 2453 right: 24px; 2454 bottom: 24px; 2455 width: auto;*/ 2456 } 2457 .price_box-header p { 2458 font-size: 14px; 2459 } 2460 .price_box--short h4 { 2461 font-size: 20px; 2462 } 2463 .price_box--short { 2464 padding-bottom: 24px; 2465 } 2466 .price_box--short .button { 2467 position: static; 2468 font-size: 14px; 2469 } 2470 .price_box-decor { 2471 width: 32px; 2472 height: 32px; 2473 border: 5px solid #fff; 2474 } 2475 .price_box .button-link { 2476 font-size: 14px; 2477 } 2478} 2479 2480@media (max-width: 575.98px) { 2481 .price_box.price_box--short h4 { 2482 font-size: 14px; 2483 } 2484 .details-popup--catalog .qr { 2485 width: 100%; 2486 height: auto; 2487 } 2488 .details-popup--catalog .details-popup__btn { 2489 height: 40px; 2490 width: 40px; 2491 display: flex; 2492 align-items: center; 2493 justify-content: center; 2494 border: 1.5px solid #1A8FE3; 2495 color: #1A8FE3; 2496 } 2497 .details-popup--catalog.details-popup .btn-action--blue { 2498 height: 40px; 2499 font-size: 12px; 2500 } 2501 .subscribe-modal { 2502 padding: 16px; 2503 } 2504 .subscribe-modal__icon { 2505 width: 72px; 2506 height: 72px; 2507 } 2508 .subscribe-modal__icon svg { 2509 width: 27px; 2510 height: 23px; 2511 } 2512 .subscribe-modal__icon img { 2513 width: 32px; 2514 height: 32px; 2515 } 2516 .subscribe-modal__title { 2517 font-size: 20px; 2518 } 2519 .subscribe-modal__descr { 2520 font-size: 12px; 2521 } 2522 .subscribe-modal__field .form-control-field { 2523 height: 48px; 2524 } 2525 .subscribe-modal__close { 2526 top: 16px; 2527 right: 16px; 2528 } 2529} 2530 2531 2532/*contact area*/ 2533 2534.contact_area input, 2535.contact_area textarea { 2536 background: #FFFFFF; 2537 border: 1px solid #E3E3E4; 2538 border-radius: 10px; 2539 width: 100%; 2540 height: 48px; 2541 padding: 0 16px; 2542 font-size: 14px; 2543 margin-top: 15px; 2544 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2545 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2546} 2547 2548.contact_area label { 2549 font-weight: 500; 2550 font-size: 16px; 2551 line-height: 140%; 2552 color: #525658; 2553} 2554 2555.contact_area input::-webkit-input-placeholder, 2556.contact_area textarea::-webkit-input-placeholder { 2557 color: #C8C9CA; 2558 opacity: 1; 2559} 2560 2561.contact_area input::-moz-placeholder, 2562.contact_area textarea::-moz-placeholder { 2563 color: #C8C9CA; 2564 opacity: 1; 2565} 2566 2567.contact_area input:-ms-input-placeholder, 2568.contact_area textarea:-ms-input-placeholder { 2569 color: #C8C9CA; 2570 opacity: 1; 2571} 2572 2573.contact_area input::-ms-input-placeholder, 2574.contact_area textarea::-ms-input-placeholder { 2575 color: #C8C9CA; 2576 opacity: 1; 2577} 2578 2579.contact_area input::placeholder, 2580.contact_area textarea::placeholder { 2581 color: #C8C9CA; 2582 opacity: 1; 2583} 2584 2585.contact_area textarea { 2586 height: 137px; 2587 resize: none; 2588 padding-top: 14px; 2589 padding-bottom: 14px; 2590} 2591 2592.contact_area .button { 2593 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2594 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2595 border-radius: 14px; 2596} 2597 2598.contact_area--section { 2599 padding-top: 50px; 2600 padding-bottom: 100px; 2601} 2602 2603@media (min-width: 960px) { 2604 2605 .contact_area--section { 2606 padding-top: 75px; 2607 padding-bottom: 150px; 2608 } 2609} 2610 2611.title_md { 2612 font-weight: bold; 2613 font-size: 32px; 2614 line-height: 1.5; 2615 color: #181D20; 2616 margin-top: 40px; 2617} 2618 2619.privacy_area p a { 2620 color: inherit; 2621} 2622 2623.privacy_area p a:hover, 2624.privacy_area p a.active { 2625 color: var(--blue); 2626} 2627 2628 2629/*compress area*/ 2630 2631.title_lg { 2632 font-weight: bold; 2633 font-size: 40px; 2634 line-height: 140%; 2635 color: #181D20; 2636} 2637 2638.rating_box { 2639 display: -webkit-box; 2640 display: -ms-flexbox; 2641} 2642 2643 2644/* tools-menu */ 2645 2646.tools-menu { 2647 display: flex; 2648 -webkit-box-align: center; 2649 -ms-flex-align: center;
2650 align-items: center; 2651 -webkit-box-pack: justify; 2652 -ms-flex-pack: justify; 2653 justify-content: space-between; 2654 background: #FFFFFF; 2655 border-radius: 12px; 2656 padding: 6px 24px 16px 24px; 2657 max-width: 480px; 2658 margin-top: 55px; 2659 -webkit-box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2660 box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2661} 2662 2663.rating_box { 2664 display: -webkit-box; 2665 display: -ms-flexbox; 2666 display: flex; 2667 -webkit-box-align: center; 2668 -ms-flex-align: center; 2669 align-items: center; 2670 -webkit-box-pack: justify; 2671 -ms-flex-pack: justify; 2672 justify-content: space-between; 2673 background: #FFFFFF; 2674 border-radius: 12px; 2675 padding: 6px 24px 16px 24px; 2676 max-width: 480px; 2677 margin-top: 55px; 2678 -webkit-box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2679 box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2680} 2681 2682.rating_box h5 { 2683 font-weight: 600; 2684 font-size: 18px; 2685 color: #707375; 2686} 2687 2688.rating_box h6 { 2689 font-weight: 500; 2690 font-size: 16px; 2691 line-height: 24px; 2692 color: #1A8FE3; 2693 border-left: 1px solid #E3E3E4; 2694 padding-left: 8px; 2695} 2696 2697.rating_box h6 span { 2698 font-size: 12px; 2699 color: #828586; 2700 font-weight: 400; 2701} 2702 2703.rating_wrap { 2704 display: -webkit-box; 2705 display: -ms-flexbox; 2706 display: flex; 2707 -webkit-box-align: center; 2708 -ms-flex-align: center; 2709 align-items: center; 2710} 2711 2712.star-rating { 2713 direction: rtl; 2714 display: inline-block; 2715 padding: 0 20px; 2716} 2717 2718.star-rating input[type=radio] { 2719 display: none 2720} 2721 2722.star-rating label { 2723 cursor: pointer; 2724} 2725 2726.star-rating label svg path { 2727 -webkit-transition: all .3s ease-in-out; 2728 -o-transition: all .3s ease-in-out; 2729 transition: all .3s ease-in-out 2730} 2731 2732.star-rating label:hover svg path, 2733.star-rating label:hover~label svg path, 2734.star-rating input[type=radio]:checked~label svg path { 2735 stroke: #f2b600; 2736 fill: #f2b600; 2737} 2738 2739.file-drop-area { 2740 position: relative; 2741 display: -webkit-box; 2742 display: -ms-flexbox; 2743 display: flex; 2744 -webkit-box-align: center; 2745 -ms-flex-align: center; 2746 align-items: center; 2747 width: 100%; 2748 max-width: 100%; 2749 -webkit-transition: 0.2s; 2750 -o-transition: 0.2s; 2751 transition: 0.2s; 2752 border-radius: 12px; 2753 padding: 2rem; 2754 -webkit-box-pack: center; 2755 -ms-flex-pack: center; 2756 justify-content: center; 2757 -webkit-box-orient: vertical; 2758 -webkit-box-direction: normal; 2759 -ms-flex-direction: column; 2760 flex-direction: column; 2761 margin-top: 4.5rem; 2762 height: 366px; 2763 background: #FFFFFF; 2764 border: 1px solid #EFEFEF; 2765} 2766 2767.file-drop-area.is-active { 2768 background-color: rgba(255, 255, 255, 0.05); 2769} 2770 2771.file-msg { 2772 font-size: small; 2773 font-weight: 300; 2774 line-height: 1.4; 2775 white-space: nowrap; 2776 overflow: hidden; 2777 -o-text-overflow: ellipsis; 2778 text-overflow: ellipsis; 2779} 2780 2781.file-input { 2782 position: absolute; 2783 left: 0; 2784 top: 0; 2785 height: 100%; 2786 width: 100%; 2787 cursor: pointer; 2788 opacity: 0; 2789} 2790 2791.file-input:focus { 2792 outline: none; 2793} 2794 2795.file-drop-area .social_icon { 2796 position: relative; 2797 z-index: 1; 2798} 2799 2800.file-drop-area .social_icon a { 2801 height: 32px; 2802 width: 32px; 2803 line-height: 32px; 2804} 2805 2806.file-drop-area .button { 2807 border-radius: 14px; 2808 display: -webkit-inline-box; 2809 display: -ms-inline-flexbox; 2810 display: inline-flex; 2811 -webkit-box-align: center; 2812 -ms-flex-align: center; 2813 align-items: center; 2814 -webkit-box-pack: center; 2815 -ms-flex-pack: center; 2816 justify-content: center; 2817 font-weight: 500; 2818 padding: 16px 24px; 2819} 2820 2821.file-drop-area .button img { 2822 margin-right: 8px; 2823} 2824 2825p.drag { 2826 font-size: 16px; 2827 line-height: 140%; 2828 color: #707375; 2829} 2830 2831.tools_area.v2 .tools_box { 2832 padding: 32px; 2833} 2834 2835.tools_area.v2 .icon_box { 2836 width: 72px; 2837 height: 72px; 2838} 2839 2840.tools_area.v2 .tools_box p { 2841 font-size: 16px; 2842} 2843 2844.step_item { 2845 position: relative; 2846 padding-left: 40px; 2847} 2848 2849.step_item h4 { 2850 font-weight: 600; 2851 font-size: 18px; 2852 color: #181D20; 2853} 2854 2855.step_item::after { 2856 position: absolute; 2857 content: ''; 2858 left: 5px; 2859 height: 14px; 2860 width: 14px; 2861 top: 4px; 2862 border-radius: 50%; 2863 background-color: var(--blue); 2864 -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 6px var(--blue); 2865 box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 6px var(--blue); 2866} 2867 2868.step_item::before { 2869 position: absolute; 2870 content: ''; 2871 top: 0; 2872 left: 11.5px; 2873 height: calc(100% + 30px); 2874 border-left: 2px dashed #71BAEE; 2875} 2876 2877.step_item:last-child::before { 2878 display: none; 2879} 2880 2881 2882/*footer area*/ 2883 2884footer { 2885 font-size: 14px; 2886 line-height: 140%; 2887 color: #828586; 2888 background-color: #fff; 2889 padding-top: 10px; 2890} 2891 2892footer ul li { 2893 padding-top: 14px; 2894} 2895 2896footer a { 2897 color: inherit; 2898} 2899 2900footer a:hover, 2901footer a.active { 2902 color: var(--blue); 2903} 2904 2905footer h4 { 2906 font-weight: bold; 2907 font-size: 18px; 2908 line-height: 150%; 2909 color: #525658; 2910} 2911 2912.footer_bottom { 2913 background: #EFF7FD; 2914 padding: 14px 0 24px; 2915 font-weight: 500; 2916 margin-top: 80px; 2917} 2918 2919.copy_right { 2920 color: #707375; 2921} 2922 2923.footer_bottom p span { 2924 color: var(--blue); 2925} 2926 2927.footer_bottom p img { 2928 max-width: 114px; 2929 margin-right: 24px; 2930} 2931 2932 2933/*return-to-top START CSS*/ 2934 2935.back-to-top { 2936 font-size: 24px; 2937 width: 45px; 2938 height: 45px; 2939 line-height: 45px; 2940 text-align: center; 2941 display: none; 2942 position: fixed; 2943 bottom: 30px; 2944 right: 20px; 2945 border-radius: 50%; 2946 background: var(--blue); 2947 z-index: 1000; 2948} 2949 2950.back-to-top i { 2951 color: #fff; 2952} 2953 2954.menu2 { 2955 display: -webkit-box; 2956 display: -ms-flexbox; 2957 display: flex; 2958 -webkit-box-align: center; 2959 -ms-flex-align: center;
2960 align-items: center; 2961 -webkit-box-pack: center; 2962 -ms-flex-pack: center; 2963 justify-content: center; 2964} 2965 2966.menu2>li { 2967 padding: 0 11px; 2968} 2969 2970.menu2 li a { 2971 font-size: 16px; 2972 line-height: 140%; 2973 color: #525658; 2974 display: -webkit-inline-box; 2975 display: -ms-inline-flexbox; 2976 display: inline-flex; 2977 -webkit-box-align: center; 2978 -ms-flex-align: center; 2979 align-items: center; 2980 padding: 0; 2981} 2982 2983.menu2 li a:hover { 2984 color: var(--blue); 2985} 2986 2987.menu2 li a img { 2988 width: 20px; 2989 height: 20px; 2990 margin-right: 8px; 2991} 2992 2993.menu2 li a:hover img { 2994 -webkit-filter: invert(48%) sepia(99%) saturate(5326%) hue-rotate(200deg) brightness(103%) contrast(107%); 2995 filter: invert(48%) sepia(99%) saturate(5326%) hue-rotate(200deg) brightness(103%) contrast(107%); 2996} 2997 2998.drop_menu { 2999 position: relative; 3000} 3001 3002.menu2>li>ul { 3003 background: #FFFFFF; 3004 border-radius: 10px 0 0 10px; 3005 padding: 8px 0 8px; 3006 position: absolute; 3007 top: 100%; 3008 left: 0; 3009 width: 250px; 3010 -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3011 box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3012 opacity: 0; 3013 visibility: hidden; 3014 -webkit-transition: 0.3s; 3015 -o-transition: 0.3s; 3016 transition: 0.3s; 3017} 3018 3019.menu2>li:hover>ul { 3020 opacity: 1; 3021 visibility: visible; 3022} 3023 3024.menu2>li>ul>li { 3025 padding: 8px 16px; 3026} 3027 3028.drop_menu>a::after { 3029 content: ''; 3030 width: 7px; 3031 height: 7px; 3032 margin-left: 7px; 3033 margin-top: -4px; 3034 border-right: 1px solid #707375; 3035 border-bottom: 1px solid #707375; 3036 -webkit-transform: rotate(45deg); 3037 transform: rotate(45deg); 3038} 3039 3040.multilavel { 3041 position: relative; 3042} 3043 3044.multilavel>a { 3045 position: relative; 3046 display: -webkit-box !important; 3047 display: -ms-flexbox !important; 3048 display: flex !important; 3049} 3050 3051.multilavel>a::after { 3052 position: absolute; 3053 content: ''; 3054 width: 7px; 3055 height: 7px; 3056 margin-left: 7px; 3057 border-right: 1px solid #707375; 3058 border-bottom: 1px solid #707375; 3059 -webkit-transform: rotate(45deg); 3060 transform: rotate(45deg); 3061 right: 0; 3062 top: 5px; 3063} 3064 3065.multilavel>ul { 3066 top: 0; 3067 left: 100%; 3068 position: absolute; 3069 -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3070 box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3071 border-radius: 0 10px 10px 0; 3072 padding: 8px 0 8px; 3073 background-color: #fff; 3074 width: 250px; 3075 visibility: hidden; 3076 opacity: 0; 3077 -webkit-transition: 0.3s; 3078 -o-transition: 0.3s; 3079 transition: 0.3s; 3080} 3081 3082.multilavel>ul>li { 3083 padding: 8px 16px; 3084} 3085 3086.multilavel:hover>ul { 3087 visibility: visible; 3088 opacity: 1; 3089} 3090 3091@media (min-width: 1025px) { 3092 .menu2>li { 3093 display: flex; 3094 align-items: center; 3095 } 3096} 3097 3098 3099/*****new*****/ 3100 3101.mobile_menu .menu2 { 3102 margin-left: 0; 3103} 3104 3105.sticky-top-group { 3106 display: -webkit-box; 3107 display: -ms-flexbox; 3108 display: flex; 3109 -webkit-box-align: center; 3110 -ms-flex-align: center; 3111 align-items: center; 3112 -webkit-box-pack: end; 3113 -ms-flex-pack: end; 3114 justify-content: flex-end; 3115} 3116 3117.button-share-box { 3118 text-align: right; 3119 display: inline-block; 3120} 3121 3122.menu2~.sticky-top-group .button-share-box { 3123 display: none; 3124} 3125 3126.sticky-top-group .button { 3127 font-size: 12px; 3128 padding: 5px 16px; 3129 vertical-align: middle; 3130} 3131 3132.sticky-top-group .button-files { 3133 padding-top: 6px; 3134 padding-bottom: 6px; 3135} 3136 3137.sticky-top-group .button-share img { 3138 width: 12px; 3139 height: 12px; 3140 margin-right: 6px; 3141} 3142 3143.sticky-top-group .header-search { 3144 display: none; 3145} 3146 3147.header-tools+.hamburger-menu { 3148 margin-left: 10px; 3149} 3150 3151 3152/* logo */ 3153 3154.logo { 3155 font-weight: 700; 3156 font-size: 16px; 3157 line-height: 24px; 3158 color: #1A8FE3; 3159 white-space: nowrap; 3160} 3161 3162.logo span { 3163 color: #181D20; 3164} 3165 3166 3167/* header-search */ 3168 3169.header-search { 3170 display: inline-flex; 3171 vertical-align: middle; 3172 width: 217px; 3173 position: relative; 3174 height: 44px; 3175 margin-right: 8px; 3176} 3177 3178.header-search .header-search_button { 3179 display: none; 3180 background: none; 3181} 3182 3183.header-search_group { 3184 width: inherit; 3185 height: inherit; 3186} 3187 3188.header-search_form { 3189 height: inherit; 3190} 3191 3192.header-search .form-control { 3193 padding-left: 42px; 3194 background: #F6F6F6; 3195 border-radius: 10px; 3196 border: none; 3197 height: inherit; 3198 font-weight: 400; 3199 font-size: 10px; 3200} 3201 3202.header-search_form .button { 3203 padding: 11px 6px 10px 12px; 3204 background: none; 3205 position: absolute; 3206 top: 0; 3207 left: 0; 3208 width: 38px; 3209 height: inherit; 3210} 3211 3212.header-search .button img { 3213 width: 100%; 3214 height: 100%; 3215 display: block; 3216} 3217 3218.header-search .button:hover { 3219 background: none; 3220} 3221 3222.header-search_results { 3223 position: absolute; 3224 top: 100%; 3225 left: 0; 3226 width: 100%; 3227 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 3228 border-radius: 7px; 3229 padding-top: 1px; 3230 padding-bottom: 1px; 3231 padding-left: 10px; 3232 padding-right: 10px; 3233 background-color: #fff; 3234 margin-top: 8px; 3235 text-align: left; 3236} 3237 3238.header-search_results-list { 3239 color: #828586; 3240 font-size: 12px; 3241} 3242 3243.header-search_results-list li { 3244 border-bottom: 1px solid #E3E3E4; 3245 padding-top: 9px; 3246 padding-bottom: 9px; 3247 padding-left: 2px; 3248} 3249 3250.header-search_results-list a { 3251 color: inherit; 3252 white-space: nowrap; 3253 text-overflow: ellipsis; 3254 overflow: hidden; 3255 max-width: 100%; 3256 display: block; 3257} 3258 3259.header-search_results-list img { 3260 display: inline-block; 3261 vertical-align: middle; 3262 margin-right: 10px; 3263} 3264 3265.header-search_results-list strong { 3266 font-weight: 500; 3267 color: #181D20; 3268} 3269 3270.header-search_results-all a { 3271 font-weight: 500; 3272 font-size: 12px; 3273 line-height: 18px; 3274 padding-top: 8px; 3275 padding-bottom: 8px; 3276 display: block; 3277 text-align: center; 3278 color: #1A8FE3; 3279} 3280 3281.header-search_form .header-search_back, 3282.header-search_form .header-search_clear, 3283.header-search_popular, 3284.header-search_example { 3285 display: none; 3286} 3287 3288.header-search .tools_box { 3289 display: block; 3290} 3291 3292.tags-box { 3293 display: flex; 3294 align-items: center; 3295} 3296 3297.tags-box span { 3298 font-weight: 500; 3299 font-size: 14px; 3300 color: #181D20; 3301 margin-right: 8px; 3302 white-space: nowrap; 3303} 3304 3305.tag-item { 3306 color: var(--theme-color); 3307 font-weight: 500; 3308 font-size: 14px; 3309 padding: 8px 10px; 3310 border: 1px solid var(--theme-color); 3311 border-radius: 10px; 3312 display: inline-block; 3313 margin-left: 16px; 3314 white-space: nowrap; 3315} 3316 3317.tags-box--tools { 3318 margin-bottom: 48px; 3319} 3320 3321.tags-box--tools span { 3322 margin-left: 6px; 3323 margin-right: 10px !important; 3324 font-size: 16px; 3325} 3326 3327.tags-box__wrapper { 3328 margin: -6px; 3329 align-items: center; 3330} 3331 3332.tags-box--tools .tag-item { 3333 padding-top: 6px; 3334 padding-bottom: 6px; 3335 background-color: #E3F1FB; 3336 line-height: 1.3; 3337 margin: 6px; 3338} 3339 3340@media (max-width: 1199px) { 3341 .header-search { 3342 width: 150px; 3343 } 3344} 3345 3346@media (max-width: 992px) { 3347 .header-search { 3348 height: auto; 3349 } 3350 .header-search_group { 3351 position: relative; 3352 z-index: 5; 3353 } 3354 .header-search_results { 3355 position: fixed; 3356 top: 170px; 3357 bottom: 0; 3358 left: 0; 3359 width: 100%; 3360 z-index: 4; 3361 box-shadow: none; 3362 border-radius: 0; 3363 padding-top: 0; 3364 padding-left: 0; 3365 padding-right: 0; 3366 background-color: #fff; 3367 } 3368 .header-search_results-box { 3369 overflow-y: auto; 3370 height: 100%; 3371 } 3372 .header-search_results .tools_box { 3373 display: flex; 3374 align-items: center; 3375 margin-top: 16px; 3376 padding: 0 !important; 3377 width: 100%; 3378 border-radius: 0; 3379 } 3380 .header-search_results .tools_box .icon_box { 3381 width: 40px; 3382 height: 40px; 3383 flex-shrink: 0; 3384 margin-right: 10px; 3385 margin-bottom: 0; 3386 } 3387 .header-search_results .tools_box svg {
3388 width: 20px; 3389 height: 20px; 3390 } 3391 .header-search_results .tools_box h4 { 3392 color: #A7A9AA; 3393 margin-bottom: 0; 3394 font-size: 12px; 3395 margin-top: 0; 3396 line-height: 1.2; 3397 } 3398 .header-search_results .tools_box h4 strong { 3399 color: #181D20; 3400 font-weight: 600; 3401 } 3402 .header-search_results .catalog-box__tag { 3403 color: #707375; 3404 } 3405 .header-search_other { 3406 margin-top: 18px; 3407 } 3408 .header-search_other-title { 3409 text-align: center; 3410 text-transform: uppercase; 3411 font-weight: 500; 3412 font-size: 10px; 3413 line-height: 16px; 3414 position: relative; 3415 } 3416 .header-search_other-title:before { 3417 content: ""; 3418 display: block; 3419 border-top: 1px solid #C8C9CA; 3420 position: absolute; 3421 left: 0; 3422 right: 0; 3423 top: 50%; 3424 transform: translateY(-50%); 3425 z-index: -1; 3426 } 3427 .header-search_other-title span { 3428 display: inline-block; 3429 background-color: #fff; 3430 padding-left: 8px; 3431 padding-right: 8px; 3432 } 3433} 3434 3435 3436/* header-user */ 3437 3438.header-user { 3439 margin-left: 8px; 3440 position: relative; 3441 display: inline-block; 3442 vertical-align: middle; 3443} 3444 3445.header-user:hover .header-user_menu { 3446 display: block; 3447} 3448 3449.header-user_avatar { 3450 width: 40px; 3451 height: 40px; 3452 overflow: hidden; 3453 border-radius: 100%; 3454 font-weight: 600; 3455 font-size: 16px; 3456 color: #fff; 3457 display: flex; 3458 align-items: center; 3459 justify-content: center; 3460 background-color: #9747FF; 3461} 3462 3463.header-user_menu { 3464 position: absolute; 3465 top: 100%; 3466 right: 0; 3467 width: 224px; 3468 padding-top: 17px; 3469 margin-left: 5px; 3470 text-align: left; 3471 display: none; 3472} 3473 3474.header-user_menu::before { 3475 content: ""; 3476 width: 0; 3477 height: 0; 3478 border-left: 6px solid transparent; 3479 border-right: 6px solid transparent; 3480 border-bottom: 10px solid #FFF; 3481 position: absolute; 3482 top: 8px; 3483 left: 50%; 3484 transform: translateX(-50%); 3485} 3486 3487.header-user_menu-box { 3488 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 3489 border-radius: 12px; 3490 background: #FFF; 3491 padding: 16px; 3492} 3493 3494.header-user_menu-list { 3495 margin-top: 16px; 3496} 3497 3498.header-user_menu-list li { 3499 border-bottom: 1px solid #E3E3E4; 3500 display: flex; 3501 justify-content: space-between; 3502} 3503 3504.header-user_menu-list li:first-child { 3505 border-top: 1px solid #E3E3E4; 3506} 3507 3508.header-user_menu-list a { 3509 padding-top: 12px; 3510 padding-bottom: 12px; 3511 color: #525658; 3512 font-weight: 400; 3513 font-size: 14px; 3514 line-height: 21px; 3515 display: block; 3516} 3517 3518.header-user_menu .switch-mode-tool { 3519 display: inline-flex; 3520 padding: 0; 3521 margin-top: 0; 3522 border: none; 3523} 3524 3525.header-user_menu .switch-mode-tool .form-check-input { 3526 width: 48px; 3527} 3528 3529.header-user_menu .switch-mode-tool .form-check-input::after { 3530 left: 2px; 3531 top: 2px; 3532 width: 20px; 3533 height: 20px; 3534} 3535 3536.header-user_menu-actions { 3537 margin-top: 16px; 3538} 3539 3540.header-user_menu-actions .btn { 3541 width: 100%; 3542 padding-top: 7px; 3543 padding-bottom: 7px; 3544 border-radius: 4px; 3545 font-weight: 500; 3546 font-size: 12px; 3547} 3548 3549.header-user_menu-actions .btn-support {} 3550 3551.header-user_menu-actions .btn-logout { 3552 border: 1px solid #E2464C; 3553 color: #E2464C; 3554 margin-top: 8px; 3555} 3556 3557 3558/* tools-menu */ 3559 3560.tools-menu { 3561 display: flex; 3562 align-items: center; 3563 color: #525658; 3564 padding-right: 10px; 3565 margin-right: 4px; 3566 position: relative; 3567} 3568 3569.tools-menu.current { 3570 color: #1A8FE3; 3571} 3572 3573.tools-menu.current .tools-menu_icon-arrow { 3574 transform: rotate(180deg); 3575} 3576 3577.tools-menu::after { 3578 content: ""; 3579 position: absolute; 3580 top: 50%; 3581 right: 0; 3582 transform: translateY(-50%); 3583 width: 1px; 3584 height: 12px; 3585 background-color: #E3E3E4; 3586} 3587 3588.tools-menu_icon-grid { 3589 width: 20px; 3590 height: 20px; 3591 transition: color .2s linear; 3592} 3593 3594.tools-menu_icon-arrow { 3595 width: 12px; 3596 height: 12px; 3597 margin-left: 6px; 3598 transition: transform, color .2s linear; 3599} 3600 3601.tools-menu svg { 3602 width: 100%; 3603 height: 100%; 3604 vertical-align: top; 3605} 3606 3607@media (min-width: 767px) { 3608 .tools-menu { 3609 margin-right: 12px; 3610 } 3611} 3612 3613@media (min-width: 992px) { 3614 .tools-menu { 3615 display: none; 3616 } 3617 .sticky-top-group .button-switch-mode { 3618 margin: 0 0 0 20px; 3619 } 3620 .sticky-top-group .header-search { 3621 display: inline-block; 3622 width: auto; 3623 height: auto; 3624 } 3625 .header-search .form-control { 3626 padding: 16.5px 16.5px 16px 46px; 3627 font-size: 10px; 3628 background-color: #F6F6F6; 3629 border-radius: 8px; 3630 border: none; 3631 outline: none; 3632 color: #707375; 3633 } 3634 .header-search_form .button { 3635 padding: 0 10px; 3636 top: 0; 3637 left: 3px; 3638 } 3639 .sticky-top-group .hamburger-menu { 3640 margin-left: 12px; 3641 }
3642 .modal-share .modal-title { 3643 font-size: 20px; 3644 } 3645 .modal-share .modal-header-text { 3646 font-size: 14px; 3647 } 3648 /* modal-choose-options */ 3649 .modal-choose-options .modal-dialog { 3650 max-width: 616px; 3651 } 3652 .choose-options_label { 3653 min-height: 114px; 3654 } 3655} 3656 3657 3658/* .faq_item_box */ 3659 3660.faq_item_box {} 3661 3662.faq_item_box .card { 3663 margin-top: 24px; 3664 border: none; 3665 border-radius: 12px; 3666 width: 100%; 3667} 3668 3669.faq_item_box .card-body { 3670 padding: 0; 3671} 3672 3673.faq_item_box .card-title { 3674 color: #707375; 3675 font-size: 18px; 3676 font-weight: 500; 3677 margin-bottom: 0; 3678 min-height: 20px; 3679 -webkit-transition: color .2s linear; 3680 -o-transition: color .2s linear; 3681 transition: color .2s linear; 3682 cursor: pointer; 3683 position: relative; 3684 padding: 24px 64px 24px 24px 3685} 3686 3687.faq_item_box .card-action { 3688 position: absolute; 3689 top: 50%; 3690 margin-top: -12px; 3691 right: 24px; 3692 width: 24px; 3693 height: 24px; 3694 overflow: hidden; 3695 display: block; 3696} 3697 3698.faq_item_box .card-action img { 3699 max-width: 100%; 3700} 3701 3702.faq_item_box .card-action-plus {} 3703 3704.faq_item_box .card-action-minus { 3705 display: none; 3706} 3707 3708.faq_item_box .card-content { 3709 padding: 0 24px 24px; 3710 display: none; 3711} 3712 3713.faq_item_box .card-text { 3714 color: #828586; 3715 font-size: 16px; 3716 font-weight: 400; 3717} 3718 3719.faq_item_box .card-title.is-active+.card-content { 3720 display: block; 3721} 3722 3723.faq_item_box .card-title.is-active { 3724 color: #1A8FE3; 3725} 3726 3727.faq_item_box .card-title.is-active .card-action-plus { 3728 display: none; 3729} 3730 3731.faq_item_box .card-title.is-active .card-action-minus { 3732 display: block; 3733} 3734 3735.modal-share {} 3736 3737.modal-share .modal-content { 3738 border-radius: 12px; 3739} 3740 3741.modal-share .modal-header { 3742 border: none; 3743 padding: 40px 40px 0; 3744 display: block; 3745} 3746 3747.modal-share.ctrl-modal .modal-header { 3748 text-align: left; 3749} 3750 3751.modal-share .modal-title { 3752 color: #181D20; 3753 font-weight: bold; 3754 font-size: 24px; 3755 margin-bottom: 8px; 3756} 3757 3758.modal-share .modal-header-text { 3759 color: #828586; 3760 font-size: 16px; 3761} 3762 3763.modal-share .modal-header .close { 3764 position: absolute; 3765 top: 24px; 3766 right: -8px; 3767} 3768 3769.modal-share .modal-body { 3770 padding: 8px 40px 40px; 3771} 3772 3773.modal-share .social_icon { 3774 text-align: left; 3775 display: -webkit-box; 3776 display: -ms-flexbox; 3777 display: flex; 3778 -webkit-box-pack: justify; 3779 -ms-flex-pack: justify; 3780 justify-content: space-between; 3781 -ms-flex-wrap: wrap; 3782 flex-wrap: wrap; 3783 margin-left: -8px; 3784 margin-right: -8px; 3785} 3786 3787.modal-share .social_icon a { 3788 width: 48px; 3789 height: 48px; 3790 background-color: #fff; 3791 border: 1px solid #E3E3E4; 3792 line-height: 46px; 3793 -ms-flex-negative: 0; 3794 flex-shrink: 0; 3795 margin-left: 8px; 3796 margin-right: 8px; 3797 margin-top: 16px; 3798} 3799 3800.modal-share .input-group { 3801 margin-top: 40px; 3802} 3803 3804.modal-share .form-control { 3805 padding: 13px 6px 11px 16px; 3806 font-size: 14px; 3807 border-radius: 8px 0 0 8px; 3808 border-color: #E3E3E4; 3809 border-right-width: 0; 3810 height: 44px; 3811} 3812 3813.modal-share .form-control:focus { 3814 outline: none; 3815 -webkit-box-shadow: none; 3816 box-shadow: none; 3817} 3818 3819.modal-share .input-group-append .btn { 3820 padding: 13px 8px 10px 6px; 3821 font-size: 12px; 3822 color: #1A8FE3; 3823 font-weight: 600; 3824 border-radius: 0 8px 8px 0; 3825 border-color: #E3E3E4; 3826 border-left-width: 0; 3827} 3828 3829.modal-share .input-group-append .btn:hover { 3830 background: none; 3831} 3832 3833 3834/* modal-files */ 3835 3836.modal-files .modal-dialog { 3837 max-width: 723px; 3838} 3839 3840.modal-files .modal-header { 3841 border: none; 3842 padding: 40px 40px 0; 3843 -webkit-box-align: center; 3844 -ms-flex-align: center; 3845 align-items: center; 3846} 3847 3848.modal-files .modal-title { 3849 color: #181D20; 3850 font-weight: bold; 3851 font-size: 24px; 3852 margin-bottom: 8px; 3853} 3854 3855.modal-files .modal-header-text { 3856 color: #828586; 3857 font-size: 16px; 3858} 3859 3860.modal-files .button-delete-all { 3861 background-color: #D0726C; 3862 border-radius: 10px; 3863 padding: 10px 24px; 3864} 3865 3866.modal-files .modal-body { 3867 padding: 8px 40px 40px; 3868} 3869 3870 3871/* files */ 3872 3873.files {} 3874 3875.files_group { 3876 border-top: 1px solid #E3E3E4; 3877 padding-top: 16px; 3878 padding-bottom: 16px; 3879} 3880 3881.files_group:first-child { 3882 border: none; 3883} 3884 3885.files_item { 3886 display: -webkit-box; 3887 display: -ms-flexbox; 3888 display: flex; 3889 -webkit-box-align: center; 3890 -ms-flex-align: center;
3891 align-items: center; 3892 -webkit-box-pack: justify; 3893 -ms-flex-pack: justify; 3894 justify-content: space-between; 3895 position: relative; 3896} 3897 3898.files_name { 3899 border: 1px solid #EFEFEF; 3900 -webkit-box-sizing: border-box; 3901 box-sizing: border-box; 3902 border-radius: 10px; 3903 width: 158px; 3904 -o-text-overflow: ellipsis; 3905 text-overflow: ellipsis; 3906 overflow: hidden; 3907 padding-top: 10px; 3908 padding-bottom: 10px; 3909 padding-left: 16px; 3910 font-size: 14px; 3911 font-weight: 400; 3912 white-space: nowrap; 3913 -ms-flex-negative: 0; 3914 flex-shrink: 0; 3915} 3916 3917.files_name svg { 3918 margin-right: 4px; 3919 vertical-align: -5px; 3920 width: 20px; 3921 height: 21px; 3922 color: #1A8FE3; 3923 flex-shrink: 0; 3924} 3925 3926.files_tools { 3927 display: -webkit-box; 3928 display: -ms-flexbox; 3929 display: flex; 3930 -webkit-box-align: center; 3931 -ms-flex-align: center; 3932 align-items: center; 3933} 3934 3935.files_tools-group { 3936 display: -webkit-box; 3937 display: -ms-flexbox; 3938 display: flex; 3939 -webkit-box-align: center; 3940 -ms-flex-align: center; 3941 align-items: center; 3942} 3943 3944.files_note { 3945 font-size: 12px; 3946 color: #A7A9AA; 3947 margin-right: 16px; 3948} 3949 3950.files_note-colored { 3951 color: #DDBE22; 3952} 3953 3954.button-tool { 3955 width: 40px; 3956 height: 40px; 3957 -webkit-box-sizing: border-box; 3958 box-sizing: border-box; 3959 text-align: center; 3960 line-height: 40px; 3961 padding: 0; 3962 background: #fff; 3963 font-size: 0; 3964} 3965 3966.button-tool_menu { 3967 display: none; 3968 background-color: #EFF7FD; 3969 width: 32px; 3970 height: 32px; 3971 line-height: 32px; 3972} 3973 3974.button-tool_menu:hover { 3975 background-color: #EFF7FD; 3976} 3977 3978.button-tool_download { 3979 -webkit-box-ordinal-group: 3; 3980 -ms-flex-order: 2; 3981 order: 2; 3982} 3983 3984.button-tool_icon { 3985 width: 24px; 3986 height: 24px; 3987 fill: none; 3988 transition: fill .2s linear; 3989} 3990 3991.button-tool_delete { 3992 color: #D0726C; 3993} 3994 3995.button-tool_delete:hover { 3996 background-color: #F9EEED; 3997 color: #D0726C; 3998} 3999 4000.button-tool_delete:hover .button-tool_icon { 4001 fill: #D0726C; 4002} 4003 4004.button-tool_download { 4005 color: #1A8FE3; 4006} 4007 4008.button-tool_download:hover { 4009 background-color: rgb(26 143 227 / 10%); 4010 color: #1A8FE3; 4011} 4012 4013.button-tool_menu { 4014 background: none; 4015} 4016 4017.button-tool_menu .button-tool_icon { 4018 width: 16px; 4019 height: 16px; 4020} 4021 4022.button-tool_menu { 4023 color: #1A8FE3; 4024} 4025 4026.button-tool_menu:hover { 4027 color: #1A8FE3; 4028} 4029 4030.button-select { 4031 margin-left: 8px; 4032 font-size: 14px; 4033 padding: 9px 24px; 4034 border-radius: 10px; 4035} 4036 4037.files_tree { 4038 position: relative; 4039} 4040 4041.files_tree:before { 4042 content: ""; 4043 display: block; 4044 height: calc(100% - 22px); 4045 background-color: #E3E3E4; 4046 position: absolute; 4047 top: -4px; 4048 left: 14.4px; 4049 width: 1px; 4050} 4051 4052.files_tree .files_item { 4053 padding-left: 40px; 4054 margin-top: 12px; 4055} 4056 4057.files_tree .files_item:before { 4058 content: ""; 4059 display: block; 4060 width: 14px; 4061 height: 28px; 4062 background-image: url("/v3/img/arrow-tree.svg"); 4063 background-repeat: no-repeat; 4064 background-position: 0 0; 4065 position: absolute; 4066 top: 0; 4067 left: 14px; 4068} 4069 4070.files_tree .files_name { 4071 width: 117px; 4072} 4073 4074 4075/* modal-choose-options */ 4076 4077.modal-choose-options .modal-dialog { 4078 max-width: 892px; 4079} 4080 4081.modal-choose-options .modal-content { 4082 border-radius: 12px; 4083} 4084 4085.modal-choose-options .modal-header { 4086 border: none; 4087 padding: 40px 40px 0; 4088 display: block; 4089} 4090 4091.modal-choose-options .modal-title { 4092 color: #181D20; 4093 font-weight: bold; 4094 font-size: 24px; 4095 margin-bottom: 8px; 4096} 4097 4098.modal-choose-options .modal-header-text { 4099 color: #828586; 4100 font-size: 16px; 4101} 4102 4103.modal-choose-options .button-delete-all { 4104 background-color: #D0726C; 4105 border-radius: 10px; 4106 padding: 10px 24px; 4107} 4108 4109.modal-choose-options .modal-body { 4110 padding: 8px 40px 40px; 4111} 4112 4113 4114/* choose-options */ 4115 4116.choose-options {} 4117 4118.choose-options_group { 4119 display: flex; 4120 flex-wrap: wrap; 4121 align-items: stretch; 4122 margin-left: -7px; 4123 margin-right: -7px; 4124} 4125 4126.choose-options_item { 4127 position: relative; 4128 overflow: hidden; 4129 width: 260px; 4130 min-height: 114px; 4131 margin-left: 7px; 4132 margin-right: 7px; 4133 margin-top: 16px; 4134} 4135 4136.choose-options_input { 4137 position: absolute; 4138 bottom: 100%; 4139 right: 100%; 4140} 4141 4142.choose-options_input:checked~.choose-options_label { 4143 border-color: #1A8FE3; 4144 background-color: #F6FBFE; 4145} 4146 4147.choose-options_label { 4148 border: 1px solid #EFEFEF; 4149 box-sizing: border-box; 4150 border-radius: 10px; 4151 display: block; 4152 width: inherit; 4153 height: 100%; 4154 padding: 12px; 4155 cursor: pointer; 4156} 4157 4158.choose-options_name { 4159 color: #181D20; 4160 font-weight: 500; 4161 font-size: 14px; 4162 line-height: 140%; 4163 margin-bottom: 8px; 4164} 4165 4166.choose-options_text { 4167 font-size: 12px; 4168 line-height: 18px; 4169 letter-spacing: 0.005em; 4170 color: #707375; 4171} 4172 4173.choose-options_note { 4174 font-style: italic; 4175 font-size: 12px; 4176 line-height: 18px; 4177 color: #525658; 4178 text-align: center; 4179 margin-top: 32px; 4180} 4181 4182.choose-options_note a { 4183 color: #D0726C; 4184 text-decoration: none; 4185} 4186 4187.choose-options_note a:hover { 4188 text-decoration: underline; 4189} 4190 4191.choose-options_button { 4192 display: block; 4193 width: 100%; 4194 margin-top: 16px; 4195 border-radius: 14px; 4196 padding-top: 16px; 4197 padding-bottom: 16px; 4198} 4199 4200.choose-options_button:disabled { 4201 background: #C8C9CA; 4202} 4203 4204.counter { 4205 font-weight: 400; 4206 font-size: 12px; 4207 line-height: 18px; 4208 letter-spacing: 0.005em; 4209 color: #A7A9AA; 4210 margin-left: 7px; 4211 cursor: context-menu; 4212 margin-bottom: 8px; 4213} 4214 4215@media (max-width: 1199px) { 4216 .header-tools { 4217 margin-right: 6px; 4218 margin-left: 6px; 4219 padding-left: 6px; 4220 padding-right: 6px; 4221 min-width: 96px; 4222 } 4223 .header-tools .button { 4224 width: 22px; 4225 height: 22px; 4226 } 4227 .btn-support { 4228 margin-left: -55px; 4229 } 4230 .button-switch-mode { 4231 /*margin-left: -57px; 4232margin-right: 56px;*/ 4233 } 4234 .btn-support { 4235 font-size: 12px; 4236 } 4237 .button-sign-in { 4238 font-size: 12px; 4239 padding: 5px 18px 4px; 4240 } 4241 .menu2 li a { 4242 padding-top: 7px; 4243 } 4244} 4245 4246@media (max-width: 992px) { 4247 .sticky-top-group .button-share-box { 4248 display: none; 4249 } 4250 .sticky-top-group .button { 4251 font-size: 12px; 4252 padding: 5px 16px; 4253 vertical-align: middle; 4254 } 4255 .sticky-top-group .button-files { 4256 padding-top: 7px; 4257 padding-bottom: 7px; 4258 } 4259 .sticky-top-group .button-share img { 4260 width: 12px; 4261 height: 12px; 4262 margin-right: 6px; 4263 } 4264 .menu2~.sticky-top-group .button-share-box { 4265 display: block; 4266 } 4267 .menu2 .sticky-top-group .button-switch-mode { 4268 display: none; 4269 } 4270 .sticky-top-group .button-share { 4271 display: none; 4272 } 4273 .sticky-top-group .button-switch-mode { 4274 margin: 0 0 0 20px; 4275 } 4276 .sticky-top-group .header-search { 4277 display: inline-block; 4278 width: auto; 4279 height: auto; 4280 } 4281 .header-search .form-control { 4282 padding: 16.5px 16.5px 16px 46px; 4283 font-size: 10px; 4284 background-color: #F6F6F6; 4285 border-radius: 8px; 4286 border: none; 4287 outline: none; 4288 color: #707375; 4289 } 4290 .header-search_form .button { 4291 padding: 14px 10px 10px; 4292 top: 0; 4293 left: 6px; 4294 } 4295 .sticky-top-group .hamburger-menu { 4296 margin-left: 12px; 4297 }
4298 .modal-share.ctrl-modal .modal-header { 4299 text-align: left; 4300 } 4301 .modal-share .modal-title { 4302 font-size: 20px; 4303 } 4304 .modal-share .modal-header-text { 4305 font-size: 14px; 4306 } 4307 /* modal-choose-options */ 4308 .modal-choose-options .modal-dialog { 4309 max-width: 616px; 4310 } 4311 .choose-options_label { 4312 min-height: 114px; 4313 } 4314} 4315 4316@media (max-width: 767px) { 4317 .modal-share .modal-header, 4318 .modal-choose-options .modal-header { 4319 padding: 24px 24px 0; 4320 } 4321 .modal-share .modal-body, 4322 .modal-choose-options .modal-body { 4323 padding: 8px 24px 24px; 4324 } 4325 .modal-share.ctrl-modal .modal-body { 4326 padding-left: 16px; 4327 padding-right: 16px; 4328 } 4329 .modal-share .social_icon { 4330 -webkit-box-pack: center; 4331 -ms-flex-pack: center; 4332 justify-content: center; 4333 margin-left: 0; 4334 margin-right: 0; 4335 } 4336 .modal-share .modal-title, 4337 .modal-choose-options .modal-title { 4338 font-size: 18px; 4339 } 4340 .modal-share .modal-header-text, 4341 .modal-choose-options .modal-header-text { 4342 font-size: 12px; 4343 } 4344 .modal-share .input-group { 4345 margin-top: 24px; 4346 } 4347 .modal-share .form-control { 4348 height: 40px; 4349 } 4350 .modal-share .input-group-append .btn { 4351 padding: 10px 8px 10px 6px; 4352 } 4353 .faq_item_box .card { 4354 margin-top: 16px; 4355 } 4356 .faq_item_box .card-title { 4357 font-size: 12px; 4358 padding: 16px 40px 16px 12px; 4359 } 4360 .faq_item_box .card-action { 4361 width: 18px; 4362 height: 18px; 4363 margin-top: -9px; 4364 right: 12px; 4365 } 4366 .faq_item_box .card-text { 4367 font-size: 10px; 4368 } 4369 .faq_item_box .card-content { 4370 padding: 0 12px 16px 12px; 4371 } 4372 .sticky-top-group .button-files { 4373 font-size: 0; 4374 padding-left: 6px; 4375 padding-right: 6px; 4376 padding-top: 4px; 4377 padding-bottom: 4px; 4378 } 4379 .button-files img { 4380 margin-right: 0; 4381 } 4382 .sticky-top-group .button-share { 4383 margin-left: 4px; 4384 } 4385 .sticky-top-group .header-search_group { 4386 position: fixed; 4387 top: 0; 4388 left: 0; 4389 width: 100%; 4390 height: 100%; 4391 background-color: #fff; 4392 padding-left: 0; 4393 padding-right: 0; 4394 display: none; 4395 z-index: 1000; 4396 } 4397 .header-search_group.is-active { 4398 display: block; 4399 } 4400 .sticky-top-group .header-search_form { 4401 height: 69px; 4402 position: relative; 4403 } 4404 .sticky-top-group .header-search .form-control { 4405 border: none; 4406 padding-top: 18px; 4407 padding-bottom: 18px; 4408 border-radius: 0; 4409 border-bottom: 1px solid #E3E3E4; 4410 padding-left: 61px; 4411 padding-right: 50px; 4412 font-size: 14px; 4413 } 4414 .sticky-top-group .header-search .form-control:focus { 4415 outline: none; 4416 box-shadow: none; 4417 } 4418 .header-search_results { 4419 display: none; 4420 } 4421 .sticky-top-group .header-search_results--mobile { 4422 position: absolute; 4423 top: 70px; 4424 height: calc(100vh - 70px); 4425 overflow-y: auto; 4426 box-shadow: none; 4427 padding-left: 24px; 4428 padding-right: 24px; 4429 padding-bottom: 16px; 4430 margin-top: 0; 4431 } 4432 .sticky-top-group .header-search_form .header-search_back, 4433 .sticky-top-group .header-search_form .header-search_clear { 4434 position: absolute; 4435 top: 50%; 4436 transform: translateY(-50%); 4437 padding: 10px; 4438 width: 41px; 4439 height: 41px; 4440 display: block; 4441 } 4442 .sticky-top-group .header-search_submit { 4443 display: none; 4444 } 4445 .sticky-top-group .header-search_form .header-search_back { 4446 left: 14px; 4447 } 4448 .sticky-top-group .header-search_form .header-search_clear { 4449 transform: translateY(-50%) rotate(45deg); 4450 right: 14px; 4451 left: auto; 4452 width: 35px; 4453 height: 35px; 4454 } 4455 .sticky-top-group .header-search_example { 4456 display: flex; 4457 max-width: 100%; 4458 overflow-x: auto; 4459 margin-left: 24px; 4460 margin-right: 12px; 4461 margin-top: 16px; 4462 padding-bottom: 14px; 4463 } 4464 .sticky-top-group .header-search .tools_box { 4465 border: 1px solid #E3E3E4; 4466 padding: 8px; 4467 flex-shrink: 0; 4468 min-width: fit-content; 4469 border-radius: 6px; 4470 height: auto; 4471 } 4472 .header-search_example .tools_box { 4473 margin-right: 12px; 4474 } 4475 .header-search_example .tools_box .icon_box { 4476 width: 24px; 4477 height: 24px; 4478 margin-right: 8px; 4479 } 4480 .header-search_example .tools_box h4 { 4481 color: #707375; 4482 font-weight: 500; 4483 font-size: 12px; 4484 line-height: 18px; 4485 margin-top: 3px; 4486 } 4487 .header-search_popular { 4488 margin-top: 10px; 4489 padding-left: 24px; 4490 padding-right: 24px; 4491 height: calc(100vh - 150px); 4492 overflow-y: auto; 4493 padding-bottom: 16px; 4494 display: block; 4495 } 4496 .header-search_popular h6 { 4497 font-weight: 600; 4498 font-size: 16px; 4499 line-height: 24px; 4500 color: #181D20; 4501 } 4502 .header-search_popular .tools_box, 4503 .header-search_results .tools_box { 4504 margin-top: 16px; 4505 } 4506 .header-search_results .tools_box h4 { 4507 color: #828586; 4508 font-weight: 500; 4509 } 4510 .header-search_results .tools_box h4 span { 4511 color: #181D20; 4512 font-weight: 600; 4513 } 4514 /* .modal-choose-options */ 4515 .choose-options_group { 4516 display: block; 4517 margin-left: 0; 4518 margin-right: 0; 4519 } 4520 .choose-options_item { 4521 width: auto; 4522 margin-left: 0; 4523 margin-right: 0; 4524 } 4525 .choose-options_note { 4526 margin-top: 24px; 4527 max-width: 250px; 4528 margin-left: auto; 4529 margin-right: auto; 4530 } 4531 .choose-options_button { 4532 padding-top: 10px; 4533 padding-bottom: 10px; 4534 border-radius: 12px; 4535 margin-top: 8px; 4536 } 4537 /* .modal-files*/
4538 .modal-files .modal-header { 4539 padding: 24px 24px 0; 4540 display: block; 4541 } 4542 .modal-files .modal-title { 4543 font-size: 18px; 4544 } 4545 .modal-files .modal-header-text { 4546 font-size: 12px; 4547 } 4548 .modal-files .button-delete-all { 4549 padding: 10px 24px; 4550 display: block; 4551 margin-top: 16px; 4552 } 4553 .modal-files .modal-body { 4554 padding: 14px 24px 24px; 4555 } 4556 .button-tool_menu { 4557 display: block; 4558 } 4559 .files_tools-group.is-active { 4560 display: block; 4561 } 4562 .files_tools-group { 4563 display: none; 4564 position: absolute; 4565 bottom: 100%; 4566 left: 50%; 4567 -webkit-transform: translateX(-50%); 4568 -ms-transform: translateX(-50%); 4569 transform: translateX(-50%); 4570 width: 150px; 4571 background: #FFF; 4572 -webkit-box-shadow: 0 10px 40px rgba(24, 29, 32, 0.05); 4573 box-shadow: 0 10px 40px rgba(24, 29, 32, 0.05); 4574 border-radius: 10px; 4575 padding-left: 8px; 4576 padding-right: 8px; 4577 } 4578 .files_tree .files_item { 4579 padding-left: 36px; 4580 } 4581 .files_name { 4582 width: 140px; 4583 font-size: 12px; 4584 } 4585 .files_tree .files_name { 4586 width: 105px; 4587 } 4588 .files_note { 4589 margin-right: 0; 4590 font-size: 10px; 4591 padding-top: 8px; 4592 padding-bottom: 8px; 4593 line-height: 1.5; 4594 } 4595 .button-select { 4596 padding: 7px 16px; 4597 font-size: 12px; 4598 } 4599 .button-tool_download, 4600 .button-tool_delete { 4601 display: block; 4602 background: none; 4603 font-weight: 500; 4604 font-size: 10px; 4605 width: auto; 4606 height: auto; 4607 padding-top: 8px; 4608 padding-bottom: 8px; 4609 border-top: 1px solid #EFEFEF; 4610 text-align: left; 4611 line-height: 1.2; 4612 border-radius: 0; 4613 } 4614 .button.button-tool_download, 4615 .button.button-tool_delete { 4616 font-size: 10px; 4617 } 4618 .button-tool_download { 4619 color: #1A8FE3; 4620 } 4621 .button-tool_delete { 4622 color: #D0726C; 4623 } 4624 .button-tool_download:hover, 4625 .button-tool_delete:hover { 4626 background: none; 4627 } 4628 .button-tool_download:hover { 4629 color: #1A8FE3; 4630 } 4631 .button-tool_delete:hover { 4632 color: #D0726C; 4633 } 4634 .button-tool_download .button-tool_icon, 4635 .button-tool_delete .button-tool_icon { 4636 margin-right: 4px; 4637 vertical-align: -3px; 4638 width: 16px; 4639 height: 16px; 4640 } 4641} 4642 4643@media (max-width: 375px) { 4644 .sticky-top-group .button-share { 4645 padding-left: 13px; 4646 padding-right: 13px; 4647 } 4648 .sticky-top-group .button-switch-mode { 4649 margin-left: 12px; 4650 } 4651 .sticky-top-group .hamburger-menu { 4652 margin-left: 12px; 4653 } 4654 .modal-files .modal-body { 4655 padding-left: 10px; 4656 padding-right: 10px; 4657 } 4658 .modal-files .modal-header { 4659 padding-left: 10px; 4660 padding-right: 10px; 4661 } 4662} 4663 4664 4665/****** dark-mode ******/ 4666 4667.dark-mode { 4668 color: #EFEFEF; 4669 background-color: #1F2A33; 4670} 4671 4672.dark-mode main { 4673 background-color: #1F2A33; 4674} 4675 4676.dark-mode header { 4677 background-color: #1A252E; 4678} 4679 4680.dark-mode .logo { 4681 display: flex; 4682 align-items: center; 4683} 4684 4685.dark-mode header .img-fluid.logo-normal { 4686 display: none; 4687} 4688 4689.dark-mode header .img-fluid.logo-dark { 4690 display: block; 4691} 4692 4693.dark-mode .logo span { 4694 color: #EFEFEF; 4695} 4696 4697.dark-mode .menu2 li a { 4698 color: #fff; 4699} 4700 4701.dark-mode .drop_menu>a::after { 4702 border-right-color: #fff; 4703 border-bottom-color: #fff; 4704} 4705 4706.dark-mode .menu2>li>ul { 4707 background-color: #223544; 4708 border-radius: 10px; 4709} 4710 4711.dark-mode .multilavel>ul { 4712 background-color: #223544; 4713} 4714 4715.dark-mode .header-tools .button { 4716 background: #223544; 4717 border-color: #828586; 4718} 4719 4720.dark-mode .header-tools .button img { 4721 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4722 filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4723} 4724 4725.dark-mode .button-files { 4726 border: none; 4727} 4728 4729.dark-mode .switch-mode-icon_sun { 4730 display: block; 4731} 4732 4733.dark-mode .switch-mode-icon_moon { 4734 display: none; 4735} 4736 4737.dark-mode .header-search .form-control { 4738 background-color: #223544; 4739 color: #fff; 4740} 4741 4742.dark-mode .header-search .form-control::placeholder { 4743 color: #EFEFEF; 4744} 4745 4746.dark-mode .header-search .button img { 4747 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4748 filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4749} 4750 4751.dark-mode .header-search_results { 4752 background-color: #1A252E; 4753} 4754 4755.dark-mode .header-search_results-list a { 4756 color: #EFEFEF; 4757} 4758 4759.dark-mode .header-search_results-list a img { 4760 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4761 filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4762} 4763 4764.dark-mode .header-search_results-list li { 4765 border-bottom-color: #828586; 4766} 4767 4768.dark-mode .header-user_menu-box { 4769 background-color: #1A252E; 4770} 4771 4772.dark-mode .header-user_menu::before { 4773 border-bottom-color: #1A252E; 4774} 4775 4776.dark-mode .user-bar_name { 4777 color: #fff; 4778} 4779 4780.dark-mode .user-bar_plan { 4781 color: #EFEFEF; 4782} 4783 4784.dark-mode .header-user_menu-list li { 4785 border-bottom-color: #828586; 4786} 4787 4788.dark-mode .header-user_menu-list li:first-child { 4789 border-top-color: #828586; 4790} 4791 4792.dark-mode .header-user_menu-list a { 4793 color: #fff; 4794} 4795 4796.dark-mode .expand_menu-box { 4797 background-color: #1A262F; 4798} 4799 4800.dark-mode .switch-mode-tool .form-check-input { 4801 background: #273744; 4802} 4803 4804.dark-mode .switch-mode-tool .form-check-input::after { 4805 background-color: #7a8289; 4806} 4807 4808.dark-mode .expand_menu-box .category-tools__item h4, 4809.dark-mode .expand_menu-box .category-tools__item a { 4810 color: #fff; 4811} 4812 4813.dark-mode .expand_menu-box .category-tools__descr, 4814.dark-mode .expand_menu-name-categiry, 4815.dark-mode .expand_menu .mega_menu li a { 4816 color: #EFEFEF; 4817} 4818 4819.dark-mode .expand_menu .gray { 4820 color: #EFEFEF !important; 4821} 4822 4823.dark-mode .drop_menu.is-opened, 4824.dark-mode .menu2 li .category-tools__item:hover { 4825 background-color: #223544; 4826} 4827 4828.dark-mode .tags-box--tools span { 4829 color: #fff; 4830} 4831 4832.dark-mode .tags-box--tools .tag-item { 4833 background-color: #223544; 4834} 4835 4836.dark-mode .home_area h1 { 4837 color: #fff; 4838} 4839 4840.dark-mode .home_area { 4841 background: #1A252E; 4842} 4843 4844.dark-mode .home_area .gray, 4845.dark-mode .present_area .gray { 4846 color: #EFEFEF !important; 4847} 4848 4849.dark-mode .search_group input { 4850 background-color: #223544; 4851 color: #EFEFEF; 4852} 4853 4854.dark-mode .search_group input::-webkit-input-placeholder { 4855 color: #EFEFEF; 4856} 4857 4858.dark-mode .search_group input::-moz-placeholder { 4859 color: #EFEFEF; 4860} 4861 4862.dark-mode .search_group input:-ms-input-placeholder { 4863 color: #EFEFEF; 4864} 4865 4866.dark-mode .search_group input::-ms-input-placeholder { 4867 color: #EFEFEF; 4868} 4869 4870.dark-mode .search_group input::placeholder { 4871 color: #EFEFEF; 4872} 4873 4874.dark-mode .tools__span { 4875 color: #EFEFEF; 4876} 4877 4878.dark-mode .tools__footer { 4879 background-color: #223544; 4880} 4881 4882.dark-mode .tag_box a { 4883 background-color: #1F2A33; 4884 color: #1A8FE3; 4885} 4886 4887.dark-mode .title, 4888.dark-mode .step_box h4 { 4889 color: #fff; 4890} 4891 4892.dark-mode .tools_box { 4893 background-color: #1A252E; 4894} 4895 4896.dark-mode .elect { 4897 background-color: #525658; 4898 color: #828586; 4899} 4900 4901.dark-mode .tools_box .icon_box { 4902 background-color: #415461; 4903} 4904 4905.dark-mode .tools__item.color-violet .tools__footer>div { 4906 background-color: #423D5C; 4907} 4908 4909.dark-mode .color-violet { 4910 color: #B1A3F5; 4911} 4912 4913.dark-mode .tools__item.color-orange .tools__footer>div { 4914 background-color: #5C483D; 4915} 4916 4917.dark-mode .color-orange { 4918 color: #F99058; 4919} 4920 4921.dark-mode .tools__item.color-purple .tools__footer>div { 4922 background-color: #65434C; 4923} 4924 4925.dark-mode .color-purple { 4926 color: #EB6689; 4927} 4928 4929.dark-mode .tools__item.color-blue .tools__footer>div { 4930 background-color: #3D4A5C; 4931} 4932 4933.dark-mode .color-blue { 4934 color: #66A0EA; 4935} 4936 4937.dark-mode .tools__item.color-green .tools__footer>div { 4938 background-color: #3D595C; 4939} 4940 4941.dark-mode .color-green { 4942 color: #77D0D9; 4943} 4944 4945.dark-mode .tools_box h4 { 4946 color: #fff; 4947} 4948 4949.dark-mode .icon_box.v_1 { 4950 color: #EF94A7; 4951} 4952 4953.dark-mode .icon_box.v_2 { 4954 color: #AC94EF; 4955} 4956 4957.dark-mode .icon_box.v_3 { 4958 color: #FF8FA4; 4959} 4960 4961.dark-mode .icon_box.v_4 { 4962 color: #F6BA97; 4963} 4964 4965.dark-mode .icon_box.v_5 { 4966 color: #B7AAF8; 4967} 4968 4969.dark-mode .icon_box.v_6 { 4970 color: #B7E750; 4971} 4972 4973.dark-mode .icon_box.v_8 { 4974 color: #F2CE9C; 4975} 4976 4977.dark-mode .icon_box.v_9 { 4978 color: #98E750; 4979} 4980 4981.dark-mode .icon_box.v1 { 4982 background-color: #45515E; 4983} 4984 4985.dark-mode .icon_box.v2 { 4986 background-color: #46545F; 4987} 4988 4989.dark-mode .icon_box.v3 { 4990 background-color: #46525D; 4991} 4992 4993.dark-mode .icon_box.v4 { 4994 background-color: #415461; 4995} 4996 4997.dark-mode .icon_box.v5 { 4998 background-color: #425161; 4999} 5000 5001.dark-mode .icon_box.v6 { 5002 background-color: #415262; 5003} 5004 5005.dark-mode .icon_box.v7 { 5006 background-color: #43545E; 5007} 5008 5009.dark-mode .icon_box.v8 { 5010 background-color: #46505E; 5011} 5012 5013.dark-mode .icon_box.v9 {
5014 background-color: #46515D; 5015} 5016 5017.dark-mode .icon_box.v10 { 5018 background-color: #46515D; 5019} 5020 5021.dark-mode .icon_box.v11 { 5022 background-color: #46505E; 5023} 5024 5025.dark-mode .icon_box.v12 { 5026 background-color: #425161; 5027} 5028 5029.dark-mode .icon_box.v13 { 5030 background-color: #43545E; 5031} 5032 5033.dark-mode .icon_box.v14 { 5034 background-color: #415261; 5035} 5036 5037.dark-mode .icon_box.v15 { 5038 background-color: #46535D; 5039} 5040 5041.dark-mode .icon_box.v5 img { 5042 -webkit-filter: brightness(0) saturate(100%) invert(79%) sepia(45%) saturate(7123%) hue-rotate(212deg) brightness(102%) contrast(104%); 5043 filter: brightness(0) saturate(100%) invert(79%) sepia(45%) saturate(7123%) hue-rotate(212deg) brightness(102%) contrast(104%); 5044} 5045 5046.dark-mode .tools_area .button { 5047 -webkit-box-shadow: 0 16px 18px rgb(26 143 227 / 10%); 5048 box-shadow: 0 16px 18px rgb(26 143 227 / 10%); 5049} 5050 5051.dark-mode .statistic { 5052 background-color: #273744; 5053} 5054 5055.dark-mode .statistic__text { 5056 color: #F6F6F6; 5057} 5058 5059.dark-mode .tools_area.check-tools { 5060 background-color: #273744; 5061} 5062 5063.dark-mode .check-tools .gray { 5064 color: #EFEFEF !important; 5065} 5066 5067.dark-mode .filter { 5068 background-color: #212D36; 5069 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 5070} 5071 5072.dark-mode .filter__category { 5073 color: #F6F6F6; 5074} 5075 5076.dark-mode .present__button { 5077 background: #223544; 5078 border-color: #828586; 5079} 5080 5081.dark-mode .present__button path { 5082 stroke: #EFEFEF; 5083} 5084 5085.dark-mode .present__button.is-active { 5086 background: #1A8FE3; 5087 border-color: #1A8FE3; 5088} 5089 5090.dark-mode .present-card { 5091 background-color: #223544; 5092} 5093 5094.dark-mode .present-card__name { 5095 color: #FFFFFF; 5096} 5097 5098.dark-mode .present-card__bg { 5099 /*background-color: #496B83;*/ 5100} 5101 5102.dark-mode .price_box { 5103 background-color: #223544; 5104 border-color: #707375; 5105} 5106 5107.dark-mode .price_box h4 { 5108 color: #E3E3E4; 5109} 5110 5111.dark-mode .price_box h3 span { 5112 color: #E3E3E4; 5113} 5114 5115.dark-mode .price_box ul li { 5116 color: #EFEFEF; 5117} 5118 5119.dark-mode .price_box ul li::before { 5120 background-image: url(/v3/img/check-dark.svg); 5121} 5122 5123.dark-mode .price_box .button.default { 5124 background-color: #404A54; 5125} 5126 5127.dark-mode .contact_area { 5128 position: relative; 5129} 5130 5131.dark-mode .contact_area label { 5132 color: #F6F6F6; 5133} 5134 5135.dark-mode .contact_area input, 5136.dark-mode .contact_area textarea { 5137 background-color: #223749; 5138 border: 1px solid #828586; 5139 color: #C8C9CA; 5140} 5141 5142.dark-mode .contact_area:before { 5143 content: ""; 5144 width: 1200px; 5145 height: 1200px; 5146 position: absolute; 5147 bottom: -230px; 5148 right: -360px; 5149 opacity: .3; 5150 border-radius: 100%; 5151 background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5152 background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5153} 5154 5155.dark-mode .contact_area input::-webkit-input-placeholder, 5156.dark-mode .contact_area textarea::-webkit-input-placeholder { 5157 color: #C8C9CA; 5158} 5159 5160.dark-mode .contact_area input::-moz-placeholder, 5161.dark-mode .contact_area textarea::-moz-placeholder { 5162 color: #C8C9CA; 5163} 5164 5165.dark-mode .contact_area input:-ms-input-placeholder, 5166.dark-mode .contact_area textarea:-ms-input-placeholder { 5167 color: #C8C9CA; 5168} 5169 5170.dark-mode .contact_area input::-ms-input-placeholder, 5171.dark-mode .contact_area textarea::-ms-input-placeholder { 5172 color: #C8C9CA; 5173} 5174 5175.dark-mode .contact_area input::placeholder, 5176.dark-mode .contact_area textarea::placeholder { 5177 color: #C8C9CA; 5178} 5179 5180.dark-mode .support-area { 5181 background: linear-gradient(87.56deg, #273744 1.79%, rgba(26, 143, 227, 0) 383.1%); 5182} 5183 5184.dark-mode footer { 5185 background-color: #1A2630; 5186 color: #E3E3E4; 5187} 5188 5189.dark-mode footer a .img-fluid { 5190 display: none; 5191} 5192 5193.dark-mode footer a .img-fluid.logo-dark, 5194.dark-mode footer a .img-fluid.logo-icon { 5195 display: inline-block; 5196 vertical-align: middle; 5197} 5198 5199.dark-mode footer h4 { 5200 color: #E3E3E4; 5201} 5202 5203.dark-mode footer {} 5204 5205.dark-mode .footer_bottom { 5206 background-color: #1A2630; 5207 color: #E3E3E4; 5208 padding: 0; 5209} 5210 5211.dark-mode .footer_bottom .container { 5212 padding: 14px 0 24px; 5213 border-top: 1px solid #828586; 5214} 5215 5216.dark-mode .footer_bottom p span { 5217 color: #1A8FE3; 5218} 5219 5220.dark-mode .social_icon a { 5221 background-color: #364C5E; 5222} 5223 5224.dark-mode footer a.active { 5225 color: #71BAEE; 5226} 5227 5228.dark-mode .copy_right { 5229 color: #EFEFEF; 5230} 5231 5232.dark-mode .footer_bottom p img { 5233 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5234 filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5235} 5236 5237.dark-mode .compress_area, 5238.dark-mode .compress_area .container { 5239 position: relative; 5240} 5241 5242.dark-mode .compress_area:before { 5243 content: ""; 5244 width: 1200px; 5245 height: 1200px; 5246 position: absolute; 5247 top: 40px; 5248 right: -260px; 5249 opacity: .3; 5250 border-radius: 100%; 5251 background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5252 background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5253} 5254 5255.dark-mode .title_lg { 5256 color: #FFFFFF; 5257} 5258 5259.dark-mode .rating_box { 5260 background-color: #223544; 5261} 5262 5263.dark-mode .rating_box h5 { 5264 color: #EFEFEF; 5265} 5266 5267.dark-mode .star-rating svg { 5268 stroke: #C8C9CA; 5269} 5270 5271.dark-mode .rating_box h6 span { 5272 color: #E3E3E4; 5273} 5274 5275.dark-mode .file-drop-area { 5276 background-color: #223544; 5277 border-color: #707375; 5278} 5279 5280.dark-mode .file-drop-area .social_icon a { 5281 background-color: #1F2A33; 5282} 5283 5284.dark-mode .file-drop-area p.drag { 5285 color: #C8C9CA; 5286} 5287 5288.dark-mode .step_item h4 { 5289 color: #fff; 5290} 5291 5292.dark-mode .step_item::after { 5293 -webkit-box-shadow: 0 0 0 4px #1B2D3A, 0 0 0 6px var(--blue); 5294 box-shadow: 0 0 0 4px #1B2D3A, 0 0 0 6px var(--blue); 5295} 5296 5297.dark-mode .faq_item_box .card { 5298 background-color: #223544; 5299 color: #EFEFEF; 5300} 5301 5302.dark-mode .faq_item_box .card-action img { 5303 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5304 filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5305} 5306 5307.dark-mode .faq_item_box .card-title, 5308.dark-mode .faq_item_box .card-text { 5309 color: #EFEFEF; 5310} 5311 5312.dark-mode .faq_item_box .card-title.is-active { 5313 color: #1A8FE3; 5314} 5315 5316.dark-mode .modal-content { 5317 background-color: #1A252F; 5318} 5319 5320.dark-mode .modal-title { 5321 color: #fff; 5322} 5323 5324.dark-mode .modal-header-text { 5325 color: #E3E3E4; 5326} 5327 5328.dark-mode .modal-share .social_icon a { 5329 border-color: #828586; 5330} 5331 5332.dark-mode .modal-share .form-control { 5333 background-color: #1A252F; 5334 border-color: #828586; 5335 color: #C8C9CA; 5336} 5337 5338.dark-mode .modal-share .form-control::-webkit-input-placeholder { 5339 color: #C8C9CA; 5340} 5341 5342.dark-mode .modal-share .form-control::-moz-placeholder { 5343 color: #C8C9CA; 5344} 5345 5346.dark-mode .modal-share .form-control:-ms-input-placeholder { 5347 color: #C8C9CA; 5348} 5349 5350.dark-mode .modal-share .form-control::-ms-input-placeholder { 5351 color: #C8C9CA; 5352} 5353 5354.dark-mode .modal-share .form-control::placeholder { 5355 color: #C8C9CA; 5356} 5357 5358.dark-mode .modal-share .input-group-append .btn { 5359 border-color: #828586; 5360} 5361 5362.dark-mode .modal-files .modal-title { 5363 color: #fff; 5364} 5365 5366.dark-mode .modal-files .modal-header-text { 5367 color: #E3E3E4; 5368} 5369 5370.dark-mode .button-tool { 5371 background-color: #1A252F; 5372} 5373 5374.dark-mode .mobile_menu { 5375 background-color: #1A252F; 5376} 5377 5378.dark-mode .mobile_menu .menu2>li>a { 5379 background-color: #223544; 5380 border-color: #1A2833; 5381} 5382 5383.dark-mode .pricing_area { 5384 position: relative; 5385} 5386 5387.dark-mode .pricing_area:before { 5388 content: ""; 5389 width: 1200px; 5390 height: 1200px; 5391 position: absolute; 5392 top: -90px; 5393 right: -260px; 5394 opacity: .3; 5395 border-radius: 100%; 5396 background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5397 background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5398} 5399 5400.dark-mode .title_md { 5401 color: #fff; 5402} 5403 5404.dark-mode .choose-options_name { 5405 color: #fff; 5406} 5407 5408.dark-mode .choose-options_text { 5409 color: #E3E3E4; 5410} 5411 5412.dark-mode .choose-options_note { 5413 color: #E3E3E4; 5414} 5415 5416.dark-mode .choose-options_input:checked~.choose-options_label { 5417 background-color: #223544; 5418 border-color: #707375; 5419} 5420 5421.dark-mode .billing_box { 5422 background-color: #223544; 5423 color: #E3E3E4; 5424} 5425 5426.dark-mode .cards-list_item { 5427 border-bottom-color: #707375; 5428} 5429 5430.dark-mode .cards-list_text { 5431 color: #E3E3E4; 5432} 5433 5434.dark-mode .cards-list_text span { 5435 color: #fff; 5436} 5437 5438.dark-mode .title-section span { 5439 background-color: #1F2A33; 5440 color: #E3E3E4; 5441} 5442 5443.dark-mode .billing-history_message { 5444 color: #E3E3E4; 5445 border-color: #707375; 5446} 5447 5448.dark-mode .billing-history .table tbody th, 5449.dark-mode .billing-history .table td { 5450 color: #E3E3E4; 5451} 5452 5453.dark-mode .billing-history .table .thead-light th { 5454 background-color: #2d465a; 5455 color: #E3E3E4; 5456} 5457 5458.dark-mode .billing-history .table th, 5459.dark-mode .billing-history .table td { 5460 border-color: #707375; 5461} 5462 5463.dark-mode .billing_box .btn-outline-secondary { 5464 color: #E3E3E4; 5465 border-color: #707375; 5466} 5467 5468.dark-mode .billing-history { 5469 border-radius: 3px 3px 0 0; 5470} 5471 5472.dark-mode .price_box-header p, 5473.dark-mode .price_box-note { 5474 color: #E3E3E4; 5475} 5476 5477.dark-mode .price_box-date { 5478 color: #cbcbcb; 5479} 5480 5481.dark-mode .price_box.active { 5482 background-color: #1A8FE3; 5483} 5484 5485.dark-mode .chart-creators_box, 5486.dark-mode .collage-maker_box, 5487.dark-mode .splitter-image_box, 5488.dark-mode .compress-result { 5489 background-color: #223544; 5490 border-color: #707375; 5491} 5492 5493.dark-mode .chart-creators_tabs .list-group { 5494 background-color: #1F2A33; 5495 color: #C8C9CA; 5496} 5497 5498.dark-mode .tab-content .form-group>.form-control, 5499.dark-mode .tab-content .dropdown .btn-secondary { 5500 background-color: #1A252E; 5501 border-color: #828586; 5502 color: #C8C9CA; 5503} 5504 5505.dark-mode .tab-content .form-group>.form-control::placeholder { 5506 color: #C8C9CA; 5507} 5508 5509.dark-mode .tab-content .dropdown-menu { 5510 background-color: #1A252E; 5511} 5512 5513.dark-mode .tab-content .dropdown-item { 5514 color: #C8C9CA; 5515} 5516 5517.dark-mode .tab-content .form-group>label, 5518.dark-mode .chart-creators_tabs .list-group-item, 5519.dark-mode .compress-result_file, 5520.dark-mode .share h3 { 5521 color: #fff; 5522} 5523 5524.dark-mode .tab-content .dropdown-item:focus, 5525.dark-mode .tab-content .dropdown-item:hover { 5526 background-color: #1a8fe3; 5527} 5528 5529.dark-mode .tools-button { 5530 background-color: #1A252E; 5531 color: #C8C9CA; 5532} 5533 5534.dark-mode .chart-creators_table .table .thead-light th, 5535.dark-mode .chart-creators_table .table th, 5536.dark-mode .pick-color .form-control, 5537.dark-mode .collage-maker_border .input-group .form-control, 5538.dark-mode .chart-creators_tabs .pick-color .form-control { 5539 background-color: #1A252E; 5540 color: #C8C9CA; 5541} 5542 5543.dark-mode .collage-maker_border p { 5544 color: #fff; 5545} 5546 5547.dark-mode .collage-grid_item { 5548 background-color: #1A252E; 5549 border-color: #707375; 5550} 5551 5552.dark-mode .collage-grid { 5553 border-color: #707375; 5554} 5555 5556.dark-mode .splitter-image_bar-item p, 5557.dark-mode .compress-result .get-update h3 { 5558 color: #fff; 5559} 5560 5561.dark-mode .splitter-image_bar .button, 5562.dark-mode .splitter-image .form-control { 5563 background-color: #1A252E; 5564 color: #C8C9CA; 5565 border-color: #707375; 5566} 5567 5568.dark-mode .compress-result_file-icon--pdf, 5569.dark-mode .compress-result_file-icon--image { 5570 background-color: #1A252E; 5571} 5572 5573.dark-mode .compress-result .get-update { 5574 background-color: transparent; 5575 color: #fff; 5576 border-color: #E3E3E4; 5577} 5578 5579.dark-mode .builder-container, 5580.dark-mode .builder-box { 5581 background-color: #1A252E; 5582} 5583 5584.dark-mode .builder-container h2 { 5585 color: #EFEFEF; 5586} 5587 5588.dark-mode .blog-builder_area .rating_box h5 { 5589 color: #EFEFEF; 5590} 5591 5592.dark-mode .page-with-buider-step, 5593.dark-mode .page-with-buider-step .builder-wrapper { 5594 background: #1F2A33; 5595} 5596 5597.dark-mode .builder-wrapper__title, 5598.dark-mode .steps__name, 5599.dark-mode .builder-title, 5600.dark-mode .outlines__body p, 5601.dark-mode .heading-titles__item, 5602.dark-mode .article-item__text p { 5603 color: #EFEFEF; 5604} 5605 5606.dark-mode .article-item__head { 5607 background: transparent; 5608} 5609 5610@media (max-width: 992px) { 5611 .dark-mode .mobile_menu .menu2>li>a { 5612 background-color: #223544; 5613 } 5614 .dark-mode .mobile_menu li a::after { 5615 border-right-color: #fff; 5616 border-bottom-color: #fff; 5617 } 5618 /* .dark-mode .menu2 .mega_menu>
5618li>a, 5619 .dark-mode .menu2 .mega_menu>li.multilavel ul, 5620 .dark-mode .menu2 .mega_menu>li.multilavel a { 5621 background-color: #2A4255; 5622 color: #fff; 5623 } */ 5624 .dark-mode .header-search { 5625 background-color: #1A252E; 5626 } 5627 .dark-mode .mobile_menu .menu2>li>a { 5628 background: #1A252E; 5629 color: #fff; 5630 } 5631 .dark-mode .category-tools__item h4 { 5632 color: #fff; 5633 } 5634 .dark-mode .expand_menu .mega_menu li .expand_menu__link-all, 5635 .dark-mode .nav-link[aria-expanded='true']:after { 5636 color: #1A8FE3; 5637 } 5638 .dark-mode .category-tools__item--big.is-active, 5639 .dark-mode .menu2 .expand_menu--image .category-tools__item--big.is-active:hover { 5640 background-color: #1A252E; 5641 } 5642 .dark-mode .menu2 li .category-tools__item:hover { 5643 background-color: #1A252E; 5644 } 5645 .dark-mode .menu2 .icon_box, 5646 .dark-mode .main-item { 5647 background-color: #415461; 5648 } 5649 .dark-mode .mobile_menu__actions { 5650 background-color: #1A252E; 5651 } 5652 .dark-mode .ai-all__item .v_12 { 5653 background: #524884; 5654 } 5655 .dark-mode .ai-all__item .v_11 { 5656 background: #847948; 5657 } 5658 .dark-mode .ai-all__item .v_14 { 5659 background: #846148; 5660 } 5661 .dark-mode .hamburger-menu span { 5662 background-color: #F6F6F6; 5663 } 5664} 5665 5666 5667/*new css*/ 5668 5669.convert_header { 5670 background-color: #fff; 5671 position: sticky; 5672 top: 0; 5673 z-index: 1000; 5674} 5675 5676.convert_wrapper { 5677 background: #FAFAFA; 5678} 5679 5680.top_header { 5681 padding: 10px 0; 5682 border-bottom: 1px solid #EFEFEF; 5683} 5684 5685.top_header h4, 5686.top_header h4 input { 5687 font-weight: 500; 5688 font-size: 16px; 5689 color: #181D20; 5690 line-height: 1.2; 5691} 5692 5693.top_header .button { 5694 font-size: 14px; 5695 line-height: 1.4; 5696 font-weight: 500; 5697 display: -webkit-box; 5698 display: -ms-flexbox; 5699 display: flex; 5700 -webkit-box-align: center; 5701 -ms-flex-align: center; 5702 align-items: center; 5703 -webkit-box-pack: center; 5704 -ms-flex-pack: center; 5705 justify-content: center; 5706 padding: 10px 16px; 5707} 5708 5709.top_header .button img { 5710 margin-right: 5px; 5711} 5712 5713.top_header .dropdown-toggle { 5714 width: 40px; 5715 height: 40px; 5716 border: 1px solid #E3E3E4; 5717 border-radius: 10px; 5718 display: -webkit-inline-box; 5719 display: -ms-inline-flexbox; 5720 display: inline-flex; 5721 -webkit-box-align: center; 5722 -ms-flex-align: center; 5723 align-items: center; 5724 -webkit-box-pack: center; 5725 -ms-flex-pack: center; 5726 justify-content: center; 5727} 5728 5729.convert_header .dropdown-toggle::after { 5730 display: none; 5731} 5732 5733.top_header .button-switch-mode { 5734 margin-right: 15px; 5735} 5736 5737.convert_header .dropdown-menu { 5738 border-radius: 10px; 5739 min-width: 120px; 5740 padding: 8px 0; 5741 margin-top: 0; 5742} 5743 5744.convert_header .dropdown-menu a.dropdown-item { 5745 font-size: 14px; 5746 line-height: 140%; 5747 letter-spacing: 0.005em; 5748 color: #828586; 5749 padding: 8px 16px; 5750} 5751 5752.convert_header .dropdown-menu a img { 5753 margin-right: 5px; 5754} 5755 5756.menu_wrap .dropdown-menu { 5757 left: 50% !important; 5758 -webkit-transform: translateX(-50%) !important; 5759 -ms-transform: translateX(-50%) !important; 5760 transform: translateX(-50%) !important; 5761 top: 100% !important; 5762} 5763 5764.menu_wrap .sign_menu { 5765 min-width: 200px; 5766 padding: 16px; 5767} 5768 5769.menu_wrap .sign_menu .button { 5770 font-size: 12px; 5771 font-weight: 500; 5772 padding: 7px 12px; 5773 width: 100%; 5774} 5775 5776 5777/*range css*/ 5778 5779.slider-box { 5780 background: #ffffff; 5781 padding: 11px 12px; 5782 border-radius: 12px; 5783 border: 1px solid #E3E3E4; 5784 width: 100%; 5785 max-width: 228px; 5786} 5787 5788.slider-box button { 5789 background-color: transparent; 5790 padding: 0; 5791 border: none; 5792} 5793 5794.range_box { 5795 width: 100%; 5796 margin-left: 12px; 5797 margin-right: 12px; 5798 position: relative; 5799} 5800 5801.range_box .range { 5802 width: 100%; 5803 height: 1px; 5804 background-color: #C8C9CA; 5805} 5806 5807.slider-box h4 { 5808 font-weight: 500; 5809 font-size: 12px; 5810 line-height: 1.2; 5811 color: #707375; 5812} 5813 5814.handle { 5815 height: 7px; 5816 width: 7px; 5817 border-radius: 50%; 5818 border: 1px solid #C8C9CA; 5819 position: absolute; 5820 top: 50%; 5821 -webkit-transform: translateY(-50%); 5822 -ms-transform: translateY(-50%); 5823 transform: translateY(-50%); 5824 left: 70%; 5825 background-color: #fff; 5826 cursor: pointer; 5827} 5828 5829 5830/*.menu*/ 5831 5832.bottom_menu { 5833 display: -webkit-box; 5834 display: -ms-flexbox; 5835 display: flex; 5836 -webkit-box-pack: justify; 5837 -ms-flex-pack: justify; 5838 justify-content: space-between; 5839 padding-right: 15px; 5840} 5841 5842.menu_wrap>ul { 5843 display: -webkit-box; 5844 display: -ms-flexbox; 5845 display: flex; 5846} 5847 5848.menu_wrap>ul>li>a { 5849 display: -webkit-box; 5850 display: -ms-flexbox; 5851 display: flex; 5852 -webkit-box-align: center; 5853 -ms-flex-align: center;
5854 align-items: center; 5855 -webkit-box-pack: center; 5856 -ms-flex-pack: center; 5857 justify-content: center; 5858 text-align: center; 5859 -webkit-box-orient: vertical; 5860 -webkit-box-direction: normal; 5861 -ms-flex-direction: column; 5862 flex-direction: column; 5863 font-weight: 500; 5864 font-size: 12px; 5865 line-height: 1.2; 5866 color: #707375; 5867 height: 72px; 5868 width: 72px; 5869 -webkit-transition: 0.3s; 5870 -o-transition: 0.3s; 5871 transition: 0.3s; 5872} 5873 5874.menu_wrap>ul>li>a:hover, 5875.menu_wrap>ul li a.active { 5876 color: #fff; 5877 background-color: var(--theme-color); 5878} 5879 5880.menu_wrap>ul>li>a img { 5881 margin-bottom: 2px; 5882} 5883 5884.menu_wrap>ul>li>a:hover img, 5885.menu_wrap>ul>li>a.active img { 5886 -webkit-filter: brightness(200%); 5887 filter: brightness(200%); 5888} 5889 5890.button.outline_btn { 5891 font-size: 14px; 5892 line-height: 1.1; 5893 padding: 13px 16px; 5894 background-color: transparent; 5895 border: 1px solid var(--theme-color); 5896 color: var(--theme-color); 5897 font-weight: 500; 5898} 5899 5900.button.outline_btn:hover { 5901 background-color: var(--theme-color); 5902 color: #fff; 5903} 5904 5905.divider { 5906 width: 100%; 5907 height: 1px; 5908 background-color: #EFEFEF; 5909 margin-top: 8px; 5910 margin-bottom: 8px; 5911} 5912 5913.delete { 5914 position: absolute; 5915 right: 8px; 5916 top: 50%; 5917 -webkit-transform: translateY(-50%); 5918 -ms-transform: translateY(-50%); 5919 transform: translateY(-50%); 5920 cursor: pointer; 5921} 5922 5923.tooltip .tooltip-inner { 5924 background: rgba(24, 29, 32, 0.72); 5925 font-size: 12px; 5926 font-weight: 500; 5927 line-height: 1.2; 5928 padding: 10px 16px; 5929} 5930 5931.tooltip .arrow::before { 5932 border-bottom-color: rgba(24, 29, 32, 0.72); 5933} 5934 5935.sidebar { 5936 position: fixed; 5937 top: 132px; 5938 left: 0; 5939 width: 258px; 5940 background: #FFFFFF; 5941 -webkit-transition: 0.3s; 5942 -o-transition: 0.3s; 5943 transition: 0.3s; 5944 height: calc(100vh - 132px); 5945 overflow: auto; 5946 padding: 16px 24px; 5947 overflow-x: hidden; 5948 z-index: 2; 5949} 5950 5951.sidebar.small_width { 5952 width: 72px; 5953 overflow: hidden; 5954} 5955 5956.sidebar.small_width ul, 5957.sidebar.small_width .pager, 5958.sidebar.small_width .add_wrap { 5959 display: none !important; 5960} 5961 5962.add_wrap { 5963 border-top: 1px solid #E3E3E4; 5964 margin-top: 15px; 5965 padding-top: 15px; 5966 text-align: center; 5967} 5968 5969.add_wrap a { 5970 border: 1.5px solid #1A8FE3; 5971 height: 20px; 5972 width: 20px; 5973 border-radius: 4px; 5974 color: #1A8FE3; 5975 display: inline-flex; 5976 align-items: center; 5977 justify-content: center; 5978 font-weight: 500; 5979 font-size: 17px; 5980} 5981 5982.add_wrap a:hover { 5983 background-color: #1A8FE3; 5984 color: #fff; 5985} 5986 5987.pdf_content { 5988 padding-left: 288px; 5989 padding-top: 12px; 5990 padding-bottom: 20px; 5991 padding-right: calc((100% - 1130px) / 2 + 15px); 5992 -webkit-transition: 0.3s; 5993 -o-transition: 0.3s; 5994 transition: 0.3s; 5995} 5996 5997.pdf_content.lg_content { 5998 padding-left: 152px; 5999} 6000 6001.toggle_btn { 6002 width: 24px; 6003 height: 24px; 6004 border: 1px solid #E3E3E4; 6005 border-radius: 4px; 6006 padding: 4px; 6007 cursor: pointer; 6008 display: -webkit-inline-box; 6009 display: -ms-inline-flexbox; 6010 display: inline-flex; 6011 -webkit-box-align: center; 6012 -ms-flex-align: center; 6013 align-items: center; 6014 -webkit-box-pack: center; 6015 -ms-flex-pack: center; 6016 justify-content: center; 6017 -webkit-transition: 0.3s; 6018 -o-transition: 0.3s; 6019 transition: 0.3s; 6020} 6021 6022.toggle_btn img { 6023 -webkit-transition: 0.3s; 6024 -o-transition: 0.3s; 6025 transition: 0.3s; 6026} 6027 6028.toggle_btn:hover { 6029 background-color: #e6e6e6; 6030} 6031 6032.toggle_btn.rotate img { 6033 -webkit-transform: rotate(180deg); 6034 -ms-transform: rotate(180deg); 6035 transform: rotate(180deg); 6036} 6037 6038.pager h4 { 6039 font-weight: 600; 6040 font-size: 16px; 6041 line-height: 1.5; 6042 color: #181D20; 6043} 6044 6045.pager span.active { 6046 width: 46px; 6047 height: 24px; 6048 border: 1px solid #E3E3E4; 6049 border-radius: 4px; 6050 display: -webkit-inline-box; 6051 display: -ms-inline-flexbox; 6052 display: inline-flex; 6053 -webkit-box-align: center; 6054 -ms-flex-align: center; 6055 align-items: center; 6056 -webkit-box-pack: center; 6057 -ms-flex-pack: center; 6058 justify-content: center; 6059 font-size: 14px; 6060 line-height: 1; 6061 color: #707375; 6062 font-weight: 400; 6063 margin-right: 10px; 6064} 6065 6066.page_count { 6067 font-weight: 500; 6068 font-size: 14px; 6069 line-height: 1; 6070 color: #707375; 6071 display: -webkit-box; 6072 display: -ms-flexbox; 6073 display: flex; 6074 -webkit-box-align: center; 6075 -ms-flex-align: center;
6076 align-items: center; 6077} 6078 6079.page_number { 6080 display: inline-block; 6081 margin-left: 5px; 6082} 6083 6084.sidebar ul.nav-pills { 6085 border-bottom: none; 6086} 6087 6088.sidebar ul li { 6089 margin-top: 24px; 6090 text-align: center; 6091 width: 100%; 6092} 6093 6094.sidebar ul li span { 6095 font-weight: 500; 6096 font-size: 12px; 6097 line-height: 1.3; 6098 color: #707375; 6099} 6100 6101.sidebar ul li a { 6102 font-weight: 600; 6103 font-size: 16px; 6104 line-height: 1.2; 6105 color: #707375; 6106 padding: 0; 6107 border: none !important; 6108 border-radius: 0; 6109} 6110 6111.sidebar ul>li>a>canvas { 6112 border: 1px solid #E3E3E4; 6113 margin-bottom: 12px; 6114} 6115 6116.sidebar ul li a.nav-link.active { 6117 color: var(--theme-color) !important; 6118 background-color: transparent; 6119} 6120 6121.sidebar ul li a.nav-link.active+div span { 6122 color: var(--theme-color) !important; 6123} 6124 6125.sidebar ul li a.active canvas { 6126 border-color: var(--theme-color); 6127} 6128 6129.pdf_content .page { 6130 border: 1px solid #E3E3E4; 6131 margin-top: 20px; 6132} 6133 6134#signature .modal-content, 6135#switch .modal-content { 6136 border-radius: 12px; 6137 border: none; 6138} 6139 6140#signature .modal-content .modal-body { 6141 padding: 40px; 6142} 6143 6144#signature .modal-content .modal-body h4, 6145#switch .modal-content .modal-body h4 { 6146 font-weight: bold; 6147 font-size: 24px; 6148 line-height: 140%; 6149 letter-spacing: 0.005em; 6150 color: #181D20; 6151} 6152 6153.modal_sub { 6154 font-size: 16px; 6155 line-height: 140%; 6156 letter-spacing: 0.005em; 6157 color: #828586; 6158 margin-top: 8px; 6159} 6160 6161#signature .modal-content .modal-body ul li { 6162 width: 33.33%; 6163} 6164 6165#signature .modal-content .modal-body ul li a { 6166 font-size: 16px; 6167 line-height: 140%; 6168 letter-spacing: 0.005em; 6169 color: #828586; 6170 text-align: center; 6171 padding: 0 5px 8px; 6172 border-bottom: 2px solid #F6F6F6; 6173 border-radius: 0; 6174 background-color: transparent; 6175} 6176 6177#signature .modal-content .modal-body ul li a.active { 6178 border-color: var(--theme-color); 6179 color: var(--theme-color); 6180} 6181 6182.input_box { 6183 height: 40px; 6184 border: 1px solid #EFEFEF; 6185 border-radius: 10px; 6186 font-size: 12px; 6187 padding: 0 16px; 6188 width: 100%; 6189 color: #707375; 6190} 6191 6192.input_box::-webkit-input-placeholder { 6193 color: #A7A9AA; 6194 opacity: 1; 6195} 6196 6197.input_box::-moz-placeholder { 6198 color: #A7A9AA; 6199 opacity: 1; 6200} 6201 6202.input_box:-ms-input-placeholder { 6203 color: #A7A9AA; 6204 opacity: 1; 6205} 6206 6207.input_box::-ms-input-placeholder { 6208 color: #A7A9AA; 6209 opacity: 1; 6210} 6211 6212.input_box::placeholder { 6213 color: #A7A9AA; 6214 opacity: 1; 6215} 6216 6217.signature_text { 6218 font-weight: 500; 6219 font-size: 64px; 6220 line-height: 1.1; 6221 color: #181D20; 6222 font-family: 'ChopinScript'; 6223 text-align: center; 6224 margin: 53px 0; 6225} 6226 6227.signature_text.default { 6228 color: #A7A9AA; 6229} 6230 6231#signature .button { 6232 line-height: 140%; 6233 padding: 17px 20px; 6234 border-radius: 14px; 6235} 6236 6237#signature .button.disabled { 6238 background: #C8C9CA; 6239 pointer-events: none; 6240} 6241 6242.label_text { 6243 font-weight: 500; 6244 font-size: 12px; 6245 line-height: 18px; 6246 color: #707375; 6247 display: inline-block; 6248} 6249 6250.clear_btn { 6251 background: #D0726C; 6252 border-radius: 8px; 6253 font-weight: 600; 6254 font-size: 10px; 6255 line-height: 1.2; 6256 color: #FFFFFF; 6257 padding: 5px 16px; 6258 border: none; 6259 -webkit-transition: 0.3s; 6260 -o-transition: 0.3s; 6261 transition: 0.3s; 6262} 6263 6264.clear_btn:hover { 6265 -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset; 6266 box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset; 6267} 6268 6269textarea.input_box { 6270 resize: none; 6271 height: 163px; 6272 padding: 10px 16px; 6273} 6274 6275.more_text { 6276 font-size: 12px; 6277 line-height: 1.3; 6278 letter-spacing: 0.005em; 6279 color: #525658; 6280 text-align: center; 6281 margin-top: 25px; 6282 margin-bottom: 15px; 6283} 6284 6285.more_text a { 6286 color: #D0726C; 6287 font-weight: 500; 6288 -webkit-transition: 0.3s; 6289 -o-transition: 0.3s; 6290 transition: 0.3s; 6291} 6292 6293.more_text a:hover { 6294 text-decoration: underline; 6295} 6296 6297 6298/*image upload width preview*/ 6299 6300.avatar-upload { 6301 border: 1px solid #EFEFEF; 6302 border-radius: 10px; 6303 height: 163px; 6304 width: 100%; 6305 margin-top: 15px; 6306 overflow: hidden; 6307 position: relative; 6308} 6309 6310.avatar-upload .avatar-edit { 6311 position: absolute; 6312 top: 50%; 6313 left: 50%; 6314 -webkit-transform: translate(-50%, -50%); 6315 -ms-transform: translate(-50%, -50%); 6316 transform: translate(-50%, -50%); 6317 z-index: 1; 6318} 6319 6320.avatar-upload .avatar-edit input { 6321 display: none; 6322} 6323 6324.avatar-upload .avatar-edit input+label { 6325 padding: 12px 24px; 6326 border: 1px solid #83C2F0; 6327 border-radius: 10px; 6328 font-weight: 600; 6329 font-size: 12px; 6330 line-height: 1.3; 6331 text-align: center; 6332 letter-spacing: 0.005em; 6333 color: #71BAEE; 6334 cursor: pointer; 6335 -webkit-transition: 0.3s; 6336 -o-transition: 0.3s; 6337 transition: 0.3s; 6338} 6339 6340.avatar-upload .avatar-edit input+label:hover { 6341 background-color: #71BAEE; 6342 color: #fff; 6343} 6344 6345.avatar-upload .avatar-preview { 6346 width: 100%; 6347 height: 100%; 6348 position: relative; 6349} 6350 6351.avatar-upload .avatar-preview>div { 6352 width: 100%; 6353 height: 100%; 6354 background-size: cover; 6355 background-repeat: no-repeat; 6356 background-position: center; 6357} 6358 6359 6360/*switch modal*/ 6361 6362#switch .modal-body { 6363 padding: 40px; 6364} 6365 6366#switch .modal-dialog { 6367 max-width: 892px; 6368 margin: 1.75rem auto; 6369} 6370 6371#switch .row { 6372 margin-right: -8px; 6373 margin-left: -8px; 6374} 6375 6376#switch .row>div { 6377 padding-left: 8px; 6378 padding-right: 8px; 6379} 6380 6381.switch_radio_box { 6382 margin-top: 24px; 6383} 6384 6385.switch_radio_box input { 6386 display: none; 6387} 6388 6389.switch_radio_box label { 6390 background: #FFFFFF; 6391 border: 1px solid #EFEFEF; 6392 border-radius: 10px; 6393 padding: 12px; 6394 cursor: pointer; 6395 width: 100%; 6396} 6397 6398.switch_radio_box label .span1 { 6399 font-weight: 500; 6400 font-size: 14px; 6401 line-height: 130%; 6402 letter-spacing: 0.005em; 6403 color: #181D20; 6404 display: block; 6405} 6406 6407.switch_radio_box label .span2 { 6408 font-size: 12px; 6409 letter-spacing: 0.005em; 6410 color: #707375; 6411 padding-top: 8px; 6412 display: inline-block; 6413} 6414 6415.switch_radio_box input:checked+label { 6416 background-color: #F6FBFE; 6417 border-color: #1A8FE3; 6418} 6419 6420.switch_btn p { 6421 font-size: 12px; 6422 line-height: 1.4; 6423 letter-spacing: 0.005em; 6424 color: #525658; 6425 text-align: center; 6426 margin-top: 32px; 6427 font-style: italic; 6428} 6429 6430.switch_btn p a { 6431 color: #D0726C; 6432} 6433 6434.switch_btn button { 6435 width: 100%; 6436 border: none; 6437 background: #1A8FE3; 6438 border-radius: 14px; 6439 font-weight: 600; 6440 font-size: 16px; 6441 line-height: 140%; 6442 text-align: center; 6443 letter-spacing: 0.005em; 6444 color: #FFFFFF; 6445 padding: 17px; 6446 margin-top: 16px; 6447} 6448 6449.range_right_content { 6450 display: -webkit-box; 6451 display: -ms-flexbox; 6452 display: flex; 6453 -webkit-box-align: center; 6454 -ms-flex-align: center;
6455 align-items: center; 6456 width: 100%; 6457 -webkit-box-pack: end; 6458 -ms-flex-pack: end; 6459 justify-content: flex-end; 6460} 6461 6462 6463/*color area satrt*/ 6464 6465.color_wrapper { 6466 padding-top: 40px; 6467 padding-bottom: 70px; 6468} 6469 6470.color_main_wrapper { 6471 background-color: #FFFFFF; 6472 -webkit-box-shadow: 3px 15px 35px rgba(45, 42, 60, 0.03); 6473 box-shadow: 3px 15px 35px rgba(45, 42, 60, 0.03); 6474 border-radius: 12px; 6475 padding: 24px; 6476} 6477 6478.color_box_wrapper { 6479 display: -webkit-box; 6480 display: -ms-flexbox; 6481 display: flex; 6482 -webkit-box-align: center; 6483 -ms-flex-align: center; 6484 align-items: center; 6485 -webkit-box-pack: justify; 6486 -ms-flex-pack: justify; 6487 justify-content: space-between; 6488 padding-top: 16px; 6489} 6490 6491.color_heading h4 { 6492 font-weight: 600; 6493 font-size: 24px; 6494 line-height: 1.2; 6495 color: #2D2A3C; 6496} 6497 6498.color_box { 6499 height: 40px; 6500 width: 40px; 6501 border-radius: 50%; 6502} 6503 6504.color_box1 { 6505 background-color: #F25E4C; 6506} 6507 6508.color_box2 { 6509 background-color: #4C3F91; 6510} 6511 6512.color_box3 { 6513 background-color: #7F2CCB; 6514} 6515 6516.color_box4 { 6517 background-color: #CE8147; 6518} 6519 6520.color_box5 { 6521 background-color: #414361; 6522} 6523 6524.color_box6 { 6525 background-color: #36494E; 6526} 6527 6528.color_box7 { 6529 background-color: #606D5D; 6530} 6531 6532.color_box8 { 6533 background-color: #70695A; 6534} 6535 6536.color_box9 { 6537 background-color: #5F5566; 6538} 6539 6540.color_box10 { 6541 background-color: #4C3549; 6542} 6543 6544.color_box11 { 6545 background-color: #895B1E; 6546} 6547 6548.color_box12 { 6549 background-color: #994636; 6550} 6551 6552.color_box13 { 6553 background-color: #333333; 6554} 6555 6556.color_box14 { 6557 background-color: #80A1D4; 6558} 6559 6560.color_box15 { 6561 background-color: #468189; 6562} 6563 6564.color_box16 { 6565 background: -o-radial-gradient(50% 50%, 50% 50%, rgba(198, 255, 221, 0.44) 44.27%, #FBD786 70.31%, #F25E4C 94.27%), #767522; 6566 background: radial-gradient(50% 50% at 50% 50%, rgba(198, 255, 221, 0.44) 44.27%, #FBD786 70.31%, #F25E4C 94.27%), #767522; 6567} 6568 6569.color_box17 { 6570 background: -o-radial-gradient(50% 50%, 50% 50%, #F25F5C 0%, #FFE066 50.52%, #247BA0 100%), #9BC4CB; 6571 background: radial-gradient(50% 50% at 50% 50%, #F25F5C 0%, #FFE066 50.52%, #247BA0 100%), #9BC4CB; 6572} 6573 6574.color_box18 { 6575 background-color: #7D387D; 6576} 6577 6578.color_box19 { 6579 background: conic-gradient(from 180deg at 50% 50%, #F8F991 -54.38deg, rgba(61, 49, 91, 0.924948) 33.75deg, #444B6E 118.12deg, #708B75 178.12deg, #F8F991 305.62deg, rgba(61, 49, 91, 0.924948) 393.75deg), #C4C4C4; 6580} 6581 6582.color_box20 { 6583 background: conic-gradient(from 180deg at 50% 50%, #0000FD -54.38deg, rgba(128, 21, 232, 0.924948) 33.75deg, #28E4FF 118.12deg, rgba(221, 17, 86, 0.44) 178.12deg, #0000FD 305.62deg, rgba(128, 21, 232, 0.924948) 393.75deg), #C4C4C4; 6584} 6585 6586.color_box21 { 6587 background: -o-linear-gradient(315deg, #12C2E9 -7%, #C471ED 55.66%, #F7797D 82.23%), #C4C4C4; 6588 background: linear-gradient(135deg, #12C2E9 -7%, #C471ED 55.66%, #F7797D 82.23%), #C4C4C4; 6589} 6590 6591.color_box22 { 6592 background: -webkit-gradient(linear, left top, left bottom, from(#EF2F88), to(#8843F2)), #C4C4C4; 6593 background: -o-linear-gradient(top, #EF2F88 0%, #8843F2 100%), #C4C4C4; 6594 background: linear-gradient(180deg, #EF2F88 0%, #8843F2 100%), #C4C4C4; 6595} 6596 6597.color_box23 { 6598 background: -webkit-gradient(linear, left top, left bottom, from(#B92B27), to(#1565C0)), #C4C4C4; 6599 background: -o-linear-gradient(top, #B92B27 0%, #1565C0 100%), #C4C4C4; 6600 background: linear-gradient(180deg, #B92B27 0%, #1565C0 100%), #C4C4C4; 6601} 6602 6603.color_box24 { 6604 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #8360C3), color-stop(131.53%, #2EBF91)), #C4C4C4; 6605 background: -o-linear-gradient(top, #8360C3 -45.13%, #2EBF91 131.53%), #C4C4C4; 6606 background: linear-gradient(180deg, #8360C3 -45.13%, #2EBF91 131.53%), #C4C4C4; 6607} 6608 6609.color_box25 { 6610 background: -o-linear-gradient(225deg, #2980B9 -18.81%, #6DD5FA 43.55%, #FFFFFF 109.63%), #C4C4C4; 6611 background: linear-gradient(225deg, #2980B9 -18.81%, #6DD5FA 43.55%, #FFFFFF 109.63%), #C4C4C4; 6612} 6613 6614.color_box26 { 6615 background: -webkit-gradient(linear, left bottom, left top, color-stop(13.87%, #FF0099), color-stop(160.27%, #493240)), #C4C4C4; 6616 background: -o-linear-gradient(bottom, #FF0099 13.87%, #493240 160.27%), #C4
6616C4C4; 6617 background: linear-gradient(360deg, #FF0099 13.87%, #493240 160.27%), #C4C4C4; 6618} 6619 6620.color_box27 { 6621 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFD452), color-stop(131.53%, #2EBF91)), -webkit-gradient(linear, left bottom, left top, color-stop(13.87%, #FF0099), color-stop(160.27%, #493240)), #C4C4C4; 6622 background: -o-linear-gradient(top, #FFD452 -45.13%, #2EBF91 131.53%), -o-linear-gradient(bottom, #FF0099 13.87%, #493240 160.27%), #C4C4C4; 6623 background: linear-gradient(180deg, #FFD452 -45.13%, #2EBF91 131.53%), linear-gradient(360deg, #FF0099 13.87%, #493240 160.27%), #C4C4C4; 6624} 6625 6626.color_box28 { 6627 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #654EA3), color-stop(131.53%, #EAAFC8)), -webkit-gradient(linear, left bottom, left top, from(#EF744D), to(#EF744D)), #C4C4C4; 6628 background: -o-linear-gradient(top, #654EA3 -45.13%, #EAAFC8 131.53%), -o-linear-gradient(bottom, #EF744D, #EF744D), #C4C4C4; 6629 background: linear-gradient(180deg, #654EA3 -45.13%, #EAAFC8 131.53%), linear-gradient(0deg, #EF744D, #EF744D), #C4C4C4; 6630} 6631 6632.color_box29 { 6633 background: -webkit-gradient(linear, left top, left bottom, color-stop(4.32%, #00B4DB), color-stop(121.46%, #0083B0)), #C4C4C4; 6634 background: -o-linear-gradient(top, #00B4DB 4.32%, #0083B0 121.46%), #C4C4C4; 6635 background: linear-gradient(180deg, #00B4DB 4.32%, #0083B0 121.46%), #C4C4C4; 6636} 6637 6638.color_box30 { 6639 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFFDE4), color-stop(131.53%, #005AA7)), #C4C4C4; 6640 background: -o-linear-gradient(top, #FFFDE4 -45.13%, #005AA7 131.53%), #C4C4C4; 6641 background: linear-gradient(180deg, #FFFDE4 -45.13%, #005AA7 131.53%), #C4C4C4; 6642} 6643 6644.color_box31 { 6645 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #2EBF91)), #C4C4C4; 6646 background: -o-linear-gradient(top, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6647 background: linear-gradient(180deg, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6648} 6649 6650.color_box32 { 6651 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #3F2B96)), #C4C4C4; 6652 background: -o-linear-gradient(top, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6653 background: linear-gradient(180deg, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6654} 6655 6656.color_box33 { 6657 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FF5858), color-stop(131.53%, #FFC8C8)), #C4C4C4; 6658 background: -o-linear-gradient(top, #FF5858 -45.13%, #FFC8C8 131.53%), #C4C4C4; 6659 background: linear-gradient(180deg, #FF5858 -45.13%, #FFC8C8 131.53%), #C4C4C4; 6660} 6661 6662.color_box34 { 6663 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #F187FB), color-stop(131.53%, #439CFB)), #C4C4C4; 6664 background: -o-linear-gradient(top, #F187FB -45.13%, #439CFB 131.53%), #C4C4C4; 6665 background: linear-gradient(180deg, #F187FB -45.13%, #439CFB 131.53%), #C4C4C4; 6666} 6667 6668.color_box35 { 6669 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #6E78FF), color-stop(47.8%, #95F9C3), color-stop(131.53%, #61F4DE)), #C4C4C4; 6670 background: -o-linear-gradient(top, #6E78FF -45.13%, #95F9C3 47.8%, #61F4DE 131.53%), #C4C4C4; 6671 background: linear-gradient(180deg, #6E78FF -45.13%, #95F9C3 47.8%, #61F4DE 131.53%), #C4C4C4; 6672} 6673 6674.color_box36 { 6675 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #40E0D0), color-stop(45.96%, #FF8C00), color-stop(131.53%, #FF0080)), -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #2EBF91)), #C4C4C4; 6676 background: -o-linear-gradient(top, #40E0D0 -45.13%, #FF8C00 45.96%, #FF0080 131.53%), -o-linear-gradient(top, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6677 background: linear-gradient(180deg, #40E0D0 -45.13%, #FF8C00 45.96%, #FF0080 131.53%), linear-gradient(180deg, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6678} 6679 6680.color_box37 { 6681 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #108DC7), color-stop(108.76%, #EF8E38)), -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #3F2B96)), #C4C4C4; 6682 background: -o-linear-gradient(top, #108DC7 -12.51%, #EF8E38 108.76%), -o-linear-gradient(top, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6683 background: linear-gradient(180deg, #108DC7 -12.51%, #EF8E38 108.76%), linear-gradient(180deg, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6684} 6685 6686.color_box38 { 6687 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #00B09B), color-stop(131.53%, #96C93D)); 6688 background: -o-linear-gradient(top, #00B09B -45.13%, #96C93D 131.53%); 6689 background: linear-gradient(180deg, #00B09B -45.13%, #96C93D 131.53%); 6690} 6691 6692.color_box39 { 6693 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #F6C4ED), color-stop(131.53%, #F1E1C2)); 6694 background: -o-linear-gradient(top, #F6C4ED -45.13%, #F1E1C2 131.53%); 6695 background: linear-gradient(180deg, #F6C4ED -45.13%, #F1E1C2 131.53%); 6696} 6697 6698.color_box40 { 6699 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #ED71AD), color-stop(131.53%, #7277F1)); 6700 background: -o-linear-gradient(top, #ED71AD -45.13%, #7277F1 131.53%); 6701 background: linear-gradient(180deg, #ED71AD -45.13%, #7277F1 131.53%); 6702} 6703 6704.color_box41 { 6705 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #00C3FF), color-stop(108.76%, #FFFF1C)); 6706 background: -o-linear-gradient(top, #00C3FF -12.51%, #FFFF1C 108.76%); 6707 background: linear-gradient(180deg, #00C3FF -12.51%, #FFFF1C 108.76%); 6708} 6709 6710.color_box42 { 6711 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #BE93C5), color-stop(108.76%, #7BC6CC)); 6712 background: -o-linear-gradient(top, #BE93C5 -12.51%, #7BC6CC 108.76%); 6713 background: linear-gradient(180deg, #BE93C5 -12.51%, #7BC6CC 108.76%); 6714} 6715 6716.color_box43 { 6717 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFD89B), color-stop(131.53%, #19547B)); 6718 background: -o-linear-gradient(top, #FFD89B -45.13%, #19547B 131.53%); 6719 background: linear-gradient(180deg, #FFD89B -45.13%, #19547B 131.53%); 6720} 6721 6722.color_box44 { 6723 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FCEABB), color-stop(131.52%, #F8B500), color-stop(131.53%, #F1E1C2)); 6724 background: -o-linear-gradient(top, #FCEABB -45.13%, #F8B500 131.52%, #F1E1C2 131.53%); 6725 background: linear-gradient(180deg, #FCEABB -45.13%, #F8B500 131.52%, #F1E1C2 131.53%); 6726} 6727 6728.color_box45 { 6729 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #000428), color-stop(131.53%, #004E92)); 6730 background: -o-linear-gradient(top, #000428 -45.13%, #004E92 131.53%); 6731 background: linear-gradient(180deg, #000428 -45.13%, #004E92 131.53%); 6732} 6733 6734.color_box46 { 6735 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #FF5F6D), color-stop(108.76%, #FFC371)); 6736 background: -o-linear-gradient(top, #FF5F6D -12.51%, #FFC371 108.76%); 6737 background: linear-gradient(180deg, #FF5F6D -12.51%, #FFC371 108.76%); 6738} 6739 6740.color_box47 { 6741 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #E0EAFC), color-stop(108.76%, #CFDEF3)); 6742 background: -o-linear-gradient(top, #E0EAFC -12.51%, #CFDEF3 108.76%); 6743 background: linear-gradient(180deg, #E0EAFC -12.51%, #CFDEF3 108.76%); 6744} 6745 6746.color_box48 { 6747 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #4CA1AF), color-stop(131.53%, #C4E0E5)); 6748 background: -o-linear-gradient(top, #4CA1AF -45.13%, #C4E0E5 131.53%); 6749 background: linear-gradient(180deg, #4CA1AF -45.13%, #C4E0E5 131.53%); 6750} 6751 6752.color_box49 { 6753 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #403A3E), color-stop(131.53%, #BE5869)); 6754 background: -o-linear-gradient(top, #403A3E -45.13%, #BE5869 131.53%); 6755 background: linear-gradient(180deg, #403A3E -45.13%, #BE5869 131.53%); 6756} 6757 6758.color_box50 { 6759 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #5A3F37), color-stop(131.53%, #2C7744)); 6760 background: -o-linear-gradient(top, #5A3F37 -45.13%, #2C7744 131.53%); 6761 background: linear-gradient(180deg, #5A3F37 -45.13%, #2C7744 131.53%); 6762} 6763 6764.color_box51 { 6765 background-color: #5A7403; 6766} 6767 6768.color_box52 { 6769 background-color: #474689; 6770} 6771 6772.color_box53 { 6773 background-color: #1C69FF; 6774} 6775 6776.color_box54 { 6777 background-color: #FBF20C; 6778} 6779 6780.color_box55 { 6781 background-color: #C00475; 6782} 6783 6784.color_btn { 6785 padding-top: 24px; 6786 margin-top: 24px; 6787 border-top: 1px solid #B9B8BC; 6788} 6789 6790.color_btn a { 6791 display: inline-block; 6792 padding: 18px; 6793 width: 100%; 6794 background: -webkit-gradient(linear, left top, left bottom, from(#FC7E81), to(#FC696D)); 6795 background: -o-linear-gradient(top, #FC7E81 0%, #FC696D 100%); 6796 background: linear-gradient(180deg, #FC7E81 0%, #FC696D 100%); 6797 border-radius: 12px; 6798 text-align: center; 6799 font-weight: 600; 6800 font-size: 14px; 6801 line-height: 1.2; 6802 color: #FFFFFF; 6803} 6804 6805.color_img_wrapper { 6806 display: -webkit-box; 6807 display: -ms-flexbox; 6808 display: flex; 6809 -webkit-box-align: center; 6810 -ms-flex-align: center;
6811 align-items: center; 6812 -ms-flex-wrap: wrap; 6813 flex-wrap: wrap; 6814} 6815 6816.color_img1 { 6817 margin-top: 0; 6818} 6819 6820.color_img { 6821 -ms-flex-preferred-size: 20%; 6822 flex-basis: 20%; 6823 max-width: 20%; 6824 margin-top: 24px; 6825 text-align: center; 6826} 6827 6828.color_img img { 6829 height: 160px; 6830 width: 160px; 6831 border-radius: 50%; 6832 -o-object-fit: cover; 6833 object-fit: cover; 6834} 6835 6836.tools_area { 6837 background-color: #EFF7FD; 6838 padding-top: 60px; 6839 padding-bottom: 60px; 6840} 6841 6842.tools_box { 6843 padding: 16px; 6844} 6845 6846.tools_box .icon_box { 6847 float: left; 6848 margin-right: 12px; 6849 margin-bottom: 12px; 6850} 6851 6852.tools_box p { 6853 clear: both; 6854} 6855 6856@media (min-width: 992px) { 6857 .tools_area { 6858 padding-top: 100px; 6859 padding-bottom: 80px; 6860 } 6861 .tools_area .col-lg-2 { 6862 flex: 0 0 20%; 6863 max-width: 20%; 6864 } 6865} 6866 6867.tools_box__small { 6868 padding: 8px; 6869} 6870 6871.tools_box__small .icon_box { 6872 margin-right: 12px; 6873 margin-bottom: 0; 6874 width: 48px; 6875 height: 48px; 6876 padding: 12px; 6877} 6878 6879.tools_box__small h4 { 6880 font-size: 16px; 6881} 6882 6883.icon_box.v16 { 6884 background: #E24841; 6885} 6886 6887.icon_box.v17 { 6888 background: #F8D32B; 6889} 6890 6891.icon_box.v18 { 6892 background: #79DC47; 6893} 6894 6895.icon_box.v19 { 6896 background: #624BD8; 6897} 6898 6899.icon_box.v20 { 6900 background: #3295F1; 6901} 6902 6903.icon_box.v21 { 6904 background: #FF7919; 6905} 6906 6907.icon_box.v22 { 6908 background: #FF244E; 6909} 6910 6911.tools_editor { 6912 background: #FFF; 6913 border-radius: 14px; 6914 padding: 40px 24px 32px 24px; 6915 display: flex; 6916 justify-content: space-between; 6917 align-items: center; 6918 flex-direction: column; 6919 height: 100%; 6920} 6921 6922.tools_editor_group { 6923 max-width: 316px; 6924} 6925 6926.tools_editor h3 { 6927 color: #181D20; 6928 font-size: 24px; 6929 font-weight: 700; 6930 margin-bottom: 8px; 6931} 6932 6933.tools_editor p { 6934 font-size: 12px; 6935} 6936 6937.tools_editor_buttons {} 6938 6939.tools_editor .button { 6940 font-weight: 600; 6941 font-size: 12px; 6942 line-height: 18px; 6943 color: #1A8FE3; 6944 box-shadow: none; 6945 margin-top: 24px; 6946} 6947 6948.tools_editor .button-create { 6949 background-color: #F6FBFE; 6950 border: 1px solid #1A8FE3; 6951 border-radius: 10px; 6952 padding: 15px 16px; 6953} 6954 6955.tools_editor .button-upload { 6956 padding: 0; 6957 background-color: transparent; 6958 text-decoration: underline; 6959 margin-left: 16px; 6960} 6961 6962.tools_editor_image { 6963 flex-shrink: 0; 6964 margin-top: 20px; 6965} 6966 6967.tools_editor__image .tools_editor_image { 6968 filter: blur(2px); 6969} 6970 6971.tools_editor__image .tools_editor_group { 6972 filter: blur(2px); 6973} 6974 6975@media (min-width: 768px) { 6976 .tools_editor { 6977 flex-direction: row; 6978 } 6979 .tools_editor_image { 6980 width: 235px; 6981 margin-left: 10px; 6982 } 6983 .tools_editor_image { 6984 margin-top: -16px; 6985 } 6986 .tools_editor__image .tools_editor_image { 6987 margin-top: -20px; 6988 margin-right: -14px; 6989 margin-bottom: -10px; 6990 } 6991} 6992 6993@media (min-width: 992px) { 6994 .tools_editor_image { 6995 width: 180px; 6996 } 6997} 6998 6999@media (min-width: 1200px) { 7000 .tools_editor_image { 7001 width: 235px; 7002 } 7003} 7004 7005.dark-mode .tools_area { 7006 background-color: inherit; 7007} 7008 7009.dark-mode .tools_editor { 7010 background-color: #223544; 7011} 7012 7013.dark-mode .tools_editor .button-create { 7014 background-color: #404A54; 7015 border-color: #50677A; 7016 color: #71BAEE; 7017} 7018 7019.dark-mode .tools_editor .button { 7020 box-shadow: none; 7021} 7022 7023.dark-mode .tools_editor h3 { 7024 color: #fff; 7025} 7026 7027.button-gray { 7028 border: 1px solid #707375; 7029 border-radius: 14px; 7030 background-color: #fff; 7031 color: #707375; 7032} 7033 7034.button-gray:hover { 7035 background-color: #f3f7f9; 7036 color: #707375; 7037} 7038 7039.file-drop-area .button-gray { 7040 position: relative; 7041 z-index: 5; 7042 cursor: pointer; 7043} 7044 7045.file-drop-area_note { 7046 font-weight: 500; 7047 font-size: 14px; 7048 text-align: center; 7049 color: #D0726C; 7050} 7051 7052 7053/* modal-browse-templates */ 7054 7055.modal-browse-templates .modal-dialog { 7056 margin: 0; 7057} 7058 7059.modal-browse-templates .modal-dialog-centered { 7060 align-items: flex-end; 7061 min-height: calc(100%); 7062} 7063 7064.modal-browse-templates .modal-content { 7065 border-radius: 12px 12px 0 0; 7066} 7067 7068.modal-browse-templates .modal-header { 7069 border: none; 7070 padding: 36px 16px 0; 7071 display: block; 7072} 7073 7074.modal-browse-templates .modal-title { 7075 color: #181D20; 7076 font-weight: bold; 7077 font-size: 16px; 7078 margin-bottom: 8px; 7079} 7080 7081.modal-browse-templates .modal-header-text { 7082 color: #828586; 7083 font-size: 12px; 7084} 7085 7086.modal-browse-templates .modal-body { 7087 padding: 8px 16px 0; 7088} 7089 7090@media (min-width: 768px) {
7091 .modal-browse-templates .modal-dialog-centered { 7092 min-height: calc(100% - 3.5rem); 7093 } 7094 .modal-browse-templates .modal-title { 7095 font-size: 24px; 7096 } 7097 .modal-browse-templates .modal-header-text { 7098 font-size: 16px; 7099 } 7100 .modal-browse-templates .modal-header { 7101 padding: 40px 40px 0; 7102 } 7103 .modal-browse-templates .modal-body { 7104 padding: 8px 40px 40px; 7105 } 7106 .modal-browse-templates .modal-content { 7107 border-radius: 12px; 7108 } 7109 .modal-browse-templates .modal-dialog { 7110 max-width: 610px; 7111 margin: 1.75rem auto; 7112 } 7113 .modal-browse-templates .modal-dialog-centered { 7114 align-items: center; 7115 justify-content: center; 7116 } 7117} 7118 7119@media (min-width: 992px) {} 7120 7121@media (min-width: 1200px) { 7122 .modal-browse-templates .modal-dialog { 7123 max-width: 1128px; 7124 } 7125} 7126 7127.tools-button { 7128 background: #FFFFFF; 7129 border: 1px solid #E3E3E4; 7130 border-radius: 8px; 7131 color: #707375; 7132 padding-left: 9px; 7133 padding-right: 9px; 7134 padding-top: 9px; 7135 padding-bottom: 8px; 7136 margin-left: 8px; 7137 height: auto; 7138 width: auto; 7139} 7140 7141.tools-button:hover { 7142 color: #007bff; 7143 border-color: #007bff; 7144 background: #FFFFFF; 7145} 7146 7147.tools-button.dropdown-toggle::after { 7148 display: none; 7149} 7150 7151.tools-button--add { 7152 color: #57B286; 7153 border-color: #57B286; 7154} 7155 7156.tools-button--delete { 7157 color: #D0726C; 7158 border-color: #D0726C; 7159} 7160 7161 7162/* text-settings */ 7163 7164.text-settings { 7165 position: relative; 7166} 7167 7168.modal-text-settings {} 7169 7170.modal-text-settings .modal-dialog { 7171 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7172 margin-left: 0; 7173 margin-right: 0; 7174 margin-bottom: 0; 7175} 7176 7177.modal-text-settings .modal-dialog-centered { 7178 align-items: flex-end; 7179 min-height: calc(100%); 7180} 7181 7182.modal-text-settings .modal-content { 7183 border-radius: 16px 16px 0 0; 7184 border: none; 7185} 7186 7187.modal-text-settings .modal-header { 7188 border: none; 7189 padding-bottom: 0; 7190} 7191 7192.modal-text-settings .modal-title { 7193 font-weight: 600; 7194 font-size: 16px; 7195 line-height: 24px; 7196 color: #181D20; 7197} 7198 7199@media (min-width: 768px) { 7200 .modal-text-settings { 7201 position: absolute; 7202 top: 0; 7203 left: -287px; 7204 width: 360px; 7205 overflow: visible; 7206 box-sizing: border-box; 7207 min-height: 400px; 7208 } 7209 .modal-open .modal-text-settings { 7210 overflow: visible; 7211 } 7212 .modal-text-settings .modal-header { 7213 display: none; 7214 } 7215 .memes-edit_form .form-control { 7216 padding: 14px; 7217 font-size: 14px; 7218 height: 48px; 7219 } 7220 .modal-text-settings .modal-dialog { 7221 width: 100%; 7222 margin-top: 60px; 7223 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7224 } 7225 .modal-text-settings .modal-dialog-centered { 7226 align-items: flex-start; 7227 min-height: auto; 7228 } 7229 .modal-text-settings .modal-content { 7230 border-radius: 12px; 7231 } 7232 .is-show-text-setting { 7233 overflow-y: auto; 7234 padding-right: 0 !important; 7235 } 7236 .is-show-text-setting .modal-backdrop { 7237 display: none; 7238 } 7239 .tools-button { 7240 padding-left: 13px; 7241 padding-right: 13px; 7242 padding-top: 12px; 7243 padding-bottom: 11px; 7244 } 7245 /*.memes-edit_tools .dropdown-menu { 7246position: absolute !important; 7247left: auto !important; 7248right: 0; 7249bottom: auto; 7250margin-top: 8px; 7251margin-right: 7px; 7252padding: 16px; 7253border-radius: 12px; 7254width: 360px; 7255}*/ 7256} 7257 7258@media (min-width: 992px) {} 7259 7260@media (min-width: 1200px) {} 7261 7262 7263/* .memes-edit_tools-form */ 7264 7265.memes-edit_tools-form .mcfontpicker { 7266 border: 1px solid #E3E3E4; 7267 border-radius: 8px; 7268 height: 36px; 7269 position: relative; 7270} 7271 7272.memes-edit_tools-form .mcfontpicker:before { 7273 content: ""; 7274 position: absolute; 7275 top: 14px; 7276 right: 14px; 7277 width: 6px; 7278 height: 6px; 7279 border-right: 1px solid #707375; 7280 border-bottom: 1px solid #707375; 7281 transform: rotate(45deg); 7282 z-index: 3; 7283} 7284 7285.memes-edit_tools-form .mcfontpicker__search { 7286 height: 34px; 7287 border: none; 7288 border-radius: 8px; 7289 font-size: 12px; 7290 padding: 9px; 7291 padding-right: 30px; 7292 color: #707375; 7293 font-family: inherit; 7294 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; 7295} 7296 7297.memes-edit_tools-form .mcfontpicker__search:focus { 7298 outline: 0; 7299 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 7300} 7301 7302.memes-edit_tools-form label { 7303 font-weight: 500; 7304 font-size: 12px; 7305 color: #707375; 7306 display: block; 7307 margin-bottom: 12px; 7308} 7309 7310.memes-edit_tools-form .form-control { 7311 height: 36px; 7312 border-color: #E3E3E4; 7313 border-radius: 8px; 7314 font-size: 12px; 7315 padding: 9px; 7316} 7317 7318.memes-edit_tools-form .memes-edit_tools { 7319 margin-left: 0; 7320} 7321 7322.memes-edit_tools { 7323 margin-left: -10px; 7324 display: flex; 7325} 7326 7327.memes-edit_tools-form .memes-edit_tools { 7328 margin-left: 0; 7329} 7330 7331.memes-edit_tools-form .tools-button { 7332 border-color: transparent; 7333 padding: 6px; 7334 margin-left: 1px; 7335} 7336 7337.memes-edit_tools-form .tools-button:hover, 7338.memes-edit_tools-form .tools-button.is-active { 7339 border-color: #1A8FE3; 7340 color: #1A8FE3; 7341 background-color: #F6FBFE; 7342} 7343 7344.memes-edit_tools-form .memes-edit_button { 7345 padding-top: 8px; 7346 padding-bottom: 8px; 7347 padding-left: 10px; 7348 padding-right: 10px; 7349 font-size: 12px; 7350 min-width: inherit; 7351 display: block; 7352 font-weight: 500; 7353 height: 40px; 7354} 7355 7356 7357/* before-after */ 7358 7359.before-after {} 7360 7361.before-after_note { 7362 max-width: 280px; 7363} 7364 7365.before-after_comparison { 7366 max-width: 806px; 7367 margin-left: auto; 7368 margin-right: auto; 7369} 7370 7371.before-after_comparison img { 7372 border-radius: 10px; 7373} 7374 7375.before-after_comparison .ba-slider { 7376 overflow: visible; 7377} 7378 7379.before-after_comparison .handle { 7380 width: 1px; 7381 margin-left: -.5px; 7382 background: #E3E3E4; 7383 height: 100%; 7384 transform: none; 7385 border: none; 7386} 7387 7388.before-after_comparison .handle::after { 7389 content: ""; 7390 background-image: url(/v3/img/handle-before-after.svg); 7391 background-repeat: no-repeat; 7392 background-size: 80% auto; 7393 background-position: 50%; 7394 width: 40px; 7395 height: 40px; 7396 margin: -20px 0 0 -20px; 7397 background-color: #FFF; 7398 border: none; 7399 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7400} 7401 7402.before-after_tool { 7403 margin-top: 32px; 7404} 7405 7406.before-after_item { 7407 flex-grow: 1; 7408 padding: 16px; 7409 background: #FFFFFF; 7410 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7411 border-radius: 12px; 7412 box-sizing: border-box; 7413 margin-bottom: 24px; 7414} 7415 7416.before-after_item--before {} 7417 7418.before-after_item-header { 7419 margin-bottom: 16px; 7420 text-align: left; 7421} 7422 7423.before-after_item-title { 7424 font-weight: 600; 7425 font-size: 16px; 7426 line-height: 130%; 7427 color: #57B286; 7428} 7429 7430.before-after_item--before .before-after_item-title { 7431 color: #D0726C; 7432} 7433 7434.before-after_item-note { 7435 margin-top: 8px; 7436 font-size: 12px; 7437} 7438 7439.before-after_item-patterns { 7440 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7441 background-color: #fff; 7442 border-radius: 12px; 7443 padding: 11px; 7444 box-sizing: border-box; 7445 max-width: 414px; 7446 display: flex; 7447 flex-wrap: wrap; 7448} 7449 7450.before-after_item-patterns img { 7451 border-radius: 100%; 7452 margin-left: 5px; 7453 margin-right: 5px; 7454 margin-top: 5px; 7455 margin-bottom: 5px; 7456 width: 60px; 7457} 7458 7459.before-after_item-group {} 7460 7461.before-after_advantage { 7462 display: flex; 7463 align-items: center; 7464 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7465 border-radius: 12px; 7466 padding: 10px; 7467 margin-top: 16px; 7468 background-color: #fff; 7469} 7470 7471.before-after_advantage:first-child {} 7472 7473.before-after_advantage img { 7474 border-radius: 100%; 7475 flex-shrink: 0; 7476 width: 32px; 7477 height: 32px; 7478} 7479 7480.before-after_advantage span { 7481 margin-left: 8px; 7482 font-weight: 500; 7483 font-size: 12px; 7484 color: #181D20; 7485} 7486 7487.dark-mode .before-after_item { 7488 background-color: #223544; 7489} 7490 7491.dark-mode .before-after_item-patterns, 7492.dark-mode .before-after_advantage { 7493 background-color: #1F2A33; 7494} 7495 7496.dark-mode .before-after_advantage span { 7497 color: #EFEFEF; 7498} 7499 7500.dark-mode .subscribe-modal__title { 7501 color: #EFEFEF; 7502} 7503 7504.dark-mode .subscribe-modal__descr { 7505 color: #fff !important; 7506} 7507 7508.dark-mode .btn-action--light-blue { 7509 background-color: transparent; 7510} 7511 7512.dark-mode .switch-mode-tool--green .switch-name.is-selected { 7513 color: #FFFFFF; 7514} 7515 7516.dark-mode .switch-mode-tool .form-check-input { 7517 background-color: #1CAB48; 7518} 7519 7520.dark-mode .switch-mode-tool .form-check-input::after { 7521 background-color: #ffffff; 7522} 7523 7524@media (min-width: 768px) { 7525 .before-after { 7526 text-align: center; 7527 } 7528 .before-after_note { 7529 max-width: 400px; 7530 margin-left: auto; 7531 margin-right: auto; 7532 } 7533 .before-after_comparison img { 7534 border-radius: 12px; 7535 } 7536 .before-after_comparison .handle::after { 7537 width: 56px; 7538 height: 56px; 7539 margin: -28px 0 0 -28px; 7540 } 7541 .before-after_tool { 7542 display: flex; 7543 justify-content: center; 7544 } 7545 .before-after_item { 7546 flex-grow: 1; 7547 margin-left: 12px; 7548 margin-right: 12px; 7549 max-width: 545px; 7550 margin-bottom: 0; 7551 } 7552 .before-after_item--before { 7553 max-width: 376px; 7554 } 7555 .before-after_tool { 7556 margin-top: 40px; 7557 } 7558 .before-after_item { 7559 padding: 24px; 7560 } 7561 .before-after_item-header { 7562 margin-bottom: 24px; 7563 } 7564 .before-after_item-title { 7565 font-size: 20px; 7566 } 7567 .before-after_item-note { 7568 font-size: 16px; 7569 } 7570 .before-after_item-patterns { 7571 padding: 5px; 7572 } 7573 .before-after_advantage { 7574 margin-top: 24px; 7575 padding: 16px; 7576 } 7577 .before-after_advantage img { 7578 width: 48px; 7579 height: 48px; 7580 } 7581 .before-after_advantage span { 7582 margin-left: 10px; 7583 font-size: 16px; 7584 } 7585} 7586 7587@media (min-width: 992px) { 7588 .before-after_item-group { 7589 display: flex; 7590 justify-content: space-between; 7591 } 7592 .before-after_advantage { 7593 margin-left: 24px; 7594 } 7595 .before-after_advantage:first-child { 7596 margin-left: 0; 7597 } 7598 .before-after_item-patterns img { 7599 width: 88px; 7600 } 7601 .before-after_item-title { 7602 font-size: 24px; 7603 } 7604} 7605 7606 7607/* .get update */ 7608 7609.get-update { 7610 background: #1A8FE3; 7611 border-radius: 14px; 7612 padding: 42px 32px; 7613 background-image: url(/v3/img/bg-get-update.svg); 7614 background-repeat: no-repeat; 7615 background-position: 100% 100%; 7616 box-shadow: 0 20px 20px rgb(26 143 227 / 32%); 7617 color: #fff; 7618 height: 100%; 7619} 7620 7621.get-update h3 { 7622 font-weight: 700; 7623 font-size: 24px; 7624} 7625 7626.get-update p { 7627 margin-top: 12px; 7628 font-size: 12px; 7629 max-width: 390px; 7630} 7631 7632.get-update_form {} 7633 7634.get-update .form-control { 7635 border-radius: 6px; 7636 height: 40px; 7637 width: 100%; 7638} 7639 7640.get-update .form-control::placeholder { 7641 color: #C8C9CA; 7642} 7643 7644.get-update .button { 7645 background: #FFFFFF; 7646 border-radius: 6px; 7647 font-size: 12px; 7648 color: #181D20; 7649 padding: 9px 20px; 7650 height: 40px; 7651} 7652 7653 7654/* .compress-result */ 7655 7656.compress-result { 7657 background: #FFFFFF; 7658 border: 1px solid #EFEFEF; 7659 box-sizing: border-box; 7660 border-radius: 12px; 7661 padding: 24px; 7662 text-align: center; 7663} 7664 7665.compress-result_title { 7666 font-size: 24px; 7667 font-weight: 600; 7668 padding-top: 0; 7669} 7670 7671.compress-result_action { 7672 margin-top: 16px; 7673 border-bottom: 1px solid #E3E3E4; 7674 padding-bottom: 56px; 7675} 7676 7677.compress-result_action-group {} 7678 7679.compress-result_file { 7680 border: 1px solid #E3E3E4; 7681 box-sizing: border-box; 7682 border-radius: 8px; 7683 padding-left: 10px; 7684 padding-top: 10px; 7685 padding-bottom: 10px; 7686 max-width: 100%; 7687 overflow: hidden; 7688 white-space: nowrap; 7689 text-overflow: ellipsis; 7690 font-weight: 500; 7691 font-size: 14px; 7692 color: #181D20; 7693} 7694 7695.compress-result_file-icon { 7696 width: 40px; 7697 height: 40px; 7698 border-radius: 8px; 7699 margin-right: 8px; 7700 display: inline-flex; 7701 justify-content: center;
7702 align-items: center; 7703 flex-shrink: 0; 7704 vertical-align: middle; 7705} 7706 7707.compress-result_file-icon--pdf { 7708 background: #FEF6F6; 7709} 7710 7711.compress-result_file-icon--image { 7712 background: #F5FFFA; 7713} 7714 7715.compress-result_link { 7716 margin-top: 8px; 7717} 7718 7719.compress-result_link .form-control { 7720 resize: none; 7721 background: #F6F6F6; 7722 border-color: #E3E3E4; 7723 border-radius: 8px; 7724 padding: 10px; 7725 font-weight: 500; 7726 font-size: 14px; 7727 color: #707375; 7728 min-height: 114px; 7729} 7730 7731.compress-result_tools {} 7732 7733.compress-result_tools-item { 7734 position: relative; 7735} 7736 7737.compress-result_tools { 7738 padding-top: 24px; 7739} 7740 7741.compress-result_tools .button { 7742 margin-top: 8px; 7743 width: 100%; 7744 font-weight: 500; 7745 border-radius: 6px; 7746} 7747 7748.compress-result_button-download::after { 7749 content: ''; 7750 width: 8px; 7751 height: 8px; 7752 margin-left: 10px; 7753 margin-top: -4px; 7754 border-right: 2px solid #fff; 7755 border-bottom: 2px solid #fff; 7756 -webkit-transform: rotate(45deg); 7757 transform: rotate(45deg); 7758 display: inline-block; 7759 vertical-align: middle; 7760} 7761 7762.compress-result_button-send { 7763 background-color: #FFF; 7764 border: 1px solid #1A8FE3; 7765 color: #1A8FE3; 7766} 7767 7768.compress-result_list-tools {} 7769 7770.compress-result_list-tools li { 7771 border-top: 1px solid #E3E3E4; 7772} 7773 7774.compress-result_list-tools li:first-child { 7775 border-top-width: 0; 7776} 7777 7778.compress-result_list-tools .item, 7779.compress-result_list-tools a { 7780 display: flex; 7781 align-items: center; 7782 padding-top: 10px; 7783 padding-bottom: 10px; 7784 color: #707375; 7785 font-size: 16px; 7786 cursor: pointer; 7787} 7788 7789.compress-result_list-tools .icon { 7790 margin-right: 10px; 7791 width: 32px; 7792 height: 32px; 7793 background-color: #F5FBFA; 7794 border-radius: 100%; 7795 display: flex; 7796 align-items: center; 7797 justify-content: center; 7798 color: #1a8fe3; 7799} 7800 7801.compress-result_list-tools .icon svg { 7802 width: 16px; 7803 height: 16px; 7804} 7805 7806.compress-result_list-tools .icon_box { 7807 width: 32px; 7808 height: 32px; 7809 margin-right: 10px; 7810 border-radius: 6px; 7811} 7812 7813.compress-result_button-link { 7814 font-weight: 500; 7815 font-size: 16px; 7816 text-decoration-line: underline; 7817 color: #707375; 7818 display: inline-block; 7819 margin-top: 16px; 7820 background: none; 7821 width: auto; 7822 padding: 0; 7823} 7824 7825.compress-result_button-link:hover { 7826 text-decoration: none; 7827 background: none; 7828 color: #707375; 7829} 7830 7831.compress-result .get-update { 7832 background: #F6F6F6; 7833 border: 1px solid #E3E3E4; 7834 border-radius: 8px; 7835 box-shadow: none; 7836 color: #707375; 7837 padding: 12px; 7838 text-align: left; 7839} 7840 7841.compress-result .get-update h3 { 7842 color: #181D20; 7843 font-weight: 600; 7844 font-size: 20px; 7845} 7846 7847.compress-result .get-update p { 7848 margin-top: 4px; 7849} 7850 7851.compress-result .get-update .form-control { 7852 height: 48px; 7853 font-size: 12px; 7854} 7855 7856.compress-result .get-update .button { 7857 height: 48px; 7858 min-width: 48px; 7859 background: #1A8FE3; 7860 color: #FFFFFF; 7861 font-weight: 600; 7862 font-size: 12px; 7863 padding: 10px; 7864 margin-left: -10px; 7865} 7866 7867.compress-result .get-update .button span { 7868 display: none; 7869} 7870 7871 7872/* .share */ 7873 7874.share { 7875 border: 1px solid #E3E3E4; 7876 border-radius: 8px; 7877 padding: 12px; 7878 height: 100%; 7879 box-sizing: border-box; 7880 text-align: left; 7881} 7882 7883.share h3 { 7884 color: #181D20; 7885 font-weight: 600; 7886 font-size: 20px; 7887 margin-bottom: 4px; 7888} 7889 7890.share p { 7891 font-size: 12px; 7892} 7893 7894.share .social_icon { 7895 text-align: left; 7896 margin-right: -16px; 7897 margin-top: 8px; 7898} 7899 7900.share .social_icon a { 7901 width: 40px; 7902 height: 40px; 7903 border: 1px solid #E3E3E4; 7904 line-height: 38px; 7905 background-color: #fff; 7906 margin-right: 12px; 7907 margin-top: 8px; 7908} 7909 7910.modal-result-tools {} 7911 7912.modal-result-tools .modal-dialog { 7913 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7914 margin-left: 0; 7915 margin-right: 0; 7916 margin-bottom: 0; 7917} 7918 7919.modal-result-tools .modal-dialog-centered { 7920 align-items: flex-end; 7921 min-height: calc(100%); 7922 margin: auto; 7923} 7924 7925.modal-result-tools .modal-content { 7926 border-radius: 16px 16px 0 0; 7927 border: none; 7928} 7929 7930.modal-result-tools .modal-header { 7931 border: none; 7932 padding-bottom: 0; 7933} 7934 7935.modal-result-tools .close { 7936 position: absolute; 7937 top: -5px; 7938 left: 0; 7939 right: 0; 7940 font-size: 0; 7941 margin: 0; 7942 text-align: center; 7943} 7944 7945.modal-result-tools .close::before { 7946 content: ""; 7947 background: #E3E3E4; 7948 border-radius: 99px; 7949 width: 32px; 7950 height: 4px; 7951 display: inline-block; 7952} 7953 7954.modal-result-tools .modal-title { 7955 font-weight: 600; 7956 font-size: 16px; 7957 line-height: 24px; 7958 color: #181D20; 7959} 7960 7961@media (min-width: 768px) { 7962 .compress-result { 7963 padding: 24px; 7964 } 7965 .compress-result_action-group { 7966 width: 272px; 7967 margin-left: auto; 7968 margin-right: auto; 7969 } 7970 .compress-result .get-update { 7971 padding: 24px; 7972 } 7973 .compress-result .get-update .button { 7974 margin-left: 0; 7975 width: 100%; 7976 } 7977 .compress-result .get-update .button span { 7978 display: block; 7979 } 7980 .compress-result .get-update .button img { 7981 display: none; 7982 } 7983 .share { 7984 padding: 24px; 7985 } 7986 .share .social_icon a { 7987 width: 48px; 7988 height: 48px; 7989 line-height: 46px; 7990 } 7991 .compress-result_list-tools { 7992 margin-left: -4px; 7993 margin-right: -4px; 7994 margin-top: -13px; 7995 margin-bottom: -13px; 7996 }
7997 .modal-result-tools { 7998 position: absolute; 7999 top: 0; 8000 left: 0; 8001 width: 100%; 8002 overflow: visible; 8003 box-sizing: content-box; 8004 min-height: 400px; 8005 } 8006 .modal-open .modal-result-tools { 8007 overflow: visible; 8008 } 8009 .modal-result-tools .modal-header { 8010 display: none; 8011 } 8012 .modal-result-tools .modal-dialog { 8013 width: 100%; 8014 margin-top: 60px; 8015 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 8016 } 8017 .modal-result-tools .modal-dialog-centered { 8018 align-items: flex-start; 8019 min-height: auto; 8020 } 8021 .modal-result-tools .modal-content { 8022 border-radius: 12px; 8023 } 8024 .is-show-result-tools { 8025 overflow-y: auto; 8026 padding-right: 0 !important; 8027 } 8028 .is-show-result-tools .modal-backdrop { 8029 display: none; 8030 } 8031} 8032 8033@media (min-width: 1025px) { 8034 .share .social_icon a { 8035 margin-right: 15px; 8036 } 8037} 8038 8039 8040/* .expand_menu */ 8041 8042.expand_menu-box { 8043 padding-top: 24px; 8044 padding-bottom: 20px; 8045 background: #FFF; 8046 box-shadow: inset 3px 15px 40px rgba(24, 29, 32, .05), 3px 15px 40px rgba(24, 29, 32, .05); 8047 border-radius: 0 0 10px 10px; 8048} 8049 8050.expand_menu-tools { 8051 margin-bottom: 16px; 8052} 8053 8054.expand_menu .tools_box { 8055 flex-basis: calc(100% / 5); 8056 flex-shrink: 0; 8057 margin: 10px 16px; 8058 border: 1px solid #E3E3E4; 8059 border-radius: 5px; 8060 padding: 8px; 8061} 8062 8063.expand_menu .tools_box .icon_box { 8064 width: 32px; 8065 height: 32px; 8066 margin-bottom: 0; 8067 margin-right: 10px; 8068 padding: 8px; 8069} 8070 8071.expand_menu .tools_box h4 { 8072 font-weight: 600; 8073 font-size: 14px; 8074 padding-bottom: 0; 8075 margin-top: 9px; 8076 margin-bottom: 0; 8077} 8078 8079.expand_menu_title { 8080 font-weight: 600; 8081 font-size: 16px; 8082 line-height: 140%; 8083 color: #181D20; 8084 min-height: 22px; 8085 margin-left: 16px; 8086 margin-right: 16px; 8087} 8088 8089.expand_menu .mega_menu { 8090 opacity: 1; 8091 visibility: visible; 8092 margin-top: 0; 8093 margin-bottom: 8px; 8094} 8095 8096.expand_menu .mega_menu-colums { 8097 display: flex; 8098 flex-wrap: wrap; 8099} 8100 8101.expand_menu .mega_menu-colums li { 8102 width: 50%; 8103} 8104 8105.expand_menu .mega_menu li { 8106 padding-top: 1px; 8107 padding-bottom: 1px; 8108} 8109 8110.expand_menu .mega_menu img { 8111 -webkit-filter: brightness(0) saturate(100%) invert(37%) sepia(99%) saturate(433%) hue-rotate(160deg) brightness(110%) contrast(99%); 8112 filter: brightness(0) saturate(100%) invert(37%) sepia(99%) saturate(433%) hue-rotate(160deg) brightness(110%) contrast(99%); 8113} 8114 8115.expand_menu .mega_menu li a { 8116 padding-top: 5px; 8117 padding-bottom: 5px; 8118 align-items: flex-start; 8119} 8120 8121@media (min-width: 1200px) { 8122 .expand_menu { 8123 top: 46px; 8124 } 8125} 8126 8127/*@media (min-width: 1023px) {*/ 8128 .expand_menu { 8129 position: fixed; 8130 top: 40px; 8131 left: 0; 8132 width: 100%; 8133 padding-top: 24px; 8134 display: none; 8135 } 8136 .expand_menu .mega_menu { 8137 margin-bottom: 0; 8138 margin-top: 8px; 8139 margin-left: 0; 8140 margin-right: 0; 8141 } 8142 .menu2>li:hover .expand_menu { 8143 display: block; 8144 } 8145 .expand_menu-tools { 8146 display: flex; 8147 flex-wrap: wrap; 8148 margin-left: -10px; 8149 margin-right: -10px; 8150 margin-bottom: 16px; 8151 } 8152 .expand_menu .tools_box { 8153 flex-grow: 1; 8154 margin: 10px; 8155 } 8156 .expand_menu_title { 8157 color: #181D20; 8158 font-weight: 600; 8159 margin-left: 0; 8160 margin-right: 0; 8161 } 8162 .expand_menu .mega_menu li a { 8163 padding-top: 6px; 8164 padding-bottom: 6px; 8165 } 8166/*}*/ 8167 8168 8169/* .switch-mode-tool */ 8170 8171.switch-mode-tool { 8172 border-top: 1px solid #E3E3E4; 8173 padding-top: 16px; 8174 padding-bottom: 16px; 8175 display: flex; 8176 align-items: center; 8177 justify-content: space-between; 8178 margin-top: 16px; 8179} 8180 8181.switch-mode-tool_text { 8182 font-weight: 400; 8183 font-size: 16px; 8184 line-height: 24px; 8185 color: #525658; 8186 display: flex; 8187 align-items: center; 8188} 8189 8190.switch-mode-tool_icon { 8191 width: 24px; 8192 height: 24px; 8193 margin-right: 8px; 8194 color: #1A8FE3; 8195 flex-shrink: 0; 8196} 8197 8198.switch-mode-tool_icon svg { 8199 width: 100%; 8200 height: 100%; 8201} 8202 8203.switch-mode-tool .form-switch { 8204 padding-left: 2.5em; 8205} 8206 8207.switch-mode-tool .form-check-input { 8208 position: relative; 8209 display: inline-block; 8210 width: 45px; 8211 height: 24px; 8212 margin: 0; 8213 vertical-align: top; 8214 background: #E3E3E4; 8215 border-radius: 99px; 8216 outline: none; 8217 cursor: pointer; 8218 -webkit-appearance: none; 8219 -moz-appearance: none; 8220 appearance: none; 8221 transition: background .3s linear; 8222} 8223 8224.switch-mode-tool .form-check-input::after { 8225 content: ""; 8226 display: inline-block; 8227 position: absolute; 8228 left: 5px; 8229 top: 5px; 8230 width: 14px; 8231 height: 14px; 8232 background-color: #fff; 8233 border-radius: 50%; 8234 transform: translateX(0); 8235 transition: background, transform .3s linear; 8236} 8237 8238.switch-mode-tool .form-check-input:checked::after { 8239 transform: translateX(calc(100% + 5px)); 8240 background-color: #fff; 8241} 8242 8243.switch-mode-tool .form-check-input:checked { 8244 background-color: #1A8FE3; 8245} 8246 8247 8248/* user-bar */ 8249 8250.user-bar { 8251 display: flex; 8252 align-items: center; 8253 justify-content: space-between; 8254} 8255 8256.user-bar_info { 8257 display: flex; 8258 align-items: center; 8259} 8260 8261.user-bar_avatar { 8262 background-color: #FB5F7F; 8263 width: 48px; 8264 height: 48px; 8265 display: flex; 8266 align-items: center; 8267 justify-content: center; 8268 overflow: hidden; 8269 border-radius: 100%; 8270 position: relative; 8271 color: #fff; 8272 font-weight: 600; 8273 font-size: 18px; 8274 flex-shrink: 0; 8275} 8276 8277.user-bar_avatar-default { 8278 background-color: #EFEFEF; 8279 color: #828586; 8280} 8281 8282.user-bar_avatar svg { 8283 width: 24px; 8284 height: 24px; 8285 position: absolute; 8286 top: 50%; 8287 left: 50%; 8288 transform: translate(-50%, -50%); 8289 display: none; 8290} 8291 8292.user-bar_avatar-default svg { 8293 display: block; 8294} 8295 8296.user-bar_avatar img { 8297 position: relative; 8298 z-index: 1; 8299} 8300 8301.user-bar_text { 8302 margin-left: 10px; 8303 flex-shrink: 1; 8304} 8305 8306.user-bar_text .user-bar_name, 8307.user-bar_text .user-bar_plan { 8308 text-overflow: ellipsis; 8309 overflow: hidden; 8310 display: block; 8311 width: inherit; 8312 max-width: 135px; 8313 white-space: nowrap; 8314} 8315 8316.user-bar_name { 8317 font-weight: 500; 8318 font-size: 14px; 8319 line-height: 21px; 8320 color: #181D20; 8321 display: block; 8322} 8323 8324.user-bar_plan { 8325 font-size: 12px; 8326 line-height: 18px; 8327 color: #828586; 8328} 8329 8330.user-bar .button { 8331 font-size: 10px; 8332 padding: 5px 16px; 8333 border-radius: 5px; 8334} 8335 8336.user-bar .button-upgrade { 8337 background-color: #F65E55; 8338} 8339 8340.user-bar .button-info { 8341 background: none; 8342 color: #1A8FE3; 8343 border: 1px solid #1A8FE3; 8344} 8345 8346 8347/* .mobile_menu .button-files */ 8348 8349.mobile_menu .button-files { 8350 width: 100%; 8351 display: flex; 8352 align-items: center; 8353 justify-content: space-between; 8354 border-top: 1px solid #E3E3E4; 8355 padding-top: 16px; 8356 padding-bottom: 16px; 8357 background: none; 8358} 8359 8360.mobile_menu .button-files_text { 8361 font-weight: 400; 8362 font-size: 16px; 8363 line-height: 24px; 8364 color: #525658; 8365 display: flex; 8366 align-items: center; 8367} 8368 8369.mobile_menu .button-files_icon-folder { 8370 width: 24px; 8371 height: 24px; 8372 margin-right: 8px; 8373 color: #1A8FE3; 8374 flex-shrink: 0; 8375} 8376 8377.mobile_menu .button-files_icon-arrow { 8378 width: 16px; 8379 height: 16px; 8380 color: #A7A9AA; 8381 transform: rotate(-90deg); 8382} 8383 8384 8385/* .mobile_menu .share */ 8386 8387.mobile_menu .share { 8388 margin-top: 8px; 8389} 8390 8391.mobile_menu .share h3 { 8392 font-size: 16px; 8393} 8394 8395.mobile_menu .share .input-group { 8396 margin-top: 16px; 8397} 8398 8399.mobile_menu .share .form-control { 8400 padding: 13px 6px 11px 16px; 8401 font-size: 14px; 8402 border-radius: 8px 0 0 8px; 8403 border-color: #E3E3E4; 8404 border-right-width: 0; 8405 height: 44px; 8406} 8407 8408.mobile_menu .share .form-control:focus { 8409 outline: none; 8410 -webkit-box-shadow: none; 8411 box-shadow: none; 8412} 8413 8414.mobile_menu .share .input-group-append .btn { 8415 padding: 13px 8px 10px 6px; 8416 font-size: 12px; 8417 color: #1A8FE3; 8418 font-weight: 600; 8419 border-radius: 0 8px 8px 0; 8420 border-color: #E3E3E4; 8421 border-left-width: 0; 8422} 8423 8424.mobile_menu .share .input-group-append .btn:hover { 8425 background: none; 8426} 8427 8428 8429/* .mobile_menu .button-logout */ 8430 8431.mobile_menu .button-logout { 8432 background: #fff; 8433 font-weight: 400; 8434 font-size: 16px; 8435 color: #D0726C; 8436 position: fixed; 8437 bottom: 0; 8438 width: 100%; 8439 padding: 24px 15px; 8440 text-align: left; 8441 margin-left: -15px; 8442 z-index: 2; 8443} 8444 8445.mobile_menu .button-logout svg { 8446 width: 24px; 8447 height: 24px; 8448 margin-right: 8px; 8449 margin-top: -4px; 8450} 8451 8452 8453/* billing */ 8454 8455.billing_box { 8456 padding: 12px; 8457 background-color: #fff; 8458 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 8459 border-radius: 12px; 8460 color: #181D20; 8461 margin-top: 20px; 8462} 8463 8464.billing_box-header { 8465 display: flex; 8466 align-items: center; 8467 justify-content: space-between; 8468 margin-bottom: 16px; 8469} 8470 8471.billing_box h5 { 8472 font-weight: 600; 8473 font-size: 14px; 8474} 8475 8476.billing_box .btn-outline-secondary { 8477 /*color: #828586; 8478border-color: #828586;*/ 8479 border-radius: 5px; 8480 font-size: 10px; 8481} 8482 8483.billing_box .btn-outline-secondary svg { 8484 width: 16px; 8485 height: 16px; 8486 margin-right: 8px; 8487} 8488 8489.cards-list { 8490 margin-top: 4px; 8491 margin-bottom: 24px; 8492} 8493 8494.cards-list_item { 8495 padding-top: 12px; 8496 padding-bottom: 12px; 8497 border-bottom: 1px solid #E3E3E4; 8498} 8499 8500.cards-list_item .form-check { 8501 display: flex; 8502 align-items: center; 8503} 8504 8505.cards-list_icon { 8506 display: inline-block; 8507 vertical-align: middle; 8508 width: 71px; 8509 height: 32px; 8510 padding-left: 10px; 8511} 8512 8513.cards-list_item .form-check-input { 8514 margin-top: 0; 8515} 8516 8517.cards-list_item .form-check-label { 8518 display: flex; 8519 align-items: center; 8520} 8521 8522.cards-list_text { 8523 color: #525658; 8524 padding-left: 10px; 8525 font-size: 12px; 8526} 8527 8528.cards-list_text span { 8529 font-weight: 600; 8530 color: #181D20; 8531} 8532 8533.cards-list_action { 8534 padding-left: 20px; 8535 display: flex; 8536 flex-direction: row-reverse; 8537 justify-content: flex-end; 8538} 8539 8540.cards-list_action .btn { 8541 font-weight: 500; 8542 font-size: 10px; 8543 color: #707375; 8544} 8545 8546.cards-list_action .btn-outline-primary { 8547 color: #1A8FE3; 8548 border-color: transparent; 8549 padding: 12px; 8550 border-radius: 8px; 8551 font-weight: 600; 8552} 8553 8554.cards-list_action .btn-outline-primary:hover { 8555 color: #fff; 8556 background-color: #1A8FE3; 8557} 8558 8559@media (min-width: 768px) { 8560 .billing_box { 8561 padding: 20px; 8562 margin-top: 30px; 8563 } 8564 .billing_box h5 { 8565 font-size: 20px; 8566 } 8567 .billing_box .btn-outline-secondary { 8568 font-size: 14px; 8569 } 8570 .cards-list {} 8571 .cards-list_item { 8572 padding-top: 16px; 8573 padding-bottom: 16px; 8574 } 8575 .billing_box .btn-outline-secondary svg { 8576 width: 21px; 8577 height: 21px; 8578 } 8579 .cards-list_icon { 8580 width: 90px; 8581 height: 40px; 8582 } 8583 .cards-list_text { 8584 font-size: 16px; 8585 } 8586 .cards-list_action { 8587 text-align: right; 8588 padding-left: 0; 8589 flex-direction: row; 8590 } 8591 .cards-list_action .btn { 8592 font-size: 14px; 8593 } 8594 .cards-list_action .btn-outline-primary { 8595 border-color: #1A8FE3; 8596 padding: 12px 40px; 8597 } 8598} 8599 8600 8601/* .order-summary */ 8602 8603.order-summary {} 8604 8605.order-summary_list { 8606 padding-bottom: 16px; 8607} 8608 8609.order-summary_item { 8610 display: flex; 8611 justify-content: space-between; 8612 margin-top: 12px; 8613 font-size: 12px; 8614} 8615 8616.order-summary_name { 8617 font-weight: 400; 8618} 8619 8620.order-summary_price { 8621 font-weight: 600; 8622} 8623 8624.order-summary_price--colored { 8625 color: #1A8FE3; 8626} 8627 8628.order-summary_action {} 8629 8630.order-summary_action .button { 8631 width: 100%; 8632 font-size: 12px; 8633} 8634 8635.order-summary_action .button:disabled { 8636 background-color: #C8C9CA; 8637} 8638 8639@media (min-width: 768px) { 8640 .order-summary_item { 8641 font-size: 14px; 8642 } 8643 .order-summary_action .button { 8644 font-size: 16px; 8645 } 8646} 8647 8648 8649/* title-section */ 8650 8651.title-section { 8652 position: relative; 8653 font-weight: 500; 8654 font-size: 12px; 8655 color: #ADADAD; 8656 text-transform: uppercase; 8657 text-align: center; 8658 margin-top: 32px; 8659 margin-bottom: 12px; 8660} 8661 8662.title-section::before { 8663 content: ""; 8664 width: 100%; 8665 height: 1px; 8666 background-color: #ADADAD; 8667 position: absolute; 8668 top: 50%; 8669 left: 0; 8670 transform: translateY(-50%); 8671} 8672 8673.title-section span { 8674 display: inline-block; 8675 background-color: #fff; 8676 padding-left: 8px; 8677 padding-right: 8px; 8678 position: relative; 8679} 8680 8681@media (min-width: 768px) { 8682 .title-section { 8683 font-size: 16px; 8684 line-height: 20px; 8685 margin-top: 56px; 8686 margin-bottom: 56px; 8687 } 8688} 8689 8690 8691/* billing-history */ 8692 8693.billing-history { 8694 border-radius: 4px 4px 0 0; 8695 overflow-x: auto; 8696} 8697 8698.billing-history_message { 8699 text-align: center; 8700 border-width: 0 1px 1px 1px; 8701 border-style: solid; 8702 border-color: #E3E3E4; 8703 padding: 28px 12px; 8704 color: #707375; 8705 min-width: 480px; 8706 font-size: 12px; 8707} 8708 8709.billing-history .table { 8710 margin-bottom: 0; 8711 min-width: 480px 8712} 8713 8714.billing-history .table .thead-light th { 8715 background-color: #EFEFEF; 8716} 8717 8718.billing-history .table th { 8719 color: #707375; 8720 font-weight: 500; 8721 font-size: 10px; 8722 border: 1px solid #E3E3E4; 8723 padding: 10px 40px 10px 12px; 8724 vertical-align: middle; 8725 position: relative; 8726} 8727 8728.billing-history .table th:first-child { 8729 width: 375px; 8730} 8731 8732.billing-history .table th:nth-child(2) { 8733 width: 286px; 8734} 8735 8736.billing-history .table th:nth-child(3) { 8737 width: 272px; 8738} 8739 8740.billing-history .table td { 8741 font-weight: 400; 8742 font-size: 12px; 8743 color: #707375; 8744 border: 1px solid #E3E3E4; 8745 padding: 10px 12px; 8746 vertical-align: middle; 8747} 8748 8749.billing-history .table tbody th { 8750 font-weight: 600; 8751 color: #181D20; 8752} 8753 8754.billing-history .badge { 8755 font-weight: 500; 8756 font-size: 10px; 8757 text-transform: uppercase; 8758 padding: 6px 10px; 8759} 8760 8761.billing-history .badge-success { 8762 background-color: #EAF5F0; 8763 color: #57B286; 8764} 8765 8766.billing-history .badge-danger { 8767 background-color: #F9EEED; 8768 color: #D0726C; 8769} 8770 8771.billing-history .badge-warning { 8772 background-color: #FBF7E6; 8773 color: #DDBE22; 8774} 8775 8776.table_sort { 8777 position: absolute; 8778 top: 50%; 8779 right: 0; 8780 transform: translateY(-50%); 8781 padding: 0 6px; 8782 color: #707375; 8783} 8784 8785.table_sort svg { 8786 width: 12px; 8787 height: 12px; 8788} 8789 8790@media (min-width: 768px) { 8791 .billing-history { 8792 overflow: hidden; 8793 } 8794 .billing-history_message { 8795 font-size: 16px; 8796 } 8797 .billing-history .table {} 8798 .billing-history .table th { 8799 font-size: 14px; 8800 padding: 19px 40px 19px 12px; 8801 } 8802 .billing-history .table td { 8803 font-size: 16px; 8804 padding: 20px 12px; 8805 } 8806 .billing-history .badge { 8807 font-size: 16px; 8808 line-height: 24px; 8809 padding: 8px 16px; 8810 } 8811 .table_sort { 8812 right: 10px; 8813 } 8814 .table_sort svg { 8815 width: 17px; 8816 height: 17px; 8817 } 8818} 8819 8820 8821/* modal-add-card */ 8822 8823.modal-add-card {} 8824 8825.modal-add-card .modal-dialog { 8826 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 8827 margin-left: 0; 8828 margin-right: 0; 8829 margin-bottom: 0; 8830} 8831 8832.modal-add-card .modal-dialog-centered { 8833 /*align-items: flex-end;*/ 8834 min-height: calc(100%); 8835 margin: auto; 8836} 8837 8838.modal-add-card .modal-content { 8839 border-radius: 16px; 8840 border: none; 8841} 8842 8843.modal-add-card .modal-header { 8844 border: none; 8845 padding-top: 36px; 8846 padding-bottom: 0; 8847} 8848 8849.modal-add-card .close { 8850 position: absolute; 8851 top: -5px; 8852 left: 0; 8853 right: 0; 8854 font-size: 0; 8855 margin: 0; 8856 text-align: center; 8857} 8858 8859.modal-add-card .close::before { 8860 content: ""; 8861 background: #E3E3E4; 8862 border-radius: 99px; 8863 width: 32px; 8864 height: 4px; 8865 display: inline-block; 8866} 8867 8868.modal-add-card .close svg { 8869 display: none; 8870} 8871 8872.modal-add-card .modal-title { 8873 font-weight: 700; 8874 color: #181D20; 8875 font-size: 18px; 8876} 8877 8878.modal-add-card .modal-body { 8879 padding-top: 0; 8880} 8881 8882.modal-add-card .form-control { 8883 height: 35px; 8884} 8885 8886.modal-add-card label { 8887 font-weight: 500; 8888 font-size: 12px; 8889 line-height: 18px; 8890 color: #707375; 8891 padding-bottom: 10px; 8892} 8893 8894.modal-add-card .modal-body .button { 8895 width: 100%; 8896 padding-top: 10px; 8897 padding-bottom: 10px; 8898} 8899 8900.modal-add-card .is-invalid label { 8901 color: #D0726C; 8902} 8903 8904.mod
8904al-add-card .is-invalid .form-control { 8905 border-color: #D0726C; 8906} 8907 8908.modal-add-card .is-invalid .invalid-feedback { 8909 color: #D0726C; 8910 display: block; 8911} 8912 8913@media (min-width: 768px) { 8914 .modal-add-card { 8915 position: absolute; 8916 top: 0; 8917 left: 0; 8918 width: 100%; 8919 overflow: visible; 8920 box-sizing: content-box; 8921 min-height: 400px; 8922 } 8923 .modal-open .modal-add-card { 8924 overflow: visible; 8925 } 8926 .modal-add-card .modal-dialog { 8927 max-width: 668px; 8928 } 8929 .modal-add-card .modal-header { 8930 padding: 24px 24px 0; 8931 } 8932 .modal-add-card .modal-title { 8933 font-weight: 700; 8934 font-size: 24px; 8935 line-height: 24px; 8936 } 8937 .modal-add-card .close { 8938 font-size: 20px; 8939 left: auto; 8940 top: 6px; 8941 } 8942 .modal-add-card .close svg { 8943 width: 24px; 8944 height: 24px; 8945 display: block; 8946 } 8947 .modal-add-card .close::before { 8948 display: none; 8949 } 8950 .modal-add-card .modal-dialog { 8951 width: 100%; 8952 box-shadow: none; 8953 } 8954 .modal-add-card .modal-dialog-centered { 8955 align-items: center; 8956 } 8957 .modal-add-card .modal-body { 8958 padding: 24px; 8959 } 8960 .modal-add-card .modal-content { 8961 border-radius: 12px; 8962 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 8963 } 8964 .modal-add-card .form-control { 8965 height: 49px; 8966 } 8967 .modal-add-card .modal-body .button { 8968 padding-top: 17px; 8969 padding-bottom: 17px; 8970 } 8971} 8972 8973 8974/* modal-remove-card */ 8975 8976.modal-remove-card {} 8977 8978.modal-remove-card .modal-content { 8979 border-radius: 12px; 8980} 8981 8982.modal-remove-card .modal-header { 8983 border: none; 8984 text-align: center; 8985 justify-content: center; 8986} 8987 8988.modal-remove-card .modal-title { 8989 font-weight: 700; 8990 color: #181D20; 8991} 8992 8993.modal-remove-card .modal-body { 8994 padding-top: 0; 8995} 8996 8997.modal-remove-card .modal-body p { 8998 text-align: center; 8999 font-size: 14px; 9000 color: #525658; 9001 padding-left: 20px; 9002 padding-right: 20px; 9003} 9004 9005.modal-remove-card .modal-body .button { 9006 width: 100%; 9007 font-weight: 500; 9008 padding-top: 11px; 9009 padding-bottom: 11px; 9010 font-size: 12px; 9011} 9012 9013.modal-remove-card .modal-body .btn-outline-secondary { 9014 width: 100%; 9015 color: #A7A9AA; 9016 border-color: #E3E3E4; 9017 font-weight: 400; 9018 font-size: 12px; 9019 padding-top: 9px; 9020 padding-bottom: 9px; 9021} 9022 9023.modal-remove-card .modal-body .btn-outline-secondary:hover { 9024 color: #fff; 9025 background-color: #6c757d; 9026 border-color: #6c757d; 9027} 9028 9029@media (min-width: 768px) { 9030 .modal-remove-card .modal-dialog { 9031 max-width: 338px; 9032 } 9033 .modal-remove-card .modal-body { 9034 padding-left: 24px; 9035 padding-right: 24px; 9036 } 9037 .modal-remove-card .modal-title { 9038 font-weight: 700; 9039 font-size: 24px; 9040 line-height: 140%; 9041 } 9042 .modal-remove-card .modal-header { 9043 padding-left: 24px; 9044 padding-right: 24px; 9045 padding-top: 24px; 9046 } 9047 .modal-remove-card .modal-body .button { 9048 padding-top: 17px; 9049 padding-bottom: 17px; 9050 } 9051 .modal-remove-card .modal-body .btn-outline-secondary { 9052 font-size: 16px; 9053 padding-top: 15px; 9054 padding-bottom: 15px; 9055 } 9056} 9057 9058 9059/* modal-sign-in */ 9060 9061.modal-sign-in {} 9062 9063.modal-sign-in .modal-content { 9064 border-radius: 10px; 9065 border: none; 9066 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 9067} 9068 9069.modal-sign-in .modal-header { 9070 border: none; 9071 padding-top: 24px; 9072 padding-bottom: 0; 9073 flex-direction: column; 9074 align-items: center; 9075} 9076 9077.modal-sign-in .modal-header_image { 9078 width: 40px; 9079 height: 40px; 9080 margin-bottom: 12px; 9081} 9082 9083.modal-sign-in .modal-title { 9084 font-weight: 700; 9085 color: #181D20; 9086 font-size: 20px; 9087} 9088 9089.modal-sign-in .modal-body { 9090 padding: 10px 24px 24px; 9091} 9092 9093.modal-sign-in .form-control { 9094 height: 40px; 9095 border-radius: 10px; 9096 font-size: 10px; 9097} 9098 9099.modal-sign-in label { 9100 font-weight: 500; 9101 font-size: 12px; 9102 line-height: 18px; 9103 color: #525658; 9104 padding-bottom: 12px; 9105} 9106 9107.modal-sign-in .modal-body .button { 9108 width: 100%; 9109 padding-top: 10px; 9110 padding-bottom: 10px; 9111 font-size: 12px; 9112 box-shadow: 0 20px 20px rgb(26 143 227 / 20%); 9113} 9114 9115.modal-sign-in .is-invalid label { 9116 color: #D0726C; 9117} 9118 9119.modal-sign-in .is-invalid .form-control { 9120 border-color: #D0726C; 9121} 9122 9123.modal-sign-in .is-invalid .invalid-feedback { 9124 color: #D0726C; 9125 display: block; 9126} 9127 9128.modal-sign-in .input-group .form-control, 9129.modal-sign-in .input-group .form-control:not(:last-child) { 9130 border-radius: 10px; 9131 padding-right: 48px; 9132} 9133 9134.modal-sign-in .input-group .form-control.is-invalid+.btn-form-control { 9135 right: 24px; 9136} 9137 9138.modal-sign-in .btn-form-control { 9139 position: absolute; 9140 top: 0; 9141 right: 0; 9142 width: 18px; 9143 height: 18px; 9144 padding: 10px; 9145 box-sizing: content-box; 9146 color: #A7A9AA; 9147 z-index: 5; 9148} 9149 9150.modal-sign-in .btn-form-control:focus { 9151 outline: none; 9152 box-shadow: none; 9153} 9154 9155.modal-sign-in .btn-form-control svg { 9156 width: 100%; 9157 height: 100%; 9158} 9159 9160.modal-sign-in .form-check-input { 9161 border-color: #828586; 9162} 9163 9164.modal-sign-in .form-check-label { 9165 color: #828586; 9166 font-weight: 400; 9167 font-size: 10px; 9168} 9169 9170.modal-sign-in .btn-link { 9171 color: #1A8FE3; 9172 font-weight: 400; 9173 font-size: 10px; 9174 line-height: 18px; 9175 text-decoration: none; 9176 padding: 0; 9177} 9178 9179.modal-sign-in .form-note { 9180 color: #707375; 9181 font-size: 12px; 9182} 9183 9184.modal-sign-in .form-note .btn-link { 9185 font-size: 12px; 9186} 9187 9188@media (min-width: 768px) {
9189 .modal-sign-in .modal-dialog { 9190 max-width: 464px; 9191 } 9192 .modal-sign-in .modal-header { 9193 padding: 24px 24px 0; 9194 } 9195 .modal-sign-in .modal-header_image { 9196 width: 48px; 9197 height: 48px; 9198 margin-bottom: 16px; 9199 } 9200 .modal-sign-in .modal-title { 9201 font-weight: 700; 9202 font-size: 24px; 9203 line-height: 24px; 9204 } 9205 .modal-sign-in .modal-dialog { 9206 width: 100%; 9207 box-shadow: none; 9208 } 9209 .modal-sign-in .modal-dialog-centered { 9210 align-items: center; 9211 } 9212 .modal-sign-in .modal-content { 9213 border-radius: 14px; 9214 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9215 } 9216 .modal-sign-in .form-control { 9217 height: 48px; 9218 font-size: 14px; 9219 } 9220 .modal-sign-in .modal-body .button { 9221 padding-top: 17px; 9222 padding-bottom: 17px; 9223 font-size: 16px; 9224 } 9225 .modal-sign-in .btn-form-control { 9226 width: 20px; 9227 height: 20px; 9228 padding: 11px; 9229 } 9230 .modal-sign-in .btn-form-control:hover { 9231 color: #525658; 9232 } 9233 .modal-sign-in .form-check-label { 9234 font-size: 12px; 9235 } 9236 .modal-sign-in .btn-link { 9237 font-size: 12px; 9238 } 9239 .modal-sign-in .form-note { 9240 font-size: 14px; 9241 } 9242 .modal-sign-in .form-note .btn-link { 9243 font-size: 14px; 9244 } 9245} 9246 9247 9248/* splitter-image */ 9249 9250.splitter-image {} 9251 9252.splitter-image_box { 9253 border: 1px solid #EFEFEF; 9254 background-color: #fff; 9255 border-radius: 12px; 9256 padding: 40px; 9257} 9258 9259.splitter-image_bar { 9260 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9261 border-radius: 8px; 9262 padding: 24px; 9263 text-align: right; 9264} 9265 9266.splitter-image .title { 9267 font-size: 24px; 9268 font-weight: 600; 9269 line-height: 1; 9270 padding-top: 0; 9271 text-align: left; 9272} 9273 9274.splitter-image_bar-item { 9275 display: inline-flex; 9276 align-items: center; 9277 vertical-align: middle; 9278 padding-left: 24px; 9279 margin-left: 24px; 9280 border-left: 1px solid #E3E3E4; 9281} 9282 9283.splitter-image_bar-item:first-child { 9284 padding-left: 0; 9285 margin-left: 0; 9286 border: none; 9287} 9288 9289.splitter-image_bar-item p { 9290 font-weight: 500; 9291 font-size: 16px; 9292 line-height: 24px; 9293 color: #181D20; 9294 margin-right: 16px; 9295} 9296 9297.splitter-image .form-control { 9298 text-align: center; 9299 width: 115px; 9300 height: 40px; 9301 margin-left: 8px; 9302 margin-right: 8px; 9303} 9304 9305.splitter-image_bar .button { 9306 background-color: #fff; 9307 color: #707375; 9308 border: 1px solid #E3E3E4; 9309 border-radius: 5px; 9310 padding: 7px; 9311} 9312 9313.splitter-image_bar .button svg { 9314 width: 24px; 9315 height: 24px; 9316} 9317 9318.splitter-image_buttons { 9319 text-align: right; 9320} 9321 9322.splitter-image_buttons .button { 9323 padding-left: 24px; 9324 padding-right: 24px; 9325 margin-left: 16px; 9326} 9327 9328@media (max-width: 1024px) { 9329 .splitter-image_box { 9330 padding: 30px; 9331 } 9332} 9333 9334@media (max-width: 992px) { 9335 .splitter-image_box { 9336 padding: 16px; 9337 } 9338 .splitter-image_bar { 9339 padding: 10px; 9340 } 9341 .splitter-image .title { 9342 display: none; 9343 } 9344 .splitter-image_bar { 9345 text-align: left; 9346 } 9347 .splitter-image_bar-item { 9348 margin-top: 10px; 9349 padding-left: 0; 9350 margin-left: 0; 9351 border: none; 9352 flex-wrap: wrap; 9353 width: 100%; 9354 } 9355 .splitter-image_bar-item:first-child { 9356 margin-top: 0; 9357 } 9358 .splitter-image_bar-item p { 9359 width: 100%; 9360 margin-bottom: 4px; 9361 } 9362 .splitter-image .form-control { 9363 flex-grow: 1; 9364 } 9365 .splitter-image_bar .button { 9366 flex-shrink: 0; 9367 } 9368} 9369 9370 9371/* collage-maker */ 9372 9373.collage-maker {} 9374 9375.collage-maker_box { 9376 border: 1px solid #EFEFEF; 9377 background-color: #fff; 9378 border-radius: 12px; 9379 padding: 40px; 9380} 9381 9382.collage-maker_bar { 9383 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9384 border-radius: 8px; 9385 padding: 14px 24px 24px; 9386} 9387 9388.collage-maker_border { 9389 display: inline-flex; 9390 vertical-align: middle; 9391 align-items: center; 9392 margin-left: 12px; 9393} 9394 9395.collage-maker_border:before { 9396 content: ""; 9397 display: block; 9398 width: 1px; 9399 height: 32px; 9400 background-color: #E3E3E4; 9401 margin-right: 12px; 9402} 9403 9404.collage-maker_border p { 9405 font-weight: 500; 9406 font-size: 16px; 9407 line-height: 24px; 9408 color: #181D20; 9409 margin-right: 12px; 9410} 9411 9412.collage-maker_border .form-group { 9413 margin-bottom: 0; 9414 border: 1px solid #E3E3E4; 9415 border-radius: 4px; 9416 width: 175px; 9417 padding-left: 12px; 9418 padding-right: 12px; 9419 padding-top: 15px; 9420 padding-bottom: 15px; 9421 display: inline-block; 9422 vertical-align: middle; 9423} 9424 9425 9426/* pick-color */ 9427 9428.pick-color, 9429.collage-maker_border .input-group { 9430 display: flex; 9431 border: 1px solid #E3E3E4; 9432 border-radius: 4px; 9433 padding: 7px 8px; 9434} 9435 9436.collage-maker_border .input-group { 9437 display: inline-flex; 9438 vertical-align: middle; 9439 width: 135px; 9440} 9441 9442.pick-color .form-control, 9443.collage-maker_border .input-group .form-control { 9444 border: none; 9445 height: 32px; 9446 font-size: 12px; 9447 color: #181D20; 9448} 9449 9450.pick-color .form-control:focus, 9451.collage-maker_border .input-group .form-control:focus { 9452 outline: none; 9453 box-shadow: none; 9454 background-color: transparent; 9455} 9456 9457.pick-color .input-group-prepend, 9458.collage-maker_border .input-group-prepend { 9459 flex-shrink: 0; 9460} 9461 9462.pick-color .input-group-prepend .btn, 9463.collage-maker_border .input-group-prepend .btn { 9464 width: 32px; 9465 height: 32px; 9466 border-radius: 4px; 9467} 9468 9469.collage-maker .button { 9470 padding-left: 24px; 9471 padding-right: 24px; 9472 font-size: 14px; 9473} 9474 9475.collage-maker_buttons { 9476 text-align: right; 9477} 9478 9479.collage-maker_buttons .button { 9480 margin-left: 12px; 9481} 9482 9483@media (max-width: 1024px) { 9484 .collage-maker_box { 9485 padding: 30px; 9486 } 9487} 9488 9489@media (max-width: 992px) { 9490 .collage-maker_box { 9491 padding: 16px; 9492 } 9493 .collage-maker_bar { 9494 padding: 0 10px 10px; 9495 } 9496} 9497 9498@media (max-width: 767px) { 9499 .collage-maker_border { 9500 display: block; 9501 margin-left: 0; 9502 margin-top: 10px; 9503 margin-bottom: 10px; 9504 } 9505 .collage-maker_border:before { 9506 display: none; 9507 } 9508 .collage-maker_border .form-group { 9509 margin-top: 10px; 9510 width: 164px; 9511 } 9512 .collage-maker_border .input-group { 9513 margin-top: 10px; 9514 width: 123px; 9515 } 9516} 9517 9518 9519/* .collage-grid */ 9520 9521.collage-grid { 9522 display: grid; 9523 grid-column-gap: 0; 9524 grid-row-gap: 0; 9525 border: 1px solid #E3E3E4; 9526 padding: 4px; 9527 height: 487px; 9528 grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end]; 9529 grid-template-rows: [row1-start] 50% [row2-start] auto [row2-end]; 9530} 9531 9532.collage-grid--type-1 {} 9533 9534.collage-grid--type-1 .collage-grid_item--1 { 9535 grid-column: col1-start; 9536 grid-row: row1-start; 9537} 9538 9539.collage-grid--type-1 .collage-grid_item--2 { 9540 grid-column: col2-start; 9541 grid-row: row1-start; 9542} 9543 9544.collage-grid--type-1 .collage-grid_item--3 { 9545 grid-column: col1-start; 9546 grid-row: row2-start; 9547} 9548 9549.collage-grid--type-1 .collage-grid_item--4 { 9550 grid-column: col2-start; 9551 grid-row: row2-start / row2-end; 9552} 9553 9554.collage-grid--type-2 {} 9555 9556.collage-grid--type-2 .collage-grid_item--1 { 9557 grid-column: col1-start / col2-start; 9558 grid-row: row1-start; 9559} 9560 9561.collage-grid--type-2 .collage-grid_item--2 { 9562 grid-column: col2-start; 9563 grid-row: row1-start / row2-end; 9564} 9565 9566.collage-grid--type-2 .collage-grid_item--3 { 9567 grid-column: col1-start; 9568 grid-row: row2-start; 9569} 9570 9571.collage-grid--type-3 {} 9572 9573.collage-grid--type-3 .collage-grid_item--1 { 9574 grid-column: col1-start / row2-end; 9575 grid-row: row1-start; 9576} 9577 9578.collage-grid--type-3 .collage-grid_item--2 { 9579 grid-column: col2-start; 9580 grid-row: row2-start; 9581} 9582 9583.collage-grid--type-3 .collage-grid_item--3 { 9584 grid-column: col1-start; 9585 grid-row: row2-start / row2-end; 9586} 9587 9588.collage-grid--type-4 {} 9589 9590.collage-grid--type-4 .collage-grid_item--1 { 9591 grid-column: col1-start / col2-start; 9592 grid-row: row1-start / row2-end; 9593} 9594 9595.collage-grid--type-4 .collage-grid_item--2 { 9596 grid-column: col2-start; 9597 grid-row: row1-start; 9598} 9599 9600.collage-grid--type-4 .collage-grid_item--3 { 9601 grid-column: col2-start; 9602 grid-row: row2-start / row2-end; 9603} 9604 9605.collage-grid--type-5 {} 9606 9607.collage-grid--type-5 .collage-grid_item--1 { 9608 grid-column: col1-start; 9609 grid-row: row1-start; 9610} 9611 9612.collage-grid--type-5 .collage-grid_item--2 { 9613 grid-column: col2-start; 9614 grid-row: row1-start; 9615} 9616 9617.collage-grid--type-5 .collage-grid_item--3 { 9618 grid-column: col1-start / col2-end; 9619 grid-row: row2-start / row2-end; 9620} 9621 9622.collage-grid_item { 9623 margin: 4px; 9624 background: #EFEFEF; 9625 border: 2px solid transparent; 9626 overflow: hidden; 9627 position: relative; 9628 box-sizing: border-box; 9629} 9630 9631.collage-grid_item--1 {} 9632 9633.collage-grid_item--2 {} 9634 9635.collage-grid_item--3 {} 9636 9637.collage-grid_item--4 {} 9638 9639.collage-grid_item .file-input { 9640 z-index: 1; 9641} 9642 9643.collage-grid_item img { 9644 position: relative; 9645 z-index: 5; 9646} 9647 9648.collage-grid_item svg { 9649 width: 24px; 9650 height: 24px; 9651 position: absolute; 9652 top: 50%; 9653 left: 50%; 9654 transform: translate(-50%, -50%); 9655 color: #707375; 9656} 9657 9658 9659/* .modal-upload */ 9660 9661.modal-upload .modal-header { 9662 border: none; 9663 padding: 24px 24px 0; 9664 display: block; 9665} 9666 9667.modal-upload .modal-title { 9668 color: #181D20; 9669 font-weight: bold; 9670 font-size: 24px; 9671 margin-bottom: 2px; 9672} 9673 9674.modal-upload .modal-header-text { 9675 color: #828586; 9676 font-size: 16px; 9677} 9678 9679.modal-header .close svg { 9680 width: 24px; 9681 height: 24px; 9682} 9683 9684.modal-upload .close { 9685 position: absolute; 9686 top: 29px; 9687 right: 24px; 9688} 9689 9690.modal-upload .modal-dialog { 9691 max-width: 719px; 9692} 9693 9694.modal-upload .modal-content { 9695 border-radius: 12px; 9696} 9697 9698.modal-upload .file-drop-area { 9699 margin-top: 29px; 9700 margin-bottom: 29px; 9701 border: none; 9702 height: auto; 9703} 9704 9705 9706/* .modal-templates */ 9707 9708.modal-templates .modal-header { 9709 border: none; 9710 padding: 24px 24px 0; 9711 display: block; 9712} 9713 9714.modal-templates .modal-title { 9715 color: #181D20; 9716 font-weight: bold; 9717 font-size: 24px; 9718 margin-bottom: 2px; 9719} 9720 9721.modal-templates .modal-header-text { 9722 color: #828586; 9723 font-size: 16px; 9724} 9725 9726.modal-templates .close { 9727 position: absolute; 9728 top: 29px; 9729 right: 24px; 9730} 9731 9732.modal-templates .modal-dialog { 9733 max-width: 812px; 9734} 9735 9736.modal-templates .modal-content { 9737 border-radius: 12px; 9738} 9739 9740.modal-templates .modal-body { 9741 padding: 24px; 9742 display: block; 9743} 9744 9745 9746/* collage-choose */ 9747 9748.collage-choose { 9749 display: flex; 9750 position: relative; 9751} 9752 9753.collage-choose .form-check { 9754 overflow: hidden; 9755 margin-right: 12px; 9756} 9757 9758.collage-choose .form-check:last-child { 9759 margin-right: 0; 9760} 9761 9762.collage-choose .form-check-input { 9763 position: absolute; 9764 opacity: 0; 9765 visibility: hidden; 9766} 9767 9768.collage-choose .form-check-input:checked+.form-check-label { 9769 color: #1A8FE3; 9770 border-color: #1A8FE3; 9771} 9772 9773.collage-choose .form-check-label { 9774 padding: 8px 16px; 9775 border: 1px solid #E3E3E4; 9776 border-radius: 4px; 9777 font-weight: 500; 9778 font-size: 12px; 9779 line-height: 18px; 9780 color: #707375; 9781 cursor: pointer; 9782 transition: color, border-color .2s linear; 9783} 9784 9785.collage-choose_size {} 9786 9787.collage-choose_template { 9788 margin-top: 16px; 9789} 9790 9791.collage-choose_template .form-check { 9792 margin-right: 16px; 9793} 9794 9795.collage-choose_template .form-check:last-of-type { 9796 margin-right: 0; 9797} 9798 9799.collage-choose_template .form-check-label { 9800 border-radius: 0; 9801 padding: 0; 9802 border-color: transparent; 9803} 9804 9805.collage-choose_button { 9806 width: 40px; 9807 height: 40px; 9808 background: #FFFFFF; 9809 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9810 padding: 0; 9811 border-radius: 100%; 9812 position: absolute; 9813 right: -8px; 9814 top: 50%; 9815 transform: translateY(-50%); 9816 color: #707375; 9817} 9818 9819.collage-choose_button svg {
9820 width: 20px; 9821 height: 20px; 9822 transform: rotate(-90deg); 9823} 9824 9825 9826/* chart-creators */ 9827 9828.chart-creators {} 9829 9830.chart-creators_box { 9831 border: 1px solid #EFEFEF; 9832 background-color: #fff; 9833 border-radius: 12px; 9834 padding: 40px; 9835} 9836 9837.chart-creators_bar { 9838 display: flex; 9839 justify-content: center; 9840 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9841 border-radius: 12px; 9842 padding: 24px; 9843} 9844 9845.chart-creators_bar .form-check { 9846 overflow: hidden; 9847 margin-left: 8px; 9848 margin-right: 8px; 9849} 9850 9851.chart-creators_bar .form-check-input { 9852 position: absolute; 9853 opacity: 0; 9854 visibility: hidden; 9855} 9856 9857.chart-creators_bar .form-check-input:checked+.form-check-label { 9858 color: #fff; 9859 background-color: #1A8FE3; 9860} 9861 9862.chart-creators_bar .form-check-label { 9863 padding: 8px 16px; 9864 border: 1px solid #1A8FE3; 9865 border-radius: 10px; 9866 font-weight: 500; 9867 font-size: 12px; 9868 line-height: 18px; 9869 color: #1A8FE3; 9870 cursor: pointer; 9871 transition: color, border-color .2s linear; 9872 display: flex; 9873 flex-direction: column; 9874 align-items: center; 9875 width: 104px; 9876} 9877 9878.chart-creators_bar .form-check-label svg { 9879 width: 40px; 9880 height: 40px; 9881 margin-bottom: 2px; 9882} 9883 9884.chart-creators_bar .form-check-label span { 9885 font-weight: 500; 9886 font-size: 14px; 9887 width: 54px; 9888 white-space: nowrap; 9889 text-overflow: ellipsis; 9890 overflow: hidden; 9891} 9892 9893.chart-creators_bar .form-check:first-child span { 9894 width: auto; 9895} 9896 9897.chart-creators_tabs { 9898 padding: 24px; 9899 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9900 border-radius: 12px; 9901} 9902 9903.chart-creators_tabs-header { 9904 text-align: center; 9905} 9906 9907.chart-creators_tabs .list-group { 9908 display: inline-flex; 9909 flex-direction: row; 9910 background: #F6FBFE; 9911 border-radius: 8px; 9912 padding-top: 4px; 9913 padding-bottom: 4px; 9914} 9915 9916.chart-creators_tabs .list-group-item { 9917 padding: 12px 24px; 9918 white-space: nowrap; 9919 background-color: transparent; 9920 border: none; 9921 border-radius: 6px; 9922 margin-left: 4px; 9923 margin-right: 4px; 9924 color: #707375; 9925 font-weight: 500; 9926 font-size: 16px; 9927} 9928 9929.chart-creators_tabs .list-group-item.active { 9930 background-color: #1A8FE3; 9931 color: #fff; 9932} 9933 9934.tab-content .form-group { 9935 position: relative; 9936} 9937 9938.tab-content .form-group>label { 9939 font-weight: 500; 9940 font-size: 16px; 9941 color: #525658; 9942 padding-bottom: 10px; 9943} 9944 9945.tab-content .form-group>.form-control { 9946 border-radius: 6px; 9947 height: 48px; 9948 border-color: #E3E3E4; 9949 font-size: 14px; 9950} 9951 9952.tab-content .text-settings { 9953 position: absolute; 9954 bottom: 8px; 9955 right: 8px; 9956} 9957 9958.tab-content .tools-button { 9959 padding: 4px 6px; 9960} 9961 9962.tab-content .tools-button svg { 9963 width: 18px; 9964 height: 18px; 9965} 9966 9967.tab-content .dropdown {} 9968 9969.tab-content .dropdown .btn-secondary { 9970 width: 100%; 9971 padding-top: 11px; 9972 padding-bottom: 11px; 9973 background-color: transparent; 9974 border-color: #E3E3E4; 9975 color: #707375; 9976 text-align: left; 9977 font-weight: 400; 9978 font-size: 14px; 9979 display: flex; 9980 justify-content: space-between; 9981 align-items: center; 9982} 9983 9984.tab-content .dropdown .btn-secondary:focus { 9985 border-color: #80bdff; 9986 outline: 0; 9987 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 9988} 9989 9990.tab-content .dropdown .btn-secondary:active { 9991 background-color: transparent; 9992 border-color: #E3E3E4; 9993 color: #707375; 9994} 9995 9996.tab-content .dropdown-toggle::after { 9997 content: ""; 9998 width: 6px; 9999 height: 6px; 10000 border-right: 1px solid #707375; 10001 border-bottom: 1px solid #707375; 10002 border-top: none; 10003 border-left: none; 10004 transform: rotate(45deg); 10005 z-index: 3; 10006} 10007 10008.tab-content .dropdown-menu { 10009 width: 100%; 10010 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 10011 border-radius: 6px; 10012 padding: 7px; 10013 border: none; 10014 margin-top: 8px; 10015} 10016 10017.tab-content .dropdown-item { 10018 padding: 5px; 10019 font-size: 14px; 10020 line-height: 21px; 10021 color: #707375; 10022 margin-top: 11px; 10023} 10024 10025.tab-content .dropdown-item:first-child { 10026 margin-top: 0; 10027} 10028 10029.chart-creators_buttons { 10030 text-align: right; 10031} 10032 10033 10034/* chart-creators_import */ 10035 10036.chart-creators_import {} 10037 10038.chart-creators_import-box { 10039 overflow: hidden; 10040 display: inline-block; 10041 position: relative; 10042 cursor: pointer; 10043} 10044 10045 10046/* chart-creators_table */ 10047 10048.chart-creators_table { 10049 overflow: auto; 10050 max-height: 440px; 10051 border: 1px solid #EFEFEF; 10052} 10053 10054.chart-creators_table .table { 10055 /*table-layout: fixed;*/ 10056 width: max-content; 10057 margin-bottom: 0; 10058} 10059 10060.chart-creators_table .table .thead-light th, 10061.chart-creators_table .table th { 10062 background-color: #F6F6F6; 10063 border-color: #EFEFEF; 10064 border-left: 1px solid #EFEFEF; 10065 color: #707375; 10066 padding: 7px; 10067 font-weight: 400; 10068 font-size: 16px; 10069 text-align: center; 10070} 10071 10072.chart-creators_table .table .thead-light th { 10073 border-top: none; 10074} 10075 10076.chart-creators_table .table .thead-light th:first-child, 10077.chart-creators_table .table th:first-child { 10078 width: 40px; 10079 border-left: none; 10080} 10081 10082.chart-creators_table .table td { 10083 border-color: #EFEFEF; 10084 border-left: 1px solid #EFEFEF; 10085 width: 100px; 10086 padding: 7px; 10087} 10088 10089.chart-creators_tabs .pick-color .form-control { 10090 color: #707375; 10091 font-size: 14px; 10092} 10093 10094.separator { 10095 display: flex; 10096 align-items: center; 10097 margin-top: 16px; 10098} 10099 10100.separator__span { 10101 font-weight: 500; 10102 font-size: 12px; 10103 color: #707375; 10104 padding: 0 10px; 10105} 10106 10107.separator__line { 10108 display: block; 10109 width: 100%; 10110 height: 1px; 10111 background-color: #E3E3E4; 10112} 10113 10114.outline-wrap { 10115 font-size: 14px; 10116 padding: 16px; 10117 color: #181D20; 10118 border: 1px solid #E3E3E4; 10119 border-radius: 8px; 10120} 10121 10122.form-control-field { 10123 background-color: #FFFFFF; 10124 border: 1px solid #E3E3E4; 10125 border-radius: 8px; 10126 display: block; 10127 font-weight: 400; 10128 font-size: 12px; 10129 padding: 15px; 10130 letter-spacing: 0.005em; 10131 height: 48px; 10132 width: 100%; 10133 color: #707375; 10134} 10135 10136.form-control-field::placeholder { 10137 color: #A7A9AA; 10138} 10139 10140.link-blue { 10141 color: #1A8FE3; 10142 text-decoration: underline; 10143} 10144 10145@media (max-width: 992px) {
10146 .chart-creators_box { 10147 padding: 24px; 10148 } 10149 .chart-creators_bar, 10150 .chart-creators_tabs { 10151 padding: 12px; 10152 } 10153 .chart-creators_bar .form-check-label { 10154 padding: 8px; 10155 width: 100px; 10156 } 10157} 10158 10159@media (max-width: 767px) { 10160 .chart-creators_box { 10161 padding: 16px; 10162 } 10163 .chart-creators_bar, 10164 .chart-creators_tabs { 10165 padding: 10px; 10166 } 10167 .chart-creators_bar { 10168 flex-wrap: wrap; 10169 padding-top: 4px; 10170 } 10171 .chart-creators_bar .form-check { 10172 margin-left: 3px; 10173 margin-right: 3px; 10174 margin-top: 6px; 10175 } 10176 .chart-creators_bar .form-check-label { 10177 width: 87px; 10178 } 10179 .chart-creators_tabs .list-group { 10180 padding-left: 4px; 10181 padding-right: 4px; 10182 display: flex; 10183 } 10184 .chart-creators_tabs .list-group-item { 10185 padding: 10px 11px; 10186 font-size: 12px; 10187 margin-left: 0; 10188 margin-right: 0; 10189 } 10190 .tab-content .form-group { 10191 margin-bottom: 0; 10192 } 10193 .tab-content .text-settings { 10194 bottom: 3px; 10195 right: 3px; 10196 } 10197 .tab-content .form-group>label { 10198 font-size: 12px; 10199 padding-bottom: 8px; 10200 } 10201 .tab-content .form-group>.form-control { 10202 height: 35px; 10203 font-size: 10px; 10204 } 10205 .tab-content .dropdown .btn-secondary { 10206 font-size: 10px; 10207 padding-top: 9px; 10208 padding-bottom: 9px; 10209 } 10210 .tab-content .dropdown-item { 10211 font-size: 10px; 10212 margin-top: 2px; 10213 } 10214 .chart-creators_buttons .button { 10215 width: 100%; 10216 padding-top: 8px; 10217 padding-bottom: 8px; 10218 font-size: 12px; 10219 } 10220 .chart-creators_import { 10221 text-align: center; 10222 } 10223 .chart-creators_import .button { 10224 width: 100%; 10225 padding-top: 8px; 10226 padding-bottom: 8px; 10227 font-size: 12px; 10228 } 10229 .chart-creators_import p { 10230 margin-top: 5px; 10231 font-size: 10px; 10232 } 10233} 10234 10235/* ctrl-tool */ 10236.ctrl-tool { 10237 --color: 211, 211, 211; 10238 display: inline-block; 10239 vertical-align: middle; 10240 padding: 12px; 10241 border-radius: 12px; 10242 background-color: #fff; 10243 box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--shadow-opacity, .05)); 10244 transition-property: box-shadow; 10245 transition-timing-function: ease-in-out; 10246 transition-duration: .125s; 10247} 10248 10249.ctrl-tool__icon-box { 10250 display: block; 10251 width: 40px; 10252 height: 40px; 10253 padding: 11px; 10254 border-radius: 50%; 10255 overflow: hidden; 10256 margin-bottom: 8px; 10257 color: #fff; 10258 background-color: rgba(var(--color), 1); 10259 box-shadow: 0 8px 32px rgba(var(--color), 0.24); 10260} 10261 10262.ctrl-tool__icon { 10263 display: block; 10264 width: 18px; 10265 height: 18px; 10266 fill: none; 10267 stroke: currentColor; 10268} 10269 10270.ctrl-tool__name { 10271 font-weight: 600; 10272 font-size: 14px; 10273 line-height: calc(20 / 14); 10274 color: #181D20; 10275} 10276.ctrl-tool__description { 10277 margin-top: 2px; 10278 font-size: 10px; 10279 line-height: calc(12 / 10); 10280 color: #707375; 10281} 10282 10283.ctrl-tool--color-1 { 10284 --color: 118, 79, 229; 10285} 10286 10287.ctrl-tool--color-2 { 10288 --color: 229, 79, 109; 10289} 10290 10291.ctrl-tool--color-3 { 10292 --color: 110, 202, 28; 10293} 10294 10295.ctrl-tool--color-4 { 10296 --color: 229, 133, 79; 10297} 10298 10299.ctrl-tool:hover { 10300 --shadow-opacity: .1; 10301} 10302 10303@media (min-width: 1200px) { 10304 .ctrl-tool { 10305 padding: 16px; 10306 } 10307 10308 .ctrl-tool__icon-box { 10309 width: 56px; 10310 height: 56px; 10311 padding: 15px; 10312 margin-bottom: 16px; 10313 } 10314 10315 .ctrl-tool__icon { 10316 width: 26px; 10317 height: 26px; 10318 } 10319 10320 .ctrl-tool__name { 10321 font-size: 20px; 10322 line-height: calc(30 / 20); 10323 } 10324 .ctrl-tool__description { 10325 font-size: 14px; 10326 line-height: calc(20 / 14); 10327 } 10328} 10329 10330.dark-mode .ctrl-tool { 10331 background-color: #273744; 10332} 10333 10334.dark-mode .ctrl-tool__name, 10335.dark-mode .ctrl-tool__description { 10336 color: #fff; 10337} 10338/* end ctrl-tool */ 10339 10340/* faq-item */ 10341.faq-item { 10342 border-radius: 10px; 10343 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 10344 color: #525658; 10345 background-color: #fff; 10346 overflow: hidden; 10347} 10348 10349.faq-item__toggle { 10350 display: flex; 10351 align-items: center; 10352 justify-content: space-between; 10353 width: 100%; 10354 padding: 12px; 10355 font-weight: 500; 10356 font-size: 12px; 10357 line-height: calc(18 / 12); 10358 border-width: 0; 10359 outline: none; 10360 text-align: left; 10361 color: var(--question-color, inherit); 10362 background-color: transparent; 10363} 10364 10365.faq-item__question { 10366 flex-grow: 1; 10367} 10368 10369.faq-item__icon { 10370 position: relative; 10371 flex-shrink: 0; 10372 width: 18px; 10373 height: 18px; 10374 margin-left: 18px; 10375} 10376 10377.faq-item__icon::before, 10378.faq-item__icon::after { 10379 content: ""; 10380 position: absolute; 10381 top: 50%; 10382 left: 50%; 10383 width: calc(10.5 * 100% / 18); 10384 height: calc(1.5 * 100% / 18); 10385 background-color: #1A8FE3; 10386 border-radius: 2px; 10387 transition-property: transform; 10388 transition-timing-function: ease-in-out; 10389 transition-duration: .125s; 10390} 10391 10392.faq-item__icon::before { 10393 transform: translate(-50%, -50%) rotate(var(--h-rotate, 0)); 10394} 10395 10396.faq-item__icon::after { 10397 transform: translate(-50%, -50%) rotate(var(--v-rotate, 90deg)); 10398} 10399 10400.faq-item__answer { 10401 padding: 8px 12px; 10402 font-weight: 400; 10403 font-size: 10px; 10404 line-height: calc(16 / 10); 10405 letter-spacing: .005em; 10406 display: var(--answer, none); 10407} 10408 10409.faq-item.is-active { 10410 --answer: block; 10411 --question-color: #181D20; 10412 --h-rotate: 180deg; 10413 --v-rotate: 180deg; 10414} 10415 10416.dark-mode .faq-item { 10417 --question-color: #fff; 10418 color: #fff; 10419 background-color: #273744; 10420} 10421/* end faq-item */ 10422 10423/* faq */ 10424.faq { 10425 padding-top: 100px; 10426 padding-bottom: 50px; 10427} 10428 10429.faq__header { 10430 margin-bottom: 24px; 10431} 10432 10433.faq__title { 10434 padding-top: 0; 10435 margin-bottom: 8px; 10436} 10437 10438.faq__body { 10439 margin-bottom: calc(24px - 10px); 10440} 10441 10442.faq__group {} 10443 10444.faq__item { 10445 margin-bottom: 10px; 10446} 10447 10448@media (min-width: 960px) { 10449 .faq { 10450 padding-top: 150px; 10451 margin-bottom: 75px; 10452 } 10453 10454 .faq__header { 10455 margin-bottom: 40px; 10456 } 10457 10458 .faq__title { 10459 margin-bottom: 16px; 10460 } 10461 10462 .faq__body { 10463 margin-bottom: calc(80px - 24px); 10464 } 10465 10466 .faq__item { 10467 margin-bottom: 24px; 10468 } 10469 10470 .faq-item__toggle { 10471 padding: 16px; 10472 font-size: 18px; 10473 } 10474 10475 .faq-item__icon { 10476 width: 24px; 10477 height: 24px; 10478 } 10479 10480 .faq-item__answer { 10481 padding-right: 16px; 10482 padding-left: 16px; 10483 font-size: 16px; 10484 line-height: calc(24 / 16); 10485 } 10486} 10487/* end faq */ 10488 10489/* quote-section */ 10490.quote-section {} 10491.quote-section__container { 10492 padding: 24px; 10493 border-radius: 12px; 10494 background-color: #EFF7FD; 10495} 10496 10497.quote-section__title { 10498 max-width: 10em; 10499 font-weight: 700; 10500 font-size: 24px; 10501 line-height: calc(32 / 24); 10502 color: #181D20; 10503} 10504 10505.quote-section__text { 10506 width: 25em; 10507 margin-top: 8px; 10508 font-size: 12px; 10509 line-height: calc(18 /12); 10510 letter-spacing: .005em; 10511} 10512 10513.quote-section__logo { 10514 margin-top: 24px; 10515 width: 145px; 10516} 10517 10518.quote-section__logo-image { 10519 display: block; 10520 width: 100%; 10521 max-width: 100%; 10522 height: auto; 10523} 10524 10525@media (min-width: 650px) { 10526 .quote-section__container { 10527 padding: 50px; 10528 } 10529} 10530 10531@media (min-width: 768px) { 10532 .quote-section__container { 10533 display: flex; 10534 align-items: center; 10535 justify-content: space-between; 10536 } 10537 10538 .quote-section__body { 10539 flex-grow: 1; 10540 } 10541 10542 .quote-section__logo { 10543 margin-top: 0; 10544 margin-left: 50px; 10545 width: 200px; 10546 flex-shrink: 0; 10547 } 10548} 10549 10550@media (min-width: 992px) { 10551 .quote-section__container { 10552 padding: 80px; 10553 } 10554 10555 .quote-section__title { 10556 font-size: 40px; 10557 line-height: calc(48 / 40); 10558 } 10559 10560 .quote-section__text { 10561 margin-top: 16px; 10562 font-size: 18px; 10563 line-height: calc(26 / 18); 10564 } 10565 10566 .quote-section__logo { 10567 width: 280px; 10568 } 10569} 10570 10571@media (min-width: 1200px) { 10572 10573 .quote-section__text { 10574 width: 30em; 10575 } 10576 10577 .quote-section__logo { 10578 width: 375px; 10579 } 10580} 10581 10582.dark-mode .quote-section__container { 10583 background-color: #273744; 10584} 10585 10586.dark-mode .quote-section__title, 10587.dark-mode .quote-section__description { 10588 color: #fff; 10589} 10590/* end quote-section */ 10591 10592/* .how-work */ 10593.how-work { 10594 padding-top: 100px; 10595 padding-bottom: 100px; 10596} 10597 10598.how-work__header { 10599 text-align: center; 10600 padding-top: 0; 10601 padding-bottom: 0; 10602 background-color: transparent; 10603} 10604 10605.how-work__title { 10606 font-weight: 700; 10607 font-size: 24px; 10608 line-height: calc(32 / 24); 10609 color: #181D20; 10610} 10611 10612.how-work__description { 10613 margin-top: 8px; 10614 font-size: 12px; 10615 line-height: calc(18 / 12); 10616 letter-spacing: .005em; 10617 color: #707375; 10618} 10619 10620.how-work__body { 10621 margin-top: 24px; 10622 display: grid; 10623 grid-template-columns: repeat(2, 1fr); 10624 grid-template-rows: repeat(2, 138px); 10625 gap: 9px; 10626} 10627 10628@media (min-width: 991px) { 10629 10630 .how-work { 10631 padding-top: 150px; 10632 padding-bottom: 150px; 10633 } 10634 10635 .how-work__title { 10636 font-size: 40px; 10637 line-height: calc(48 / 40); 10638 } 10639 10640 .how-work__description { 10641 margin-top: 16px; 10642 font-size: 16px; 10643 line-height: calc(24 / 16); 10644 } 10645 10646 .how-work__body { 10647 margin-top: 40px; 10648 grid-template-columns: repeat(4, 1fr); 10649 grid-template-rows: 138px; 10650 gap: 16px; 10651 } 10652} 10653 10654@media (min-width: 1200px) { 10655 .how-work__body { 10656 grid-template-rows: 176px; 10657 } 10658} 10659 10660.dark-mode .how-work__header { 10661 background-color: transparent; 10662} 10663 10664.dark-mode .how-work__title, 10665.dark-mode .how-work__description { 10666 color: #fff; 10667} 10668 10669/* end .how-work */ 10670 10671/* ctrl-article-preview */ 10672.ctrl-article-preview { 10673 position: relative; 10674 background-color: #fff; 10675 border-radius: 12px; 10676 overflow: hidden; 10677 box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--shadow-opacity, 0)); 10678 transition-property: box-shadow; 10679 transition-timing-function: ease-in-out; 10680 transition-duration: .125s; 10681} 10682.ctrl-article-preview__image { 10683 display: block; 10684 width: 100%; 10685 max-width: 100%; 10686 height: auto; 10687 aspect-ratio: 295 / 180; 10688} 10689 10690.ctrl-article-preview__info { 10691 padding: 8px 8px 10px; 10692} 10693 10694.ctrl-article-preview__name { 10695 font-weight: 600; 10696 font-size: 12px; 10697 line-height: calc(18 / 12); 10698 letter-spacing: .005em; 10699 color: #181D20; 10700 display: -webkit-box; 10701 -webkit-line-clamp: 2; 10702 -webkit-box-orient: vertical; 10703 overflow: hidden; 10704} 10705 10706.ctrl-article-preview__date { 10707 display: block; 10708 margin-top: 2px; 10709 font-size: 10px; 10710 line-height: calc(16 / 10); 10711 letter-spacing: .005em; 10712 color: #707375; 10713} 10714 10715.ctrl-article-preview__link { 10716 position: absolute; 10717 top: 0; 10718 left: 0; 10719 width: 100%; 10720 height: 100%; 10721 opacity: 0; 10722} 10723 10724.ctrl-article-preview:hover { 10725 --shadow-opacity: .05; 10726} 10727 10728@media (min-width: 991px) { 10729 .ctrl-article-preview__info { 10730 padding: 10px 10px 16px; 10731 } 10732 10733 .ctrl-article-preview__name { 10734 font-size: 16px; 10735 line-height: calc(24 / 16); 10736 } 10737 10738 .ctrl-article-preview__date { 10739 margin-top: 5px; 10740 font-size: 14px; 10741 line-height: calc(20 / 14); 10742 } 10743} 10744 10745.dark-mode .ctrl-article-preview { 10746 background-color: #1F2A33; 10747} 10748 10749.dark-mode .ctrl-article-preview__name, 10750.dark-mode .ctrl-article-preview__date { 10751 color: #fff; 10752} 10753/* end ctrl-article-preview */ 10754 10755/* article-examples */ 10756.article-examples { 10757 padding-top: 56px; 10758 padding-bottom: 56px; 10759 border-radius: 32px; 10760 background-color: #EFF7FD; 10761} 10762 10763.article-examples__header { 10764 text-align: center; 10765 padding-top: 0; 10766 padding-bottom: 0; 10767 background-color: transparent; 10768} 10769 10770.article-examples__title { 10771 font-weight: 700; 10772 font-size: 24px; 10773 line-height: calc(32 / 24); 10774 color: #181D20; 10775} 10776 10777.article-examples__description { 10778 margin-top: 8px; 10779 font-size: 12px; 10780 line-height: calc(18 / 12); 10781 letter-spacing: .005em; 10782 color: #707375; 10783} 10784 10785.article-examples__body { 10786 margin-top: 24px; 10787 display: grid; 10788 grid-template-columns: repeat(2, 1fr); 10789 gap: 9px; 10790} 10791 10792.article-examples__footer { 10793 width: 250px; 10794 margin-top: 24px; 10795 margin-right: auto; 10796 margin-left: auto; 10797 padding-top: 0; 10798 background-color: transparent; 10799 text-align: center; 10800 font-size: 14px; 10801 line-height: calc(20 / 14); 10802} 10803 10804.article-examples__footer a { 10805 text-decoration-line: underline; 10806 color: #181D20; 10807} 10808 10809@media (min-width: 991px) { 10810 10811 .article-examples { 10812 padding-top: 80px; 10813 padding-bottom: 80px; 10814 } 10815 10816 .article-examples__title { 10817 font-size: 40px; 10818 line-height: calc(48 / 40); 10819 } 10820 10821 .article-examples__description { 10822 margin-top: 16px; 10823 font-size: 16px; 10824 line-height: calc(24 / 16); 10825 } 10826 10827 .article-examples__body { 10828 margin-top: 40px; 10829 grid-template-columns: repeat(4, 1fr); 10830 gap: 16px; 10831 } 10832 10833 .article-examples__footer { 10834 width: auto; 10835 background-color: transparent; 10836 text-align: center; 10837 font-size: 16px; 10838 line-height: calc(24 / 16); 10839 } 10840} 10841 10842.dark-mode .article-examples { 10843 background-color: #273744; 10844} 10845 10846.dark-mode .article-examples__title, 10847.dark-mode .article-examples__description, 10848.dark-mode .article-examples__footer a { 10849 color: #fff; 10850} 10851 10852.dark-mode .article-examples__header, 10853.dark-mode .article-examples__footer { 10854 background-color: transparent; 10855} 10856/* end article-examples */ 10857 10858/* .wall */ 10859.wall { 10860 padding-top: 64px; 10861 padding-bottom: 100px; 10862 text-align: center; 10863 background-image: url(/v3/img/bg-elements/bg-elements-1.svg); 10864 background-position: 50% 0; 10865 background-repeat: no-repeat; 10866 background-size: 400px auto; 10867} 10868 10869.wall__title { 10870 width: 190px; 10871 margin-right: auto; 10872 margin-left: auto; 10873 font-weight: 700; 10874 font-size: 34px; 10875 line-height: calc(46 / 34); 10876 color: #181D20; 10877} 10878 10879.wall__description { 10880 width: 260px; 10881 margin-right: auto; 10882 margin-left: auto; 10883 margin-top: 8px; 10884 font-size: 12px; 10885 line-height: calc(18 / 12); 10886 text-align: center; 10887 color: #707375; 10888} 10889 10890.wall__actions { 10891 margin-top: 24px; 10892} 10893 10894.wall__actions-video { 10895 margin-top: 8px; 10896} 10897 10898.wall__button-video { 10899 display: inline-flex; 10900 align-items: center; 10901 justify-content: center; 10902 padding: 0; 10903 border-width: 0; 10904 font-size: 12px; 10905 line-height: calc(18 / 12); 10906 letter-spacing: .005em; 10907 color: #181D20; 10908 background-color: transparent; 10909} 10910 10911.wall__button-video-icon { 10912 width: 24px; 10913 height: 24px; 10914 padding: 6px; 10915 margin-right: 8px; 10916 border-radius: 50%; 10917 fill: #1A8FE3; 10918 background-color: #fff; 10919} 10920 10921@media (min-width: 991px) { 10922 .wall { 10923 padding-top: 80px; 10924 padding-bottom: 154px; 10925 background-image: url(/v3/img/bg-elements/bg-elements-2.svg); 10926 background-size: 1440px auto; 10927 } 10928 10929 .wall__title { 10930 width: auto; 10931 font-size: 56px; 10932 line-height: calc(68 / 56); 10933 } 10934 10935 .wall__description { 10936 margin-top: 24px; 10937 width: 460px; 10938 font-size: 18px; 10939 line-height: calc(26 / 18); 10940 } 10941 10942 .wall__actions { 10943 margin-top: 40px; 10944 } 10945 10946 .wall__actions-video { 10947 margin-top: 16px; 10948 } 10949 10950 .wall__button-video { 10951 font-size: 16px; 10952 line-height: calc(24 / 16); 10953 } 10954 10955 .wall__button-video-icon { 10956 width: 32px; 10957 height: 32px; 10958 padding: 8px; 10959 margin-right: 12px; 10960 } 10961} 10962 10963.dark-mode .wall__title, 10964.dark-mode .wall__description, 10965.dark-mode .wall__button-video{ 10966 color: #fff; 10967} 10968/* end .wall */ 10969 10970/* modal-article-preview */ 10971.modal-article-preview {} 10972.modal-article-preview .modal-content { 10973 border-width: 0; 10974 border-radius: 8px; 10975 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 10976} 10977 10978.modal-article-preview .modal-header { 10979 padding: 16px; 10980 border-bottom-width: 0; 10981} 10982 10983.modal-article-preview .modal-title { 10984 font-weight: 700; 10985 font-size: 18px; 10986 line-height: calc(26 / 18); 10987 color: #181D20; 10988} 10989 10990.modal-article-preview .modal-body { 10991 padding: 0 16px 16px 16px; 10992} 10993 10994@media (min-width: 991px) {
10995 .modal-article-preview .modal-dialog { 10996 max-width: 960px; 10997 } 10998 .modal-article-preview .modal-header { 10999 padding: 24px; 11000 } 11001 .modal-article-preview .modal-body { 11002 padding-right: 24px; 11003 padding-bottom: 24px; 11004 padding-left: 24px; 11005 } 11006} 11007 11008.dark-mode .modal-article-preview .modal-title { 11009 color: #fff; 11010} 11011/* end modal-article-preview */ 11012 11013/* modal-article */ 11014.modal-article { 11015 padding: 16px; 11016 border-width: 1px; 11017 border-style: solid; 11018 border-color: #E3E3E4; 11019 border-radius: 8px; 11020} 11021 11022.modal-article__header { 11023 padding-top: 0; 11024 padding-bottom: 0; 11025 background-color: transparent; 11026} 11027 11028.modal-article__title { 11029 font-weight: 700; 11030 font-size: 16px; 11031 line-height: calc(24 / 16); 11032 color: #181D20; 11033} 11034 11035.modal-article__date { 11036 margin-top: 4px; 11037 font-size: 12px; 11038 line-height: calc(18 / 12); 11039 letter-spacing: .005em; 11040 color: #707375; 11041} 11042 11043.modal-article__image { 11044 display: block; 11045 width: 100%; 11046 height: 250px; 11047 margin-top: 16px; 11048 border-radius: 8px; 11049 object-fit: cover; 11050 object-position: center; 11051} 11052 11053.modal-article__body { 11054 margin-top: 16px; 11055 color: #181D20; 11056} 11057 11058.modal-article__body > * { 11059 margin-top: 10px; 11060 margin-bottom: 10px; 11061} 11062 11063.modal-article__body > p, 11064.modal-article__body > h2 { 11065 font-size: 12px; 11066 line-height: calc(24 / 12); 11067 letter-spacing: .005em; 11068} 11069 11070.modal-article__body > h2 { 11071 font-weight: 700; 11072 margin-top: 16px; 11073 margin-bottom: 0; 11074} 11075 11076.modal-article__body > h2 + p { 11077 margin-top: 0; 11078} 11079 11080.modal-article__body > *:first-child { 11081 margin-top: 0; 11082} 11083 11084.modal-article__body > *:last-child { 11085 margin-bottom: 0; 11086} 11087 11088@media (min-width: 991px) { 11089 .modal-article { 11090 padding: 24px; 11091 } 11092 11093 .modal-article__title { 11094 font-size: 20px; 11095 line-height: calc(28 / 20); 11096 } 11097 11098 .modal-article__date { 11099 font-size: 14px; 11100 line-height: calc(20 / 14); 11101 } 11102 11103 .modal-article__image { 11104 height: 540px; 11105 margin-top: 24px; 11106 border-radius: 12px; 11107 } 11108 11109 .modal-article__body { 11110 margin-top: 24px; 11111 } 11112 11113 .modal-article__body > * { 11114 margin-top: 20px; 11115 margin-bottom: 20px; 11116 } 11117 11118 .modal-article__body > p, 11119 .modal-article__body > h2 { 11120 font-size: 14px; 11121 line-height: calc(26 / 14); 11122 } 11123 11124 .modal-article__body > h2 { 11125 margin-top: 24px; 11126 } 11127} 11128 11129.dark-mode .modal-article { 11130 border-color: #1F2A33; 11131} 11132.dark-mode .modal-article__title, 11133.dark-mode .modal-article__date, 11134.dark-mode .modal-article__body { 11135 color: #fff; 11136} 11137/* end modal-article */ 11138 11139.expand_menu.position-absolute { 11140 top: 100%; 11141 padding-top: 12px; 11142} 11143 11144.expand_menu { 11145 left: 0; 11146 top: 76px; 11147 padding: 0; 11148 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05) 11149} 11150 11151.expand_menu-box .category-tools__item h4, 11152.expand_menu-box .category-tools__item a { 11153 margin-left: 0; 11154} 11155 11156.expand_menu-box { 11157 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 11158 border-radius: 12px; 11159 padding: 0; 11160} 11161 11162.expand_menu-tools--text { 11163 padding-bottom: 8px; 11164 border-bottom: 1px solid #E3E3E4; 11165} 11166 11167.expand_menu--text .expand_menu-box h4, 11168.expand_menu--text .expand_menu-box a { 11169 margin-left: 0; 11170} 11171 11172.expand_menu--text .category-tools { 11173 padding-right: 0; 11174} 11175 11176.expand_menu--text .expand_menu-box .col-6 { 11177 /* padding-left: 28px; */ 11178 width: 225px; 11179} 11180 11181.category-tools__other { 11182 margin-top: 16px; 11183} 11184 11185.menu2 a.category-tools__item--small { 11186 display: flex; 11187} 11188 11189.category-tools__item--small .icon_box { 11190 border-radius: 4px; 11191 width: 40px; 11192 height: 40px; 11193} 11194 11195.menu2 .category-tools__item--small h4 { 11196 font-weight: 500; 11197 font-size: 14px; 11198} 11199 11200.expand_menu-tools--text .category-tools__item { 11201 width: 295px; 11202 margin: 2px 10px; 11203} 11204 11205.expand_menu .mega_menu li a { 11206 font-weight: 500; 11207 line-height: 1.5; 11208 color: #181D20; 11209 padding-top: 8px; 11210 padding-bottom: 8px; 11211 align-items: center; 11212} 11213 11214.expand_menu .mega_menu li .expand_menu__link-all { 11215 color: #1A8FE3; 11216} 11217 11218.category-menu>.row>.col-6 { 11219 padding-left: 8px; 11220} 11221 11222 11223/* .expand_menu-box .col-6 { 11224 padding-left: 16px; 11225 padding-right: 0; 11226} */ 11227 11228.expand_menu--text .expand_menu-more-text { 11229 padding-left: 0; 11230} 11231 11232.expand_menu-more-text .row .col-12 { 11233 margin-left: 40px; 11234 margin-right: 20px; 11235 padding: 0; 11236} 11237 11238.expand_menu-tools--text.col-12 { 11239 padding: 0 0 8px; 11240 margin-left: 20px; 11241} 11242 11243.expand_menu--image:before, 11244.expand_menu--text:before { 11245 content: ''; 11246 background: transparent; 11247 position: absolute; 11248 width: 100%; 11249 height: 30px; 11250 bottom: 100%; 11251 display: block; 11252} 11253 11254.expand_menu--pdf { 11255 width: 581px; 11256} 11257 11258.expand_menu--tools { 11259 width: 676px; 11260} 11261 11262.menu2 li .expand_menu--tools .category-tools__item { 11263 width: 322px; 11264 margin-top: 0; 11265} 11266 11267.expand_menu-tools { 11268 margin-right: 0; 11269 margin-bottom: 0; 11270} 11271 11272.category-tools__content { 11273 margin-left: 10px; 11274} 11275 11276.category-menu { 11277 border-left: 1px solid #E3E3E4; 11278 padding-right: 16px; 11279} 11280 11281.expand_menu-box .category-tools, 11282.expand_menu-box .category-menu { 11283 padding-top: 16px; 11284 padding-bottom: 16px; 11285} 11286 11287.expand_menu-box h4, 11288.expand_menu-box a { 11289 margin-left: 8px; 11290} 11291 11292.expand_menu-box .category-menu .row { 11293 margin: 0; 11294} 11295 11296.expand_menu-name-categiry { 11297 font-weight: 600; 11298 font-size: 12px; 11299 color: #828586; 11300 padding-left: 8px; 11301 margin-bottom: 8px; 11302} 11303 11304.category-tools__descr { 11305 font-weight: 400; 11306 font-size: 12px; 11307 margin-top: 2px; 11308 color: #FFFFFF; 11309} 11310 11311.category-tools__other li a { 11312 width: 295px; 11313} 11314 11315.main-item h4 { 11316 color: #FFFFFF; 11317 font-weight: 600; 11318 font-size: 20px; 11319 line-height: 1.5; 11320 margin-left: 0; 11321} 11322 11323.category-tools__item h4 { 11324 font-weight: 600; 11325 font-size: 16px; 11326 line-height: 1.5; 11327 color: #181D20; 11328 white-space: nowrap; 11329} 11330 11331.expand_menu--tools .category-tools { 11332 padding: 16px 8px; 11333} 11334 11335.expand_menu--text .expand_menu-name-categiry { 11336 padding-left: 0; 11337} 11338 11339.main-item--arrow { 11340 position: relative; 11341} 11342
11343.main-item--arrow svg { 11344 position: absolute; 11345 right: 16px; 11346 bottom: 30px; 11347} 11348 11349.index .title { 11350 line-height: 1.25; 11351 padding: 0; 11352} 11353 11354.index .descr { 11355 margin-top: 24px; 11356 font-size: 16px; 11357} 11358 11359.index-actions { 11360 margin-top: 40px; 11361} 11362 11363.index-btn { 11364 font-size: 14px; 11365 line-height: 20px; 11366 font-weight: 600; 11367 padding: 16px 24px; 11368 border-radius: 10px; 11369} 11370 11371.js-tools-slider { 11372 position: relative; 11373 display: flex; 11374} 11375 11376.tools__item { 11377 box-shadow: 20px 20px 72px rgb(24 29 32 / 10%); 11378} 11379 11380.tools__item.color-violet .tools__content { 11381 background-color: #6F56EC; 11382 color: #ffffff; 11383} 11384 11385.tools__item.color-violet .tools__footer>div { 11386 background-color: #EFEDFD; 11387} 11388 11389.tools__item.color-violet .tools__circle, 11390.tools__item.color-violet .tools__tag { 11391 background-color: #9d8cf2; 11392} 11393 11394.color-orange { 11395 color: #F66213; 11396} 11397 11398.tools__item.color-orange .tools__content { 11399 background-color: #F66213; 11400 color: #ffffff; 11401} 11402 11403.tools__item.color-orange .tools__footer>div { 11404 background-color: #FEF2EB; 11405} 11406 11407.tools__item.color-orange .tools__circle, 11408.tools__item.color-orange .tools__tag { 11409 background-color: #f8935f; 11410} 11411 11412.color-purple { 11413 color: #D61C4E; 11414} 11415 11416.tools__item.color-purple .tools__content { 11417 background-color: #D61C4E; 11418 color: #ffffff; 11419} 11420 11421.tools__item.color-purple .tools__footer>div { 11422 background-color: #FDEDF1; 11423} 11424 11425.tools__item.color-purple .tools__circle, 11426.tools__item.color-purple .tools__tag { 11427 background-color: #e36587; 11428} 11429 11430.color-blue { 11431 color: #1C67CA; 11432} 11433 11434.tools__item.color-blue .tools__content { 11435 background-color: #1C67CA; 11436 color: #ffffff; 11437} 11438 11439.tools__item.color-blue .tools__footer>div { 11440 background-color: #EDF4FD; 11441} 11442 11443.tools__item.color-blue .tools__circle, 11444.tools__item.color-blue .tools__tag { 11445 background-color: #6598db; 11446} 11447 11448.color-green { 11449 color: #247881; 11450} 11451 11452.tools__item.color-green .tools__content { 11453 background-color: #247881; 11454 color: #ffffff; 11455} 11456 11457.tools__item.color-green .tools__footer>div { 11458 background-color: #EFF9FB; 11459} 11460 11461.tools__item.color-green .tools__circle, 11462.tools__item.color-green .tools__tag { 11463 background-color: #6aa3aa; 11464} 11465 11466.mt_196 { 11467 margin-top: 196px; 11468} 11469 11470.mt_16 { 11471 margin-top: 16px; 11472} 11473 11474.elect { 11475 position: absolute; 11476 right: 12px; 11477 top: 12px; 11478 cursor: pointer; 11479 color: #E3E3E4; 11480 background-color: #F6F6F6; 11481 border-radius: 50%; 11482} 11483 11484.elect.is-active { 11485 color: #D61C4E; 11486} 11487 11488 11489/* details-popup */ 11490 11491.details-popup.modal.show {} 11492 11493.details-popup p { 11494 font-size: 14px; 11495 line-height: 1.5; 11496 color: #525658; 11497} 11498 11499.details-popup__descr { 11500 padding-left: 20px; 11501 padding-right: 0; 11502} 11503 11504.details-popup__content { 11505 padding: 24px; 11506} 11507 11508.details-popup .container { 11509 background-color: #fff; 11510 border-radius: 12px; 11511 /* top: 50%; 11512 left: 50%; 11513 margin-right: -50%; 11514 transform: translate(-50%, -50%); */ 11515} 11516 11517.details-popup .modal-dialog { 11518 max-width: 1240px; 11519} 11520 11521.details-popup.modal.show { 11522 padding: 0 24px !important; 11523} 11524 11525.details-popup .container .row { 11526 margin-right: 0; 11527 margin-left: 0; 11528} 11529 11530.details-popup__title { 11531 font-weight: 700; 11532 font-size: 24px; 11533 color: #181D20; 11534} 11535 11536.details-popup__img { 11537 width: 100%; 11538 border-radius: 12px; 11539 margin-right: 20px; 11540} 11541 11542.details-popup_close { 11543 position: absolute; 11544 width: 24px; 11545 height: 24px; 11546 top: 29px; 11547 right: 24px; 11548} 11549 11550.details-popup .line { 11551 margin-top: 10px; 11552 margin-bottom: 10px; 11553} 11554 11555.details-popup .btn-action { 11556 margin-top: 10px; 11557} 11558 11559.qr { 11560 margin-top: 10px; 11561 max-width: 295px; 11562 width: 100%; 11563 max-height: 295px; 11564} 11565 11566.qr img { 11567 width: 100%; 11568} 11569 11570.details-popup__more { 11571 margin: 6px -4px -4px -4px; 11572} 11573 11574.details-popup__more-img { 11575 margin: 4px; 11576 width: calc(100% / 8 - 8px); 11577 height: auto; 11578 cursor: pointer; 11579} 11580 11581.details-popup__more-img img { 11582 border: 1px solid #E3E3E4; 11583 border-radius: 8px; 11584 width: 100%; 11585} 11586 11587.details-popup__more-img.is-active img { 11588 border-color: #1A8FE3; 11589} 11590 11591.btn-action--color { 11592 color: #1A8FE3; 11593 border-color: #1A8FE3; 11594} 11595 11596.details-popup--catalog .qr { 11597 width: 247px; 11598 height: auto; 11599} 11600 11601.details-popup--catalog .btn-action { 11602 padding: 12px; 11603} 11604 11605.banner-wrapper { 11606 background-color: var(--theme-color); 11607 color: #FFFFFF; 11608 padding-top: 10px; 11609 padding-bottom: 10px; 11610 letter-spacing: 0; 11611} 11612 11613.banner-wrapper a { 11614 color: #ffffff; 11615 text-decoration: underline; 11616 font-weight: 600; 11617 white-space: nowrap; 11618} 11619 11620.banner-border-link { 11621 display: inline-flex; 11622 font-size: 10px; 11623 padding: 6px 10px; 11624 border: 1px solid #FFFFFF; 11625 border-radius: 99px; 11626 line-height: 1.6; 11627 background-color: transparent; 11628 vertical-align: baseline; 11629} 11630 11631a.banner-border-link, 11632button.banner-border-link { 11633 text-decoration: none; 11634 margin-left: 16px; 11635 letter-spacing: 0.005em; 11636} 11637 11638 11639/* switch */ 11640 11641.switch-mode-tool--green { 11642 border: none; 11643 justify-content: center; 11644} 11645 11646.switch-mode-tool--green { 11647 margin-top: 14px; 11648 margin-bottom: 50px; 11649} 11650 11651.switch-mode-tool--green .form-check-input { 11652 width: 64px; 11653 height: 34px; 11654 background-color: #1CAB48; 11655 margin-left: 10px; 11656 margin-right: 10px; 11657} 11658 11659.switch-mode-tool--green .form-check-input:checked { 11660 background-color: #1CAB48; 11661} 11662 11663.switch-mode-tool--green .switch-name { 11664 font-weight: 400; 11665 font-size: 16px; 11666 color: #707375; 11667 white-space: nowrap; 11668} 11669 11670.switch-mode-tool--green .switch-name.is-selected { 11671 color: #181D20; 11672 font-weight: 500; 11673} 11674 11675.switch-mode-tool--green .switch-name>span { 11676 font-weight: 500; 11677 font-size: 12px; 11678 background: #FBE8E9; 11679 border-radius: 99px; 11680 color: #E2464C; 11681 padding: 3px 5px; 11682 margin-left: 5px; 11683} 11684 11685.switch-mode-tool--green .form-switch { 11686 display: flex; 11687 align-items: center; 11688 padding: 0; 11689} 11690 11691.switch-name--first { 11692 order: -1; 11693} 11694 11695.switch-mode-tool--green .form-check-input::after { 11696 width: 26px;
11697 height: 26px; 11698 left: 4px; 11699 top: 4px; 11700} 11701 11702@media (min-width: 1200px) { 11703 .index .container { 11704 max-width: 1288px; 11705 } 11706 .support-area__image-box img { 11707 width: 100%; 11708 } 11709 .catalog-box>div { 11710 padding: 10px !important; 11711 } 11712 .row.catalog-box { 11713 margin: 30px -10px -10px -10px; 11714 } 11715 .check-tools { 11716 padding-top: 150px; 11717 padding-bottom: 150px; 11718 } 11719 .container-tools { 11720 max-width: 1288px; 11721 width: 100%; 11722 padding-right: 48px; 11723 padding-left: 48px; 11724 margin-right: auto; 11725 margin-left: auto; 11726 } 11727 .row-tools { 11728 display: flex; 11729 flex-wrap: wrap; 11730 margin-right: -24px; 11731 margin-left: -24px; 11732 } 11733} 11734 11735@media (max-width: 1199px) { 11736 .animate-text { 11737 top: 22px; 11738 } 11739} 11740 11741@media (max-width: 767px) { 11742 .filter-container { 11743 margin-right: 24px; 11744 overflow-x: scroll; 11745 -ms-overflow-style: none; 11746 scrollbar-width: none; 11747 height: 61px; 11748 border-radius: 99px; 11749 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 11750 } 11751 .filter-container::-webkit-scrollbar {
11752 display: none; 11753 } 11754 .statistic { 11755 padding: 16px; 11756 } 11757 .statistic__num { 11758 font-size: 24px; 11759 margin: 0; 11760 } 11761 .statistic__item:last-child { 11762 order: 1; 11763 } 11764 .statistic__item:first-child { 11765 order: 1; 11766 } 11767 .statistic__text { 11768 font-size: 10px; 11769 margin-top: 2px; 11770 line-height: 1.5; 11771 } 11772 .statistic__item { 11773 flex-direction: column; 11774 align-items: flex-start; 11775 } 11776 .statistic__item:not(:last-of-type)::after { 11777 content: none; 11778 } 11779 .d-4 { 11780 display: none; 11781 } 11782 .tools::before, 11783 .tools::after { 11784 content: none; 11785 } 11786 .details-popup__more { 11787 margin: 5px -4.5px -3px -4.5px; 11788 } 11789 .details-popup__more-img { 11790 margin: 3px 4.5px; 11791 width: calc(100% / 6 - 9px); 11792 height: auto; 11793 } 11794 .tags-box--tools { 11795 display: none; 11796 } 11797} 11798 11799.home_area--pdf { 11800 padding-top: 120px; 11801 padding-bottom: 40px; 11802} 11803 11804.tools_area--pdf { 11805 background-color: #ffffff; 11806} 11807 11808.tools_area--pdf { 11809 padding-top: 10px; 11810} 11811 11812.page_shadow--index { 11813 z-index: 0; 11814} 11815 11816@media (max-width: 992px) { 11817 body.index { 11818 line-height: 1.5; 11819 } 11820 .mt_32 { 11821 margin-top: 16px; 11822 } 11823 .mt_40 { 11824 margin-top: 24px; 11825 } 11826 .m-mt_8 { 11827 margin-top: 8px; 11828 } 11829 .index .descr { 11830 margin-top: 8px; 11831 font-size: 12px; 11832 line-height: 1.5; 11833 } 11834 .index .container { 11835 padding-left: 24px; 11836 padding-right: 24px; 11837 } 11838 .index .row { 11839 margin-left: -24px; 11840 margin-right: -24px; 11841 } 11842 .index-actions { 11843 margin-top: 24px; 11844 } 11845 .index-btn { 11846 font-size: 12px; 11847 line-height: 18px; 11848 padding: 12px 20px !important; 11849 } 11850 .support-area { 11851 padding-top: 40px; 11852 padding-bottom: 40px; 11853 } 11854 .support-area__content .title { 11855 width: 100%; 11856 } 11857 .animate-text { 11858 width: 190px; 11859 height: 38px; 11860 top: 8px; 11861 } 11862 .animate-text__item { 11863 height: 36px; 11864 } 11865 .statistic__num { 11866 font-size: 30px; 11867 } 11868 .statistic__text { 11869 font-size: 12px; 11870 } 11871 .d-4 { 11872 width: 9px; 11873 } 11874 .home_area--first .home_content::after { 11875 background-image: url('/v3/img/decorate/d-6.svg'); 11876 width: 25px; 11877 height: 330px; 11878 left: -15px; 11879 top: -25px; 11880 } 11881 .home_area--first .home_content::before { 11882 background-image: url('/v3/img/decorate/d-7.svg'); 11883 top: -9px; 11884 right: -90px; 11885 } 11886 .present { 11887 padding-top: 100px; 11888 } 11889 .present-card { 11890 padding: 10px 10px 16px 10px; 11891 min-width: 255px; 11892 max-width: 255px; 11893 margin-left: 8px; 11894 margin-right: 8px; 11895 } 11896 .present-card__bg { 11897 height: 161px; 11898 } 11899 .present-card__bg img { 11900 width: 269px; 11901 height: 169px; 11902 } 11903 .present-card__name { 11904 margin-top: 10px; 11905 font-size: 14px; 11906 } 11907 .present-card__descr { 11908 font-size: 10px; 11909 } 11910 .present-cart__actions { 11911 margin-top: 12px; 11912 } 11913 .present-cart__link { 11914 font-size: 12px; 11915 } 11916 .container-present .slick-list { 11917 height: 382px; 11918 } 11919 .container-present .slick-track { 11920 margin-left: -8px; 11921 margin-right: -8px; 11922 } 11923 .container-present { 11924 margin-left: calc((100vw - 690px) / 2); 11925 } 11926 .menu2 li a .ai-all__image { 11927 width: 156px; 11928 height: 118px; 11929 top: 10px; 11930 right: -14px; 11931 } 11932 .tags-box--tools { 11933 display: flex; 11934 flex-wrap: wrap; 11935 } 11936 .tags-box__wrapper { 11937 flex-wrap: wrap; 11938 } 11939 .tags-box--tools span { 11940 width: 100%; 11941 text-align: left; 11942 } 11943 .home_area--pdf { 11944 padding-top: 64px; 11945 } 11946 .tools_area--pdf { 11947 padding-top: 0; 11948 padding-bottom: 100px; 11949 } 11950} 11951 11952@media (max-width: 768px) { 11953 .popup-content { 11954 padding: 16px; 11955 } 11956 .popup-content h2 { 11957 font-size: 18px; 11958 } 11959 .popup-content__action { 11960 margin-top: 16px; 11961 } 11962 .popup-content .separator { 11963 margin-top: 16px; 11964 } 11965 .popup-content .separator__span { 11966 font-size: 12px; 11967 } 11968 .outline-wrap { 11969 padding: 12px; 11970 font-size: 12px; 11971 } 11972 .popup-content .btn-action { 11973 font-size: 12px; 11974 padding-top: 10px; 11975 padding-bottom: 10px; 11976 } 11977 .container-present { 11978 margin-left: calc((100vw - 509px) / 2); 11979 } 11980 .details-popup__content { 11981 padding: 16px; 11982 } 11983 .details-popup p { 11984 font-size: 12px; 11985 } 11986 .subname.mt_24 { 11987 margin-top: 16px; 11988 } 11989 .details-popup__actions { 11990 flex-direction: column; 11991 } 11992 .details-popup__actions .subname { 11993 margin-top: 10px; 11994 } 11995 .details-popup__actions .ml_10 { 11996 margin-left: 0; 11997 } 11998 .qr { 11999 margin-left: auto; 12000 margin-right: auto; 12001 } 12002 .banner-wrapper { 12003 font-size: 12px; 12004 } 12005 .banner-wrapper a { 12006 text-decoration: none; 12007 } 12008 a.banner-border-link, 12009 button.banner-border-link { 12010 font-size: 8px; 12011 margin-left: 3px; 12012 padding: 6px 8px 4px 8px; 12013 } 12014 .spinner-wrapper { 12015 padding: 16px; 12016 } 12017 #spinner .spinner-border { 12018 width: 3.4rem; 12019 height: 3.4rem; 12020 } 12021 .switch-mode-tool--green { 12022 margin-bottom: 0; 12023 } 12024 .switch-mode-tool--green .switch-name { 12025 font-size: 14px; 12026 } 12027 .switch-mode-tool--green .switch-name>span { 12028 font-size: 10px; 12029 } 12030 .switch-mode-tool--green .form-check-input { 12031 width: 44px; 12032 height: 24px; 12033 } 12034 .switch-mode-tool--green .form-check-input::after { 12035 width: 16px; 12036 height: 16px; 12037 } 12038} 12039 12040@media (max-width: 575px) { 12041 .container-present { 12042 margin-left: 24px; 12043 padding: 0; 12044 } 12045 .animate-text { 12046 width: 145px; 12047 height: 30px; 12048 top: 8px; 12049 } 12050 .animate-text__item { 12051 height: 30px; 12052 } 12053} 12054 12055@media (max-width: 1400px) { 12056 .statistic__item:not(:last-of-type)::after { 12057 padding-left: 30px; 12058 } 12059 .tools { 12060 box-shadow: 20px 20px 72px rgb(24 29 32 / 10%); 12061 position: relative; 12062 } 12063 .container-present { 12064 box-shadow: 3em 0 8.4em #eaeaea; 12065 } 12066} 12067 12068@media (min-width: 1400px) { 12069 .js-tools-slider { 12070 display: flex; 12071 margin-left: -10px; 12072 margin-right: -10px; 12073 } 12074 .tools__item { 12075 margin-left: 10px; 12076 margin-right: 10px; 12077 } 12078} 12079 12080button.btn-download { 12081 background-color: #fff; 12082 color: #181D20; 12083} 12084 12085 12086/* summarizer */ 12087 12088.summarizer { 12089 margin-top: 56px;
12090 max-width: 996px; 12091 margin-left: auto; 12092 margin-right: auto; 12093} 12094 12095.summarizer--equal-columns .col-xl-4, 12096.summarizer--equal-columns .col-xl-8 { 12097 flex: 0 0 50%; 12098 max-width: 50%; 12099} 12100 12101.summarizer--equal-columns .summarizer_action-item { 12102 min-width: auto; 12103} 12104 12105.summarizer--equal-columns {} 12106 12107.summarizer_item { 12108 background: #FFFFFF; 12109 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 12110 border-radius: 12px; 12111 padding: 24px; 12112 height: 100%; 12113} 12114 12115.summarizer .title { 12116 font-weight: 600; 12117 font-size: 24px; 12118 padding-top: 0; 12119} 12120 12121.summarizer_item p { 12122 font-size: 14px; 12123 color: #707375; 12124} 12125 12126.summarizer_item .form-group { 12127 margin-top: 16px; 12128 margin-bottom: 24px; 12129} 12130 12131.summarizer_item label { 12132 font-size: 14px; 12133 margin-bottom: 8px; 12134 color: #181D20; 12135} 12136 12137.summarizer_item label span { 12138 color: #A7A9AA; 12139 white-space: nowrap; 12140} 12141 12142.summarizer_item .form-group+.form-group { 12143 margin-top: 16px; 12144} 12145 12146.summarizer_item .form-control { 12147 resize: none; 12148 border: 1px solid #E3E3E4; 12149 border-radius: 8px; 12150 padding: 16px; 12151} 12152 12153.summarizer_action { 12154 display: flex; 12155 justify-content: space-between; 12156} 12157 12158.summarizer_action-item { 12159 position: relative; 12160 flex-grow: 1; 12161 min-width: 256px; 12162} 12163 12164.summarizer_action-item--rate { 12165 display: flex; 12166 justify-content: center; 12167 align-items: center; 12168 padding: 11px 17px; 12169 border: 1px solid #707375; 12170 border-radius: 8px; 12171 cursor: pointer; 12172 margin-left: 16px; 12173 color: #707375; 12174 transition: .2s; 12175 font-weight: 500; 12176 font-size: 14px; 12177} 12178 12179.summarizer_action-item--rate.is-like { 12180 background-color: #E3F4E9; 12181 border-color: #E3F4E9; 12182} 12183 12184.summarizer_action-item--rate.is-like .like { 12185 color: #1CAB48; 12186} 12187 12188.summarizer_action-item--rate.is-dislike .dislike { 12189 color: #E2464C; 12190} 12191 12192.summarizer_action-item--rate.is-dislike { 12193 background-color: #FBE8E9; 12194 border-color: #FBE8E9; 12195} 12196 12197.summarizer_action-item--rate.liked { 12198 border-color: #1CAB48; 12199 background-color: #E3F4E9; 12200} 12201 12202.summarizer_action-item--rate.liked p { 12203 color: #1CAB48; 12204} 12205 12206.summarizer_action-item--rate .like-click { 12207 display: none; 12208} 12209 12210.summarizer_action-item--rate.liked .like-click { 12211 display: block; 12212} 12213 12214.summarizer_action-item--rate.disliked { 12215 border-color: #E2464C; 12216 background-color: #FBE8E9; 12217} 12218 12219.summarizer_action-item--rate.disliked p { 12220 color: #E2464C; 12221} 12222 12223.summarizer_action-item--rate .dislike-click { 12224 display: none; 12225} 12226 12227.summarizer_action-item--rate.disliked .dislike-click { 12228 display: block; 12229} 12230 12231.summarizer_item-header { 12232 display: flex; 12233 justify-content: space-between; 12234} 12235 12236.summarizer_form-box { 12237 padding-left: 4px; 12238 padding-right: 4px; 12239 margin-left: -4px; 12240 overflow-y: auto; 12241 overflow-x: hidden; 12242} 12243 12244.summarizer--one .summarizer_item .title, 12245.summarizer--one .summarizer_item p { 12246 text-align: center; 12247} 12248 12249.summarizer--one .summarizer_action { 12250 justify-content: center; 12251} 12252 12253.summarizer--one .summarizer_action .button { 12254 width: 240px; 12255 flex-grow: 0; 12256} 12257 12258.summarizer--agreement .summarizer_item .form-group { 12259 margin-top: 0; 12260 margin-bottom: 1rem; 12261} 12262 12263.summarizer--agreement .summarizer_item > p { 12264 margin-bottom: 24px; 12265} 12266 12267.summarizer--equal-columns.summarizer--agreement .custom-form_agreement [class*="col-"] { 12268 flex-basis: 100%; 12269 max-width: 100%; 12270} 12271 12272.rate-options { 12273 display: flex; 12274} 12275 12276.history-popup { 12277 padding: 24px 12px 24px 24px; 12278 background: #FFFFFF; 12279 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 12280 border-radius: 12px; 12281} 12282 12283.history-popup__title { 12284 font-weight: 700; 12285 font-size: 24px; 12286 color: #000000; 12287} 12288 12289.history-popup_close { 12290 position: absolute; 12291 display: inline-block; 12292 right: 24px; 12293 top: 28px; 12294} 12295 12296.history-dropdown { 12297 width: 100%; 12298} 12299 12300.history-dropdown .dropdown-toggle { 12301 width: 100%; 12302 padding: 16px 30px 16px 16px; 12303 border: 1px solid #E3E3E4; 12304 border-radius: 12px; 12305 background-color: #ffffff; 12306 font-weight: 500; 12307 font-size: 16px; 12308 line-height: 24px; 12309 text-align: left; 12310 color: #525658; 12311} 12312 12313.history-dropdown .dropdown-menu { 12314 width: 100%; 12315 padding: 4px; 12316 border-color: transparent; 12317 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 12318 border-radius: 6px; 12319 max-height: 300px; 12320 background: #ffffff; 12321 overflow-y: auto; 12322} 12323 12324.history-dropdown .dropdown-item { 12325 font-weight: 500; 12326 font-size: 14px; 12327 line-height: 1.43; 12328 color: #525658; 12329 padding: 8px; 12330 border-radius: 6px; 12331} 12332 12333.history-dropdown .dropdown-item:hover { 12334 background: #F6F6F6; 12335} 12336 12337.history-summarizer_item { 12338 padding: 0; 12339 box-shadow: none; 12340} 12341 12342.history-summarizer_item h5 { 12343 font-size: 16px; 12344 font-weight: 600; 12345} 12346 12347.history__date { 12348 font-size: 12px; 12349} 12350 12351.history-summarizer_item .form-control { 12352 font-size: 12px; 12353 letter-spacing: 0.005em; 12354 color: #525658; 12355 padding: 12px; 12356} 12357 12358.history-summarizer_item .form-group { 12359 margin-top: 0; 12360 margin-bottom: 16px; 12361} 12362 12363.history-summarizer_item .is-disabled .form-control { 12364 background: #F6F6F6; 12365} 12366 12367.history-popup .dropdown-toggle::after { 12368 content: none; 12369} 12370 12371.history-popup .dropdown-toggle::before { 12372 content: ''; 12373 width: 7px; 12374 height: 7px; 12375 border-right: 1px solid #707375; 12376 border-bottom: 1px solid #707375; 12377 -webkit-transform: rotate(45deg); 12378 transform: rotate(45deg); 12379 position: absolute; 12380 right: 18px; 12381 top: 23px; 12382 margin-left: 7px; 12383 display: inline-block; 12384 vertical-align: middle; 12385} 12386 12387#modal_history .modal-dialog { 12388 max-width: 600px; 12389} 12390 12391.history-summarizer__content-wrapper { 12392 max-height: 845px; 12393 height: auto; 12394 overflow-y: auto; 12395 overflow-x: hidden; 12396 padding-right: 10px; 12397} 12398 12399.rate-btn button { 12400 background-color: transparent; 12401 border: none; 12402 padding: 0; 12403 width: 15px; 12404 height: 15px; 12405 color: #707375; 12406} 12407 12408.rate-btn button:not(:first-child) { 12409 margin-left: 6px; 12410} 12411 12412.popover { 12413 background-color: transparent; 12414 border: none; 12415} 12416 12417.bs-popover-auto[x-placement^=top]>.arrow::after, 12418.bs-popover-top>.arrow::after { 12419 border-top-color: #464a4d; 12420} 12421 12422.popover-body { 12423 background: #464a4d; 12424 border-radius: 8px; 12425 padding: 8px 16px; 12426 border: 1px solid #464a4d; 12427 font-weight: 500; 12428 font-size: 14px; 12429 line-height: 1.43; 12430 color: #FFFFFF; 12431} 12432 12433.popover { 12434 top: -5px !important; 12435} 12436 12437.summarizer_action-item .button { 12438 width: 100%; 12439 padding-left: 20px; 12440 padding-right: 20px; 12441} 12442 12443.summarizer_action .button { 12444 flex-grow: 1; 12445 font-size: 14px; 12446} 12447 12448.summarizer_action .dropdown { 12449 margin-left: 16px; 12450} 12451 12452.summarizer_action .dropdown-toggle::after { 12453 display: none; 12454} 12455 12456.summarizer_action .dropdown-menu { 12457 width: 100%; 12458} 12459 12460.summarizer_action .button-copy { 12461 margin-left: 16px; 12462 max-width: 48px; 12463 width: 48px; 12464 flex-shrink: 0; 12465 padding-top: 6px; 12466 padding-bottom: 6px; 12467 padding-left: 0; 12468 padding-right: 0; 12469} 12470 12471.summarizer_action .button-update { 12472 margin-left: 16px; 12473 max-width: 48px; 12474 width: 48px; 12475 flex-shrink: 0; 12476 padding-left: 0; 12477 padding-right: 0; 12478 padding-top: 6px; 12479 padding-bottom: 6px; 12480} 12481 12482.summarizer_action .button svg {
12483 width: 20px; 12484 height: 20px; 12485} 12486 12487.summarizer_item.is-disabled .form-control { 12488 background: #F6F6F6; 12489 pointer-events: none; 12490} 12491 12492.summarizer_item.is-disabled .button { 12493 pointer-events: none; 12494 background: #EFEFEF; 12495 color: #A7A9AA; 12496} 12497 12498.summarizer_item.is-disabled .button-outline { 12499 background: #fff; 12500 border-color: #E3E3E4; 12501} 12502 12503 12504/* .ideas */ 12505 12506.ideas { 12507 height: 409px; 12508 background: #F6F6F6; 12509 border: 1px solid #E3E3E4; 12510 border-radius: 8px; 12511 padding-top: 16px; 12512 padding-bottom: 16px; 12513 padding-left: 16px; 12514 padding-right: 8px; 12515 margin-top: 16px; 12516 margin-bottom: 24px; 12517} 12518 12519.ideas_box { 12520 height: 100%; 12521 overflow-y: auto; 12522 padding-right: 8px; 12523} 12524 12525.ideas_box::-webkit-scrollbar { 12526 width: 3px; 12527} 12528 12529.ideas_box::-webkit-scrollbar-track { 12530 background: transparent; 12531} 12532 12533.ideas_box::-webkit-scrollbar-thumb { 12534 background-color: #E3E3E4; 12535 border-radius: 20px; 12536 border: none; 12537} 12538 12539.ideas_item { 12540 position: relative; 12541 border-radius: 8px; 12542 background: #FFF; 12543 padding-left: 10px; 12544 padding-right: 50px; 12545 padding-top: 10px; 12546 padding-bottom: 10px; 12547 margin-top: 12px; 12548} 12549 12550.ideas_item:first-child { 12551 margin-top: 0; 12552} 12553 12554.ideas_name { 12555 font-weight: 500; 12556 font-size: 14px; 12557 color: #707375; 12558 text-overflow: ellipsis; 12559 width: 100%; 12560 overflow: hidden; 12561 white-space: nowrap; 12562 display: block; 12563} 12564 12565.ideas_item .button { 12566 padding: 10px; 12567 position: absolute; 12568 top: 0; 12569 right: 0; 12570 background: #fff; 12571 border: none; 12572 opacity: 0; 12573 visibility: hidden; 12574 transition: opacity .2s linear; 12575} 12576 12577.ideas_item:hover .button { 12578 opacity: 1; 12579 visibility: visible; 12580} 12581 12582.ideas_item .button svg { 12583 width: 20px; 12584 height: 20px; 12585} 12586 12587.ideas_item+.ideas_placeholder { 12588 display: none; 12589} 12590 12591.ideas_placeholder { 12592 color: #A7A9AA; 12593 font-size: 14px; 12594} 12595 12596.recommendation { 12597 padding-bottom: 66px; 12598} 12599 12600.recommendation .tools_box { 12601 padding: 16px 12px 18px 16px; 12602 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 12603 height: auto; 12604} 12605 12606.recommendation .icon_box { 12607 margin-bottom: 0; 12608 margin-right: 10px; 12609} 12610 12611.recommendation__send-box { 12612 background: #FFFFFF; 12613 border: 1px solid #E3E3E4; 12614 border-radius: 4px; 12615 display: flex; 12616 align-items: center; 12617 justify-content: center; 12618 width: 24px; 12619 height: 24px; 12620 margin-left: auto; 12621 flex-shrink: 0; 12622 color: #707375 !important; 12623} 12624 12625.recommendation h4 { 12626 white-space: nowrap; 12627 overflow: hidden; 12628 text-overflow: ellipsis; 12629 width: 110px; 12630} 12631 12632.button-history { 12633 padding: 12px 17px; 12634 font-size: 14px; 12635 border-radius: 8px; 12636 border-width: 1.5px; 12637} 12638 12639.button-history svg { 12640 margin-right: 8px; 12641} 12642 12643.custom-scroll { 12644 padding-right: 12px; 12645 overflow-y: auto; 12646} 12647 12648.custom-scroll::-webkit-scrollbar {
12649 width: 3px; 12650} 12651 12652.custom-scroll::-webkit-scrollbar-track { 12653 background: transparent; 12654} 12655 12656.custom-scroll::-webkit-scrollbar-thumb { 12657 background-color: #E3E3E4; 12658 border-radius: 20px; 12659 border: none; 12660} 12661 12662.dark-mode .custom-scroll::-webkit-scrollbar-thumb { 12663 background-color: #223544 12664} 12665 12666@media (max-width: 992px) { 12667 .summarizer_item { 12668 margin-bottom: 20px; 12669 height: auto; 12670 } 12671 .summarizer_item-header { 12672 flex-direction: column; 12673 } 12674 .button-history { 12675 margin-top: 27px; 12676 width: 100%; 12677 font-size: 12px; 12678 padding-top: 8px; 12679 padding-bottom: 8px; 12680 } 12681 12682 .summarizer--equal-columns .col-xl-4, 12683 .summarizer--equal-columns .col-xl-8 { 12684 flex: 0 0 100%; 12685 max-width: 100%; 12686 } 12687} 12688 12689@media (max-width: 767px) { 12690 .summarizer_action { 12691 flex-wrap: wrap; 12692 } 12693 .summarizer_action-item { 12694 margin-top: 8px; 12695 } 12696 .summarizer_action-item:first-child { 12697 margin-top: 0; 12698 } 12699 .summarizer_action-item--rate { 12700 margin-left: 0; 12701 } 12702 .summarizer_action-item--rate p { 12703 font-size: 12px; 12704 } 12705 .summarizer_action .dropdown { 12706 margin-left: 0; 12707 min-width: 247px; 12708 } 12709 .summarizer_action .button-copy, 12710 .summarizer_action .button-update { 12711 margin-left: 8px; 12712 } 12713 .summarizer_action .button-copy { 12714 margin-top: 8px; 12715 } 12716} 12717 12718 12719/* .select2 */ 12720 12721.select2-container--default .select2-selection--multiple { 12722 height: 163px; 12723 background: #FFF; 12724 border: 1px solid #E3E3E4; 12725 border-radius: 8px; 12726 padding-top: 3px; 12727 padding-left: 3px; 12728 padding-bottom: 8px; 12729 padding-right: 8px; 12730} 12731 12732.select2-container--default.select2-container--focus .select2-selection--multiple { 12733 border-color: #80bdff; 12734 outline: 0; 12735 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 12736} 12737 12738.select2-container--default .select2-selection--multiple .select2-selection__choice { 12739 font-family: inherit; 12740 background: #F6F6F6; 12741 border-radius: 8px; 12742 border: none; 12743 padding-top: 8px; 12744 padding-bottom: 8px; 12745 padding-left: 8px; 12746 padding-right: 24px; 12747 color: #525658; 12748 font-weight: 400; 12749 font-size: 14px; 12750 line-height: 20px; 12751} 12752 12753.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { 12754 left: auto; 12755 right: 0; 12756 bottom: 0; 12757 border: none; 12758 font-size: 0; 12759 width: 22px; 12760} 12761 12762.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before, 12763.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after { 12764 content: ""; 12765 border-top: 1px solid #828586; 12766 width: 8px; 12767 position: absolute; 12768 left: 6px; 12769 top: 18px; 12770} 12771 12772.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before { 12773 transform: rotate(45deg); 12774} 12775 12776.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after { 12777 transform: rotate(-45deg); 12778} 12779 12780.select2-container--default .select2-search--inline .select2-search__field { 12781 padding-top: 8px; 12782 padding-bottom: 8px; 12783 padding-left: 8px; 12784 padding-right: 8px; 12785 color: #525658; 12786 font-family: inherit; 12787 font-weight: 400; 12788 font-size: 14px; 12789 line-height: 20px; 12790 height: 36px; 12791 min-width: 50px; 12792} 12793 12794.select2-dropdown { 12795 background: #FFF; 12796 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 12797 border-radius: 6px; 12798 border: none; 12799 padding: 4px; 12800 margin-top: 4px; 12801} 12802 12803.select2-results__option { 12804 font-family: inherit; 12805 color: #525658; 12806 font-weight: 500; 12807 font-size: 14px; 12808 border-radius: 6px; 12809 transition: background .2s linear; 12810} 12811 12812.select2-container--default .select2-results__option--selected { 12813 background: #F6F6F6; 12814} 12815 12816.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { 12817 background: #1A8FE3; 12818} 12819 12820/* edit-profile */ 12821.edit-profile_area {} 12822 12823.edit-profile { 12824 box-shadow: 3px 10px 40px rgb(24 29 32 / 5%); 12825 border-radius: 12px; 12826 padding: 24px; 12827 margin-top: 2.5em; 12828 background-color: #FFF; 12829} 12830 12831.edit-profile_form { 12832 max-width: 600px; 12833 margin-left: auto; 12834 margin-right: auto; 12835} 12836 12837.edit-profile .form-group { 12838 display: flex; 12839 align-items: center; 12840} 12841 12842.edit-profile .form-group label { 12843 flex-shrink: 0; 12844 margin-right: 30px; 12845 width: 180px; 12846} 12847 12848.form-control-field { 12849 flex-grow: 1; 12850} 12851 12852.edit-profile .form-group .btn-action { 12853 margin-left: 210px; 12854} 12855 12856@media (max-width: 767px) { 12857 12858 .edit-profile .form-group { 12859 display: block; 12860 } 12861 12862 .edit-profile .form-group label { 12863 margin-right: 0; 12864 margin-bottom: 6px; 12865 width: auto; 12866 } 12867 12868 .edit-profile .form-group .btn-action { 12869 margin-left: 0; 12870 } 12871} 12872 12873/* try-pro */ 12874.try-pro { 12875 background: #FFF7E1; 12876 border-radius: 12px; 12877 padding: 10px; 12878 display: flex; 12879 align-items: center; 12880 justify-content: center; 12881 color: #181D20; 12882} 12883 12884.try-pro__title { 12885 font-weight: 500; 12886 font-size: 20px; 12887 line-height: 28px; 12888} 12889 12890.try-pro__button { 12891 padding: 11px 16px; 12892 background: #FFC205; 12893 border-radius: 8px; 12894 font-weight: 600; 12895 font-size: 12px; 12896 line-height: 18px; 12897 letter-spacing: 0.005em; 12898 color: #FFF; 12899 margin-left: 24px; 12900} 12901 12902@media (max-width: 767px) { 12903 .try-pro__title { 12904 font-size: 18px; 12905 } 12906} 12907 12908/* modal-try-pro */ 12909.modal-try-pro {} 12910 12911.modal-try-pro .modal-dialog {
12912 max-width: 996px; 12913} 12914 12915.modal-try-pro .modal-content { 12916 flex-direction: row; 12917 padding: 24px; 12918} 12919 12920.modal-try-pro .modal-content_item { 12921 width: 50%; 12922 flex-grow: 1; 12923 margin-left: 24px; 12924} 12925.modal-try-pro .modal-content_item:first-child { 12926 margin-left: 0; 12927} 12928 12929.modal-try-pro .modal-content_item--image {} 12930 12931.modal-try-pro_header { 12932 display: flex; 12933 justify-content: space-between; 12934 align-items: center; 12935 margin-bottom: 24px; 12936} 12937.modal-try-pro_header h3 { 12938 font-weight: 700; 12939 font-size: 24px; 12940 line-height: 32px; 12941 color: #000000; 12942} 12943 12944.modal-try-pro_image { 12945 min-height: 460px; 12946 background: #E3F1FB; 12947 border-radius: 12px; 12948 overflow: hidden; 12949 position: relative; 12950 display: flex; 12951 align-items: flex-end; 12952 height: 100%; 12953} 12954 12955@media (max-width: 767px) { 12956 .modal-try-pro .modal-content_item--image, 12957 .modal-try-pro_image { 12958 display: none; 12959 } 12960} 12961 12962.modal-try-pro_title { 12963 font-weight: 600; 12964 font-size: 20px; 12965 line-height: 28px; 12966 margin-bottom: 8px; 12967 color: #181D20; 12968} 12969 12970.modal-try-pro_title span { 12971 color: #E2464C; 12972} 12973 12974.modal-try-pro_text { 12975 font-size: 12px; 12976 line-height: 18px; 12977 letter-spacing: 0.005em; 12978 color: #525658; 12979} 12980 12981.modal-try-pro_text a { 12982 font-weight: 700; 12983 text-decoration: none; 12984 color: inherit; 12985} 12986 12987.modal-try-pro_action { 12988 margin-top: 40px; 12989 display: flex; 12990 align-items: center; 12991} 12992 12993.modal-try-pro_action .price { 12994 flex-shrink: 0; 12995 width: 70px; 12996} 12997 12998.modal-try-pro_action .btn-action { 12999 flex-grow: 1; 13000 margin-left: 16px; 13001} 13002 13003.modal-try-pro_hello { 13004 background: rgba(255, 255, 255, 0.9); 13005 backdrop-filter: blur(4px); 13006 border-radius: 12px; 13007 padding-top: 16px; 13008 padding-bottom: 16px; 13009 padding-left: 16px; 13010 padding-right: 32px; 13011 text-align: center; 13012 position: absolute; 13013 left: 8px; 13014 right: 8px; 13015 bottom: 8px; 13016} 13017 13018.modal-try-pro_sign { 13019 font-weight: 600; 13020 font-size: 12px; 13021 line-height: 18px; 13022 letter-spacing: 0.005em; 13023 color: #181D20; 13024 font-style: italic; 13025 margin-top: 8px; 13026} 13027 13028.dark-mode .modal-try-pro_header h3, 13029.dark-mode .modal-try-pro_title, 13030.dark-mode .modal-try-pro_text { 13031 color: #fff; 13032} 13033 13034/* pro-benefits */ 13035.pro-benefits { 13036 margin-top: 24px; 13037} 13038 13039.pro-benefits_item { 13040 font-weight: 500; 13041 font-size: 16px; 13042 line-height: 24px; 13043 display: flex; 13044 align-items: center; 13045 margin-top: 16px; 13046 color: #181D20; 13047} 13048 13049.pro-benefits_icon { 13050 flex-shrink: 0; 13051 border: 1.5px solid #1CAB48; 13052 color: #1CAB48; 13053 width: 18px; 13054 height: 18px; 13055 box-sizing: border-box; 13056 border-radius: 100%; 13057 margin-right: 8px; 13058 display: flex; 13059 align-items: center; 13060 justify-content: center; 13061} 13062 13063.pro-benefits_icon svg { 13064 width: 12px; 13065 height: 12px; 13066} 13067 13068.dark-mode .pro-benefits_item { 13069 color: #fff; 13070} 13071 13072/* .price */ 13073.price { 13074 color: #181D20; 13075} 13076 13077.price_title { 13078 font-weight: 500; 13079 font-size: 10px; 13080 line-height: 16px; 13081} 13082 13083.price_value { 13084 display: flex; 13085 align-items: center; 13086} 13087 13088.price_value sup, 13089.price_value sub { 13090 font-size: 12px; 13091 line-height: 18px; 13092} 13093 13094.price_value sup { 13095 color: #1A8FE3; 13096 margin-top: -5px; 13097} 13098 13099.price_value span { 13100 font-weight: 700; 13101 font-size: 24px; 13102 line-height: 32px; 13103} 13104 13105.price_value sub { 13106 color: #A7A9AA; 13107 margin-bottom: -5px; 13108} 13109 13110.dark-mode .price { 13111 color: #fff; 13112} 13113 13114/* modal-video-converter */ 13115.modal-video-converter {} 13116 13117.modal-video-converter .modal-dialog { 13118 max-width: 624px; 13119} 13120 13121.modal-video-converter .modal-content { 13122 border-radius: 12px; 13123} 13124 13125.modal-video-converter .modal-header { 13126 border: none; 13127 padding: 24px 24px 0; 13128 -webkit-box-align: center; 13129 -ms-flex-align: center; 13130 align-items: center; 13131} 13132 13133.modal-video-converter .modal-header .close { 13134 margin: 0; 13135 padding: 0; 13136} 13137 13138.modal-video-converter .modal-title { 13139 color: #181D20; 13140 font-weight: bold; 13141 font-size: 24px; 13142} 13143 13144.modal-video-converter .modal-body { 13145 padding: 24px; 13146} 13147 13148.convert-settings { 13149 margin-bottom: 16px; 13150} 13151 13152.convert-settings_title { 13153 font-weight: 600; 13154 font-size: 16px; 13155 color: #181D20; 13156 margin-bottom: 16px; 13157} 13158 13159.convert-settings_item {} 13160 13161.convert-settings_label { 13162 display: flex; 13163 align-items: center; 13164} 13165 13166.convert-settings label { 13167 font-weight: 500; 13168 font-size: 12px; 13169 color: #707375; 13170 line-height: 1.2; 13171} 13172 13173.convert-settings_info { 13174 position: relative; 13175 margin-left: 8px; 13176} 13177 13178.convert-settings_info:hover .convert-settings_info-text { 13179 display: block; 13180} 13181 13182.convert-settings_info svg { 13183 width: 14px; 13184 height: 14px; 13185 margin-bottom: 2px; 13186} 13187 13188.convert-settings_info-text { 13189 position: absolute; 13190 left: 100%; 13191 bottom: 0; 13192 margin-bottom: 10px; 13193 margin-left: 10px; 13194 background: #FFF; 13195 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13196 border-radius: 5px; 13197 padding: 10px; 13198 font-weight: 400; 13199 font-size: 14px; 13200 line-height: 21px; 13201 color: #707375; 13202 min-width: 213px; 13203 z-index: 1; 13204 display: none; 13205} 13206 13207.convert-settings .form-control { 13208 width: 100%; 13209 padding-top: 11px; 13210 padding-bottom: 11px; 13211 margin-top: 10px; 13212 background-color: transparent; 13213 border-color: #E3E3E4; 13214 color: #A7A9AA; 13215 font-weight: 400; 13216 font-size: 14px; 13217 line-height: 1.5; 13218 height: 45px; 13219} 13220 13221.convert-settings .form-control::placeholder { 13222 color: #A7A9AA; 13223} 13224 13225.convert-settings .dropdown .btn-secondary { 13226 width: 100%; 13227 padding-top: 11px; 13228 padding-bottom: 11px; 13229 margin-top: 10px; 13230 background-color: transparent; 13231 border-color: #E3E3E4; 13232 color: #A7A9AA; 13233 text-align: left; 13234 font-weight: 400; 13235 font-size: 14px; 13236 display: flex; 13237 justify-content: space-between; 13238 align-items: center; 13239} 13240 13241.convert-settings .dropdown .btn-secondary:focus { 13242 border-color: #80bdff; 13243 outline: 0; 13244 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 13245} 13246.convert-settings .dropdown .btn-secondary:active { 13247 background-color: transparent; 13248 border-color: #E3E3E4; 13249 color: #707375; 13250} 13251 13252.convert-settings .dropdown-toggle::after { 13253 content: ""; 13254 width: 9px; 13255 height: 9px; 13256 border-right: 1px solid #A7A9AA; 13257 border-bottom: 1px solid #A7A9AA; 13258 border-top: none; 13259 border-left: none; 13260 transform: rotate(45deg); 13261 border-radius: 0 0 2px 0; 13262 z-index: 3; 13263} 13264 13265.convert-settings .dropdown-menu { 13266 width: 100%; 13267 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13268 border-radius: 6px; 13269 padding: 7px; 13270 border: none; 13271 margin-top: 8px; 13272} 13273 13274.convert-settings .dropdown-item { 13275 padding: 5px; 13276 font-size: 14px; 13277 line-height: 21px; 13278 color: #707375; 13279 margin-top: 11px; 13280} 13281 13282.convert-settings .dropdown-item:first-child { 13283 margin-top: 0; 13284} 13285 13286.convert-settings_buttons {} 13287 13288.convert-settings_buttons .btn { 13289 border-radius: 8px; 13290 height: 56px; 13291 width: 100%; 13292 font-weight: 500; 13293 font-size: 16px; 13294} 13295 13296.convert-settings_buttons .btn-secondary { 13297 background-color: #C8C9CA; 13298 border-color: #C8C9CA; 13299} 13300 13301.convert-settings_buttons .btn-primary { 13302 background-color: #1A8FE3; 13303 border-color: #1A8FE3; 13304} 13305 13306@media (max-width: 767px) { 13307 13308 .convert-settings_buttons .btn { 13309 margin-top: 10px; 13310 } 13311 13312} 13313 13314/* modal-thanks-signing */ 13315.modal-thanks-signing {} 13316
13317.modal-thanks-signing .modal-dialog { 13318 max-width: 758px; 13319} 13320 13321.modal-thanks-signing .modal-content { 13322 border-radius: 14px; 13323} 13324 13325.modal-thanks-signing .modal-header { 13326 border: none; 13327 padding: 24px 24px 0; 13328 -webkit-box-align: center; 13329 -ms-flex-align: center; 13330 align-items: center; 13331} 13332 13333.modal-thanks-signing .modal-header .close { 13334 margin: 0 29px 0 0; 13335 padding: 0; 13336} 13337 13338.modal-thanks-signing .modal-title { 13339 color: #181D20; 13340 font-weight: bold; 13341 font-size: 24px; 13342 flex-grow: 1; 13343 text-align: center; 13344} 13345 13346.modal-thanks-signing .modal-body { 13347 padding: 24px; 13348} 13349 13350.thanks-signing {} 13351 13352.thanks-signing_item { 13353 padding: 16px; 13354 border-radius: 12px; 13355 background: #F6F6F6; 13356 height: 100%; 13357 color: #181D20; 13358} 13359 13360.thanks-signing_item--support { 13361 background: #EFF7FD; 13362} 13363 13364.thanks-signing_title { 13365 font-weight: 600; 13366 font-size: 18px; 13367 line-height: 26px; 13368 margin-bottom: 8px; 13369 color: #181D20; 13370} 13371 13372.thanks-signing_item p { 13373 font-size: 14px; 13374 line-height: 20px; 13375 color: #525658; 13376} 13377 13378.thanks-signing_item strong { 13379 color: #181D20; 13380 font-weight: 600; 13381} 13382 13383.thanks-signing_action { 13384 margin-top: 24px; 13385 display: flex; 13386 margin-left: -8px; 13387} 13388 13389.thanks-signing_action .button { 13390 margin-left: 8px; 13391 width: 50%; 13392 font-size: 12px; 13393 padding: 8px; 13394 text-align: center; 13395 box-shadow: 0 10px 32px rgba(26, 143, 227, .24); 13396} 13397 13398.thanks-signing_action .button-outline { 13399 box-shadow: none; 13400} 13401 13402.thanks-signing_list { 13403 margin-top: 17px; 13404} 13405 13406.thanks-signing_list li { 13407 display: flex; 13408 align-items: flex-start; 13409 margin-top: 19px; 13410 font-size: 14px; 13411 line-height: 20px; 13412} 13413 13414.thanks-signing_list li:first-child { 13415 margin-top: 0; 13416} 13417 13418.thanks-signing_icon { 13419 width: 16px; 13420 height: 16px; 13421 background-color: #1A8FE3; 13422 border-radius: 50%; 13423 margin-right: 9px; 13424 margin-top: 2px; 13425 color: #fff; 13426 display: flex; 13427 align-items: center; 13428 justify-content: center; 13429 flex-shrink: 0; 13430} 13431 13432.thanks-signing_icon svg { 13433 width: 10px; 13434 height: 100%; 13435} 13436 13437@media (max-width: 767px) { 13438 13439 .modal-thanks-signing .modal-header .close { 13440 margin: 0; 13441 } 13442 13443 .modal-thanks-signing .modal-header { 13444 padding: 16px 16px 0; 13445 } 13446 13447 .modal-thanks-signing .modal-body { 13448 padding: 16px; 13449 } 13450 13451 .modal-thanks-signing .modal-title { 13452 font-size: 16px; 13453 } 13454 13455 .thanks-signing_item--support { 13456 margin-top: 16px; 13457 } 13458 13459 .thanks-signing_item { 13460 height: auto; 13461 } 13462 13463 .thanks-signing_title { 13464 font-size: 14px; 13465 } 13466 13467 .thanks-signing_item p, 13468 .thanks-signing_list li { 13469 font-size: 12px; 13470 } 13471 13472 .thanks-signing_list li { 13473 margin-top: 17px; 13474 } 13475 13476 .thanks-signing_icon { 13477 width: 13px; 13478 height: 13px; 13479 margin-top: 3px; 13480 } 13481 13482 .thanks-signing_action { 13483 display: block; 13484 margin-left: 0; 13485 } 13486 13487 .thanks-signing_action .button { 13488 width: 100%; 13489 margin-left: 0; 13490 margin-top: 8px; 13491 padding: 11px; 13492 } 13493} 13494 13495/* chage-background */ 13496.chage-background {} 13497 13498.chage-background_area {} 13499 13500.chage-background_share, 13501.save-share { 13502 display: none; 13503} 13504 13505.chage-background .title { 13506 font-size: 40px; 13507} 13508 13509.chage-background .sub_title { 13510 font-size: 18px; 13511 text-align: left; 13512 color: #181D20; 13513 margin-bottom: 16px; 13514 display: flex; 13515 align-items: center; 13516 justify-content: space-between; 13517} 13518 13519.chage-background .sub_title a { 13520 font-weight: 500; 13521 font-size: 14px; 13522 line-height: 20px; 13523 color: #1A8FE3; 13524 text-decoration: underline; 13525} 13526 13527.chage-background .sub_title a:hover { 13528 text-decoration: none; 13529} 13530 13531.chage-background_item { 13532 background: #FFFFFF; 13533 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13534 border-radius: 12px; 13535 padding: 24px; 13536 height: 100%; 13537} 13538 13539.chage-background_item--colors { 13540 max-width: 320px; 13541 margin-left: auto; 13542} 13543 13544.chage-background_tool {} 13545 13546.chage-background_tool--bg { 13547 margin-top: 16px; 13548 padding-top: 24px; 13549 border-top: 1px solid #E3E3E4; 13550} 13551 13552.chage-background_group-bg { 13553 display: flex; 13554 flex-wrap: wrap; 13555 margin: -4px; 13556} 13557 13558.chage-background_tool .color_box { 13559 flex-basis: calc(100% / 6); 13560 flex-grow: 1; 13561 flex-shrink: 0; 13562 margin: 4px; 13563 max-width: 48px; 13564 height: 48px; 13565 border: 1px solid #E3E3E4; 13566 box-sizing: border-box; 13567 cursor: pointer; 13568 background-size: cover; 13569 background-position: 50%; 13570 border-radius: 8px; 13571 transition: border-color .2s linear; 13572} 13573 13574.chage-background_tool .color_box:hover, 13575.chage-background_tool .color_box.is-active { 13576 border-color: #1A8FE3; 13577} 13578 13579.chage-background_pick { 13580 position: relative; 13581 margin-top: 16px; 13582} 13583 13584.chage-background_pick .form-group { 13585 margin-bottom: 0; 13586} 13587 13588.chage-background_pick .color_box { 13589 position: absolute; 13590 top: 5px; 13591 left: 5px; 13592 width: 34px; 13593 height: 34px; 13594 margin: 0; 13595 border-radius: 8px; 13596} 13597 13598.chage-background_pick .form-control-field { 13599 padding-left: 47px; 13600 color: #000; 13601 font-size: 12px; 13602 height: 44px; 13603 border: 1px solid #E3E3E4; 13604 border-radius: 8px; 13605} 13606 13607.chage-background_tool-action { 13608 margin-top: 24px; 13609} 13610 13611.chage-background_tool-action .button { 13612 width: 100%; 13613 background: #F6FBFE; 13614 color: #1A8FE3; 13615 font-size: 14px; 13616} 13617 13618.chage-background_tool-action .button svg { 13619 margin-right: 4px; 13620 display: inline-block; 13621 vertical-align: -2px; 13622} 13623 13624.chage-background_preview { 13625 width: 440px; 13626 height: 440px; 13627 margin-top: 82px; 13628 margin-bottom: 92px; 13629 margin-left: auto; 13630 margin-right: auto; 13631} 13632 13633.chage-background_preview-action { 13634 margin-left: -24px; 13635 margin-right: -24px; 13636 padding-left: 24px; 13637 padding-right: 24px; 13638 padding-top: 24px; 13639 border-top: 1px solid #E3E3E4; 13640 text-align: right; 13641} 13642 13643.chage-background_preview-action .button { 13644 margin-left: 4px; 13645 font-size: 14px; 13646 border-radius: 8px; 13647 height: 50px; 13648} 13649 13650.chage-background_preview-action .button--cancel { 13651 background: #EFEFEF; 13652 border: 1px solid #E3E3E4; 13653 color: #A7A9AA; 13654} 13655 13656@media (max-width: 992px) { 13657 13658 .chage-background { 13659 padding-top: 50px; 13660 } 13661 13662 .chage-background_share, 13663 .save-share { 13664 display: flex; 13665 justify-content: center; 13666 margin-bottom: 8px; 13667 } 13668 13669 .chage-background_share .button, 13670 .save-share .button { 13671 padding: 6px 6px 5px; 13672 border: 1px solid #E3E3E4; 13673 border-radius: 6px; 13674 background: #fff; 13675 color: #828586; 13676 font-weight: 500; 13677 font-size: 14px; 13678 margin-left: 4px; 13679 margin-right: 4px; 13680 } 13681 13682 .chage-background_share .button svg, 13683 .save-share .button svg { 13684 margin-right: 6px; 13685 } 13686 13687 .chage-background_item { 13688 margin-bottom: 20px; 13689 height: auto; 13690 } 13691 13692 .chage-background_item--colors { 13693 max-width: 100%; 13694 } 13695 13696 .chage-background_preview { 13697 margin-top: 52px; 13698 margin-bottom: 72px; 13699 } 13700} 13701 13702@media (max-width: 767px) { 13703 13704 .chage-background { 13705 padding-top: 20px; 13706 } 13707 13708 .chage-background .title { 13709 font-size: 28px; 13710 padding-top: 0; 13711 } 13712 13713 .chage-background .title_icon { 13714 display: none; 13715 } 13716 13717 .chage-background .title + p { 13718 margin-top: 4px; 13719 } 13720 13721 .chage-background_area { 13722 padding-top: 40px; 13723 } 13724 13725 .chage-background_item { 13726 padding: 16px; 13727 } 13728 13729 .chage-background .sub_title { 13730 font-size: 16px; 13731 } 13732 13733 .chage-background_group-bg { 13734 margin: -5px; 13735 } 13736 13737 .chage-background_tool .color_box { 13738 max-width: 53px; 13739 height: 53px; 13740 margin: 5px; 13741 } 13742 13743 .chage-background_pick .color_box { 13744 width: 34px; 13745 height: 34px; 13746 margin: 0; 13747 } 13748 13749 .chage-background .sub_title a { 13750 font-size: 10px; 13751 } 13752 13753 .chage-background_tool-action .button { 13754 font-size: 12px; 13755 padding-top: 10px; 13756 padding-bottom: 10px; 13757 } 13758 13759 .chage-background_preview { 13760 width: auto; 13761 height: auto; 13762 margin-bottom: 64px; 13763 } 13764 13765 .chage-background_preview-action { 13766 margin-left: -16px; 13767 margin-right: -16px; 13768 padding-left: 16px; 13769 padding-right: 16px; 13770 padding-top: 16px; 13771 text-align: center; 13772 } 13773 13774 .chage-background_preview-action .button { 13775 width: calc(50% - 6px); 13776 font-size: 12px; 13777 padding-top: 11px; 13778 padding-bottom: 11px; 13779 height: 40px; 13780 } 13781} 13782 13783.dark-mode .chage-background_item { 13784 background: #223544; 13785} 13786 13787.dark-mode .chage-background .sub_title { 13788 color: #fff; 13789} 13790 13791.dark-mode .chage-background_pick .form-control-field { 13792 background-color: #1A252E; 13793 color: #fff; 13794 border-color: #828586; 13795} 13796 13797.dark-mode .chage-background_preview-action { 13798 border-color: #828586; 13799} 13800 13801.dark-mode .chage-background_preview-action .button--cancel { 13802 background-color: #2e3b46; 13803 color: #687d8d; 13804 border-color: #5d5d66; 13805} 13806 13807.dark-mode .chage-background_tool-action .button { 13808 background: #1A252E; 13809 color: #fff; 13810} 13811 13812/* modal-browse-background */ 13813.modal-browse-background {} 13814 13815.modal-browse-background .modal-dialog { 13816 max-width: 900px; 13817} 13818 13819.modal-browse-background .modal-content { 13820 border-radius: 12px; 13821} 13822 13823.modal-browse-background .modal-header { 13824 border: none; 13825 padding: 24px 24px 0; 13826} 13827 13828.modal-browse-background .modal-header .close { 13829} 13830 13831.modal-browse-background .modal-title { 13832 color: #181D20; 13833 font-weight: bold; 13834 font-size: 24px; 13835 flex-grow: 1; 13836} 13837 13838.modal-browse-background .modal-body { 13839 padding: 24px; 13840} 13841 13842.browse-background {} 13843 13844.browse-background .search_group--search { 13845 max-width: 100%; 13846 margin-top: 0; 13847} 13848 13849.browse-background .search_group--search input { 13850 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13851 height: 56px; 13852 font-size: 10px; 13853 color: #707375; 13854} 13855 13856.browse-background .search { 13857 top: 15px; 13858 left: 22px; 13859} 13860 13861.browse-background .search_group--search .button { 13862 font-size: 12px; 13863} 13864 13865.browse-background .filter { 13866 background: none; 13867 border-radius: 0; 13868 padding: 0; 13869 box-shadow: none; 13870 width: 100%; 13871 position: relative; 13872 overflow: hidden; 13873} 13874 13875.browse-background .filter::before { 13876 content: ""; 13877 position: absolute; 13878 width: 162px; 13879 height: 44px; 13880 right: 0; 13881 top: 0; 13882 z-index: 5; 13883 background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 140.83%); 13884} 13885 13886.browse-background .filter_slide { 13887 position: absolute; 13888 right: 8px; 13889 top: 5px; 13890 z-index: 6; 13891} 13892 13893.browse-background .filter_button { 13894 background: #FFFFFF; 13895 box-shadow: 2px 8px 32px rgba(24, 29, 32, 0.08); 13896 border-radius: 99px; 13897 color: #1F1F1F; 13898 width: 32px; 13899 height: 32px; 13900 padding: 0; 13901} 13902 13903.browse-background .filter_button svg { 13904 width: 18px; 13905 height: 18px; 13906 transform: rotate(-90deg); 13907} 13908 13909.browse-background .filter__category { 13910 max-width: fit-content; 13911 color: #707375; 13912 padding: 8px; 13913 border: 1px solid #E3E3E4; 13914 border-radius: 8px; 13915 min-width: 48px; 13916 text-align: center; 13917} 13918 13919.browse-background .filter__category.is-active, 13920.browse-background .filter__category:hover { 13921 background-color: #fff; 13922 border-color: #1A8FE3; 13923 color: #1A8FE3; 13924} 13925 13926.browse-background .filter .slick-track { 13927} 13928 13929.browse-background .filter .slick-list { 13930 13931} 13932 13933.browse-background .filter__image { 13934 width: 24px; 13935 height: 24px; 13936 border-radius: 8px; 13937 overflow: hidden; 13938 display: inline-block; 13939 vertical-align: top; 13940 margin-right: 4px; 13941} 13942 13943.browse-background .filter__name { 13944 font-size: 16px; 13945 margin-left: 0; 13946} 13947 13948.browse-background_preview { 13949 margin-top: 24px; 13950 height: 477px; 13951 overflow-y: auto; 13952} 13953 13954.browse-background_preview-group { 13955 display: flex; 13956 flex-wrap: wrap; 13957 margin: -8px; 13958} 13959 13960.browse-background_preview .color_box { 13961 max-width: 201px; 13962 height: 201px; 13963 flex-basis: calc(100% / 5); 13964 flex-grow: 1; 13965 flex-shrink: 0; 13966 margin: 8px; 13967 border: 1px solid #E3E3E4; 13968 border-radius: 8px; 13969 background-repeat: no-repeat; 13970 background-size: cover; 13971 background-position: 50%; 13972 overflow: hidden; 13973} 13974 13975.browse-background_preview .color_box:hover, 13976.browse-background_preview .color_box.is-active { 13977 border-color: #1A8FE3; 13978} 13979 13980@media (max-width: 992px) { 13981 13982 .browse-background_preview .color_box { 13983 height: 161px; 13984 } 13985} 13986 13987@media (max-width: 767px) { 13988
13989 .modal-browse-background .modal-title { 13990 font-size: 16px; 13991 } 13992 13993 .modal-browse-background .modal-header { 13994 padding: 16px 16px 0; 13995 } 13996 13997 .modal-browse-background .modal-body { 13998 padding: 16px; 13999 } 14000 14001 .browse-background .filter__category { 14002 min-height: 34px; 14003 padding: 4px ; 14004 } 14005 14006 .browse-background .filter__name { 14007 font-size: 12px; 14008 line-height: 24px; 14009 } 14010 14011 .browse-background .filter__image { 14012 vertical-align: -8px; 14013 } 14014 14015 .browse-background .filter::before { 14016 width: 72px; 14017 height: 34px; 14018 } 14019 14020 .browse-background .filter_slide { 14021 display: none; 14022 } 14023 14024 .browse-background_preview-group { 14025 margin: -5px; 14026 } 14027 14028 .browse-background_preview .color_box { 14029 flex-basis: calc(100% / 4); 14030 max-width: 91px; 14031 height: 91px; 14032 margin: 5px; 14033 } 14034 14035 .browse-background_preview { 14036 height: 380px; 14037 margin-top: 16px; 14038 } 14039} 14040 14041.dark-mode .modal-browse-background .modal-title { 14042 color: #fff; 14043} 14044 14045.dark-mode .browse-background .filter__category { 14046 color: #fff; 14047 border-color: #5d5d66; 14048} 14049 14050.dark-mode .browse-background .filter__category.is-active, 14051.dark-mode .browse-background .filter__category:hover { 14052 background-color: #495258; 14053} 14054 14055.dark-mode .browse-background .filter::before { 14056 background: linear-gradient(270deg, #1A252F 0%, rgba(26, 37, 47, 0) 140.83%); 14057} 14058 14059.dark-mode .browse-background .filter_button { 14060 background-color: #223544; 14061 color: #EFEFEF; 14062} 14063 14064/* modal-continue-writing */ 14065.modal-continue-writing {} 14066 14067.modal-continue-writing .modal-dialog { 14068 max-width: 784px; 14069} 14070 14071.modal-continue-writing .modal-content { 14072 border-radius: 12px; 14073} 14074 14075.modal-continue-writing .modal-header { 14076 border: none; 14077 padding: 24px 24px 0; 14078} 14079 14080.modal-continue-writing .modal-header .close { 14081 margin: 0; 14082 padding: 0; 14083} 14084 14085.modal-continue-writing .modal-title { 14086 color: #181D20; 14087 font-weight: bold; 14088 font-size: 24px; 14089 flex-grow: 1; 14090} 14091 14092.modal-continue-writing .modal-body { 14093 padding: 24px; 14094} 14095 14096.chart-creators_bar .form-check { 14097 overflow: hidden; 14098 margin-left: 8px; 14099 margin-right: 8px; 14100} 14101 14102.continue-writing { 14103 color: #181D20; 14104} 14105 14106.continue-writing__item { 14107 margin-top: 16px; 14108} 14109 14110.continue-writing__item:first-child { 14111 margin-top: 0; 14112} 14113 14114.continue-writing__item--action { 14115 margin-top: 24px; 14116} 14117 14118.continue-writing__item p { 14119 font-weight: 500; 14120 font-size: 18px; 14121 line-height: 26px; 14122} 14123 14124.continue-writing__group { 14125 margin-top: 10px; 14126 display: flex; 14127 align-items: center; 14128 margin-left: -8px; 14129} 14130 14131.continue-writing .form-check { 14132 padding: 0; 14133 flex-basis: calc(100% / 4); 14134 flex-grow: 1; 14135 flex-shrink: 0; 14136 max-width: 240px; 14137 margin-left: 8px; 14138} 14139 14140.continue-writing .form-check-input { 14141 position: absolute; 14142 opacity: 0; 14143 visibility: hidden; 14144} 14145 14146.continue-writing .form-check-input:checked+.form-check-label { 14147 color: #1A8FE3; 14148 background-color: #F6FBFE; 14149 border-color: #1A8FE3; 14150} 14151 14152.continue-writing .form-check-label { 14153 padding: 16px 24px; 14154 border: 1px solid #E3E3E4; 14155 border-radius: 8px; 14156 font-size: 16px; 14157 line-height: 24px; 14158 color: #707375; 14159 cursor: pointer; 14160 transition: color, border-color .2s linear; 14161 white-space: nowrap; 14162 width: 100%; 14163 box-sizing: border-box; 14164} 14165 14166.continue-writing .button { 14167 flex-basis: calc(100% / 3); 14168 flex-grow: 1; 14169 flex-shrink: 0; 14170 margin-left: 8px; 14171 padding-top: 16px; 14172 padding-bottom: 16px; 14173 border-radius: 8px; 14174} 14175 14176.continue-writing .btn-secondary { 14177 background: #EFEFEF; 14178 border: 1px solid #E3E3E4; 14179 color: #A7A9AA; 14180} 14181 14182.continue-writing .btn-secondary:focus { 14183 box-shadow: none; 14184} 14185 14186.dark-mode .close, 14187.dark-mode .modal-continue-writing .modal-title, 14188.dark-mode .continue-writing { 14189 color: #fff; 14190} 14191 14192.dark-mode .continue-writing .form-check-label { 14193 color: #fff; 14194} 14195 14196.dark-mode .continue-writing .form-check-input:checked+.form-check-label { 14197 background-color: #223544; 14198} 14199 14200.dark-mode .continue-writing .btn-secondary { 14201 background-color: #40474c; 14202 color: #bfc1c3; 14203} 14204 14205@media (max-width: 767px) { 14206
14207 .modal-continue-writing .modal-title { 14208 font-size: 16px; 14209 } 14210 14211 .modal-continue-writing .modal-body { 14212 padding-top: 16px; 14213 } 14214 14215 .continue-writing__group { 14216 margin-top: 2px; 14217 flex-direction: column; 14218 margin-left: 0; 14219 } 14220 14221 .continue-writing__item--action { 14222 margin-top: 8px; 14223 } 14224 14225 .continue-writing__item p { 14226 font-weight: 500; 14227 font-size: 14px; 14228 line-height: 20px; 14229 } 14230 14231 .continue-writing .form-check { 14232 margin-left: 0; 14233 margin-top: 8px; 14234 max-width: 100%; 14235 width: 100%; 14236 text-align: center; 14237 } 14238 14239 .continue-writing .form-check-label { 14240 font-size: 12px; 14241 line-height: 18px; 14242 } 14243 14244 .continue-writing .button { 14245 margin-left: 0; 14246 margin-top: 8px; 14247 width: 100%; 14248 font-size: 12px; 14249 line-height: 18px; 14250 padding-top: 11px; 14251 padding-bottom: 11px; 14252 } 14253} 14254 14255/* uploader-container */ 14256.uploader-container { 14257 background: #FFFFFF; 14258 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 14259 border-radius: 12px; 14260 margin-top: 2.5rem; 14261 padding: 24px; 14262 border: none; 14263} 14264 14265.uploader-container__box { 14266 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 14267 border-radius: 12px; 14268 padding: 24px; 14269 color: #707375; 14270 font-size: 14px; 14271 margin-top: 16px; 14272} 14273 14274.uploader-container__box:first-child { 14275 margin-top: 0; 14276} 14277 14278.uploader-tools__text-size {} 14279 14280.uploader-tools strong { 14281 color: #181D20; 14282 font-weight: 600; 14283} 14284 14285.uploader-tools__item { 14286 margin-top: 16px; 14287 display: flex; 14288 align-items: center; 14289} 14290 14291.uploader-tools hr { 14292 border-color: #E3E3E4; 14293} 14294 14295.uploader-tools .input-group-text { 14296 color: #707375; 14297 font-weight: 600; 14298 font-size: 14px; 14299 line-height: 21px; 14300 border: 1px solid #E3E3E4; 14301 border-radius: 4px 0 0 4px; 14302 background-color: #F6F6F6; 14303 padding: 13px 15px 12px 16px; 14304 height: 48px; 14305} 14306 14307.uploader-tools .form-control { 14308 border-color: #E3E3E4; 14309 border-radius: 0 4px 4px 0; 14310 color: #181D20; 14311 font-size: 16px; 14312 padding: 12px 16px; 14313 height: 48px; 14314 font-weight: 500; 14315} 14316 14317.uploader-tools .form-check { 14318 overflow: hidden; 14319 margin-left: 12px; 14320 margin-right: 10px; 14321} 14322 14323.uploader-tools .form-check-input { 14324 position: absolute; 14325 opacity: 0; 14326 visibility: hidden; 14327} 14328 14329.uploader-tools .form-check-input:checked+.form-check-label { 14330 color: #fff; 14331 background-color: #1A8FE3; 14332} 14333 14334.uploader-tools .form-check-input:checked+.form-check-label::before { 14335 border-color: #fff; 14336} 14337 14338.uploader-tools .form-check-label { 14339 padding: 16px 16px 8px; 14340 border: 1px solid #1A8FE3; 14341 border-radius: 10px; 14342 font-weight: 500; 14343 font-size: 14px; 14344 line-height: 18px; 14345 color: #1A8FE3; 14346 cursor: pointer; 14347 transition: color, border-color .2s linear; 14348 display: flex; 14349 flex-direction: column; 14350 align-items: center; 14351 text-align: center; 14352 width: 94px; 14353} 14354 14355.uploader-tools .form-check-label::before { 14356 content: ""; 14357 border: 1px solid #1A8FE3; 14358 width: 36px; 14359 height: 24px; 14360 margin-bottom: 10px; 14361} 14362 14363.uploader-tools .form-check-label span { 14364 font-weight: 500; 14365 font-size: 14px; 14366 width: 54px; 14367 white-space: nowrap; 14368 text-overflow: ellipsis; 14369 overflow: hidden; 14370} 14371 14372.uploader-zoom .button { 14373 font-weight: 600; 14374 font-size: 12px; 14375 line-height: 18px; 14376 padding-left: 18px; 14377 padding-right: 17px; 14378 padding-top: 11px; 14379 padding-bottom: 11px; 14380 height: 40px; 14381 margin-left: 6px; 14382} 14383 14384.uploader-zoom .button-outline { 14385 margin-left: 0; 14386} 14387 14388.uploader-zoom__box { 14389 display: flex; 14390 align-items: center; 14391} 14392 14393.uploader-zoom__text { 14394 color: #525658; 14395 font-weight: 500; 14396 font-size: 12px; 14397 line-height: 18px; 14398 flex-shrink: 0; 14399} 14400 14401.uploader-zoom .form-control { 14402 border: none; 14403 width: 40px; 14404 height: 18px; 14405 padding: 0; 14406 font-weight: 500; 14407 font-size: 12px; 14408 line-height: 18px; 14409 color: #1A8FE3; 14410 flex-shrink: 0; 14411} 14412 14413.twitter-navigation__zoom-icon { 14414 display: none; 14415} 14416 14417.twitter-navigation { 14418 flex-grow: 1; 14419 margin-left: 10px; 14420 margin-right: 10px; 14421} 14422 14423.twitter-navigation__wrapper { 14424 width: 100%; 14425 height: 20px; 14426 display: flex; 14427 align-items: center; 14428 flex-direction: column; 14429 justify-content: center; 14430 border-radius: 5px; 14431 cursor: pointer; 14432} 14433 14434.twitter-navigation__line-wrapper { 14435 width: 100%; 14436 height: 20px; 14437 display: flex; 14438 align-items: center; 14439 flex-direction: column; 14440 justify-content: center; 14441 border-radius: 5px; 14442 cursor: pointer; 14443} 14444 14445.twitter-navigation__line { 14446 background: #EFEFEF; 14447 height: 6px; 14448 width: 100%; 14449 border-radius: 10px; 14450 display: flex; 14451 position: relative;
14452 align-items: center; 14453} 14454 14455.twitter-navigation__fill { 14456 background: #1A8FE3; 14457 align-self: stretch; 14458 flex-basis: auto; 14459 flex-direction: column; 14460 flex-shrink: 0; 14461 border-radius: 10px; 14462} 14463 14464.twitter-navigation__circle { 14465 width: 30px; 14466 height: 30px; 14467 margin-left: -15px; 14468 border-radius: 50%; 14469 display: flex; 14470 align-items: center; 14471 justify-content: center; 14472 position: absolute; 14473 transition-duration: 0.2s; 14474 transition-property: background-color, box-shadow; 14475 background-color: transparent; 14476} 14477 14478.twitter-navigation__inner-circle { 14479 width: 9px; 14480 height: 12px; 14481 border-radius: 50%; 14482 background-color: #1A8FE3; 14483 transform: scale(1); 14484 transition-duration: 0.1s; 14485 transition-property: transform; 14486 box-shadow: none; 14487} 14488 14489@media (max-width: 1240px) { 14490 14491 .uploader-tools .form-check-label { 14492 width: 89px; 14493 } 14494 14495 .uploader-zoom .button { 14496 padding-left: 16px; 14497 padding-right: 15px; 14498 } 14499} 14500 14501@media (max-width: 992px) { 14502 14503 .uploader-tools__item--scroll { 14504 flex-wrap: nowrap; 14505 overflow-x: auto; 14506 margin-right: 0; 14507 } 14508 14509 .uploader-tools .form-check { 14510 flex-shrink: 0; 14511 } 14512} 14513 14514@media (max-width: 767px) { 14515 14516 .uploader-container { 14517 padding: 8px; 14518 } 14519 14520 .uploader-container__box { 14521 padding: 8px; 14522 } 14523 14524 .uploader-tools__text-size { 14525 display: none; 14526 } 14527 14528 .uploader-tools__item { 14529 margin-top: 8px; 14530 } 14531 14532 .uploader-tools__item:first-of-type { 14533 margin-top: -8px; 14534 } 14535 14536 .uploader-tools hr { 14537 display: none; 14538 } 14539 14540 .uploader-tools .input-group-text { 14541 height: 32px; 14542 width: 57px; 14543 padding-left: 8px; 14544 font-size: 12px; 14545 } 14546 14547 .uploader-tools .form-control { 14548 height: 32px; 14549 } 14550 14551 .uploader-tools__item--scroll { 14552 margin-left: -4px; 14553 } 14554 14555 .uploader-tools .form-check { 14556 margin-left: 4px; 14557 margin-right: 4px; 14558 } 14559 14560 .uploader-tools .form-check-label { 14561 width: 44px; 14562 padding-right: 16px; 14563 font-size: 10px; 14564 border-radius: 4px; 14565 } 14566 14567 .uploader-tools .form-check-label::before { 14568 width: 21px; 14569 height: 12px; 14570 } 14571 14572 .uploader-zoom .button { 14573 width: calc(50% - 10px); 14574 margin-top: 10px; 14575 } 14576} 14577 14578.uploader-container label { 14579 font-weight: 400; 14580 font-size: 12px; 14581 line-height: 18px; 14582 color: #181D20; 14583 padding-bottom: 8px; 14584} 14585 14586.uploader-container .card-body { 14587 padding: 0; 14588} 14589 14590.uploader-container .card-footer { 14591 padding: 0; 14592 background: none; 14593 border: none; 14594} 14595 14596.button--card-footer { 14597 padding-left: 20px; 14598 padding-right: 20px; 14599 font-size: 14px; 14600} 14601 14602.uploader-container .button-outline--grey {} 14603 14604.uploader-container .dropdown .btn-secondary { 14605 width: 100%; 14606 padding-top: 11px; 14607 padding-bottom: 11px; 14608 margin-top: 10px; 14609 background-color: transparent; 14610 border-color: #E3E3E4; 14611 border-radius: 8px; 14612 color: #A7A9AA; 14613 text-align: left; 14614 font-weight: 400; 14615 font-size: 14px; 14616 display: flex; 14617 justify-content: space-between; 14618 align-items: center; 14619} 14620 14621.uploader-container .dropdown .btn-secondary:focus { 14622 border-color: #80bdff; 14623 outline: 0; 14624 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 14625} 14626.uploader-container .dropdown .btn-secondary:active { 14627 background-color: transparent; 14628 border-color: #E3E3E4; 14629 color: #707375; 14630} 14631 14632.uploader-container .btn-secondary.dropdown-toggle::after { 14633 content: ""; 14634 width: 9px; 14635 height: 9px; 14636 border-right: 1px solid #A7A9AA; 14637 border-bottom: 1px solid #A7A9AA; 14638 border-top: none; 14639 border-left: none; 14640 transform: rotate(45deg); 14641 border-radius: 0 0 2px 0; 14642 z-index: 3; 14643} 14644 14645.uploader-container .btn-secondary + .dropdown-menu { 14646 width: 100%; 14647 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 14648 border-radius: 6px; 14649 padding: 7px; 14650 border: none; 14651 margin-top: 8px; 14652} 14653 14654.uploader-container .dropdown-item { 14655 padding: 5px; 14656 font-size: 14px; 14657 line-height: 21px; 14658 color: #707375; 14659 margin-top: 11px; 14660} 14661 14662.uploader-container .dropdown-item:first-child { 14663 margin-top: 0; 14664} 14665 14666.uploader-container .btn-group > .button { 14667 padding: 11px 4px 11px 16px; 14668 border-radius: 8px 0 0 8px; 14669} 14670 14671.uploader-container .btn-group > .button-outline {
14672 border-right: none; 14673} 14674 14675.uploader-container .btn-group .button.dropdown-toggle { 14676 padding: 0 16px 0 4px; 14677 border-radius: 0 8px 8px 0; 14678} 14679 14680.uploader-container .button-outline.dropdown-toggle { 14681 border-left: none; 14682 border-right: 1px solid #1A8FE3; 14683} 14684 14685.uploader-container .dropup .dropdown-toggle::after { 14686 width: 8px; 14687 height: 8px; 14688 border-right: 3px solid #fff; 14689 border-bottom: 3px solid #fff; 14690 border-top: none; 14691 border-left: none; 14692 transform: rotate(45deg); 14693 border-radius: 0 0 3px 0; 14694 vertical-align: 0; 14695} 14696 14697.uploader-container .dropup.show .dropdown-toggle::after { 14698 transform: rotate(-135deg); 14699 vertical-align: -2px; 14700} 14701 14702.uploader-container .dropup .button-outline.dropdown-toggle::after { 14703 border-right-color: #1A8FE3; 14704 border-bottom-color: #1A8FE3; 14705} 14706 14707.uploader-container .dropup .button-outline.dropdown-toggle:hover::after { 14708 border-right-color: #fff; 14709 border-bottom-color: #fff; 14710} 14711 14712.uploader-container .chage-background_pick { 14713 margin-top: 0; 14714} 14715 14716/* Add Page Numbers to a PDF */ 14717.uploader-container--add-numbers .card-body { 14718 margin-top: 40px; 14719} 14720 14721.uploader-container--add-numbers .card-title h3 { 14722 color: #181D20; 14723 font-weight: 600; 14724 font-size: 24px; 14725 line-height: 32px; 14726 text-align: center; 14727} 14728 14729.uploader-container--add-numbers .chage-background_pick .form-control-field { 14730 padding-top: 10px; 14731 padding-bottom: 10px; 14732 padding-left: 39px; 14733 height: 38px; 14734 font-size: 10px; 14735 line-height: 16px; 14736 letter-spacing: 0.005em; 14737 color: #181D20; 14738} 14739 14740.uploader-container--add-numbers .chage-background_pick .color_box { 14741 width: 30px; 14742 height: 30px; 14743 border: none; 14744 top: 4px; 14745 left: 4px; 14746} 14747 14748.uploader-container--add-numbers .dropdown .btn-secondary { 14749 padding-top: 10px; 14750 padding-bottom: 10px; 14751 font-weight: 400; 14752 font-size: 10px; 14753 line-height: 16px; 14754 margin-top: 0; 14755 color: #181D20; 14756} 14757 14758.uploader-container--add-numbers hr { 14759 display: none; 14760} 14761 14762.font-picker { 14763 position: relative; 14764 display: inline-block; 14765 box-shadow: unset; 14766 width: 100%; 14767} 14768 14769div[id^="font-picker"] button { 14770 border: 0; 14771 color: inherit; 14772} 14773 14774.font-control .font-picker .dropdown-button { 14775 padding: 11px 12px; 14776 width: 100%; 14777 display: flex; 14778 align-items: center; 14779 justify-content: space-between; 14780 background: #fff; 14781 border: 1px solid #E3E3E4; 14782 border-radius: 8px; 14783 font-weight: 400; 14784 font-size: 10px; 14785 line-height: 16px; 14786 font-family: 'Poppins', sans-serif; 14787 color: #181D20; 14788 height: 38px; 14789} 14790 14791div[id^="font-picker"] .dropdown-button .dropdown-font-name { 14792 overflow: hidden; 14793 white-space: nowrap; 14794} 14795 14796div[id^="font-picker"] .dropdown-icon { 14797 margin-left: 10px; 14798} 14799 14800div[id^="font-picker"] .dropdown-icon.finished:before { 14801 content: ''; 14802 display: block; 14803 width: 9px; 14804 height: 9px; 14805 border-right: 1px solid #A7A9AA; 14806 border-bottom: 1px solid #A7A9AA; 14807 border-top: none; 14808 border-left: none; 14809 transform: rotate(45deg); 14810 transition: -webkit-transform 0.3s; 14811 transition: transform 0.3s; 14812 transition: transform 0.3s, -webkit-transform 0.3s; 14813 border-radius: 0 0 2px 0; 14814 margin: -2px 0 0 0; 14815} 14816 14817div[id^="font-picker"] ul li button { 14818 height: 100%; 14819 width: 100%; 14820 display: flex; 14821 align-items: center; 14822 padding: 0 10px; 14823 white-space: nowrap; 14824 border: none; 14825} 14826 14827div[id^="font-picker"] ul li { 14828 height: 35px; 14829 list-style: none; 14830} 14831 14832div[id^="font-picker"] ul { 14833 position: absolute; 14834 z-index: 1; 14835 max-height: 0; 14836 width: 100%; 14837 overflow-x: hidden; 14838 overflow-y: auto; 14839 -webkit-overflow-scrolling: touch; 14840 margin: 0; 14841 padding: 0; 14842 background: #EAEAEA; 14843 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); 14844 transition: 0.3s; 14845} 14846 14847.number-preview { 14848 background: #F6F6F6; 14849 border-radius: 8px; 14850 padding: 16px; 14851 width: 160px; 14852 height: 240px; 14853} 14854 14855.number-preview p { 14856 font-weight: 400; 14857 font-size: 12px; 14858 line-height: 18px; 14859 text-align: center; 14860 letter-spacing: 0.005em; 14861 color: #181D20; 14862} 14863 14864.number-preview .numbers-style-block__wrapper { 14865 display: flex; 14866 height: 190px; 14867 align-items: center; 14868 justify-content: center; 14869 font-weight: 500; 14870} 14871 14872.page-actions-panel_box { 14873 margin-left: 40px; 14874 padding-left: 40px; 14875 border-left: 1px solid #E3E3E4; 14876} 14877 14878.page-actions-panel_box p { 14879 font-weight: 400; 14880 font-size: 12px; 14881 line-height: 18px; 14882 letter-spacing: 0.005em; 14883 color: #181D20; 14884} 14885 14886.page-actions-panel { 14887 height: 214px; 14888 padding: 0; 14889 -webkit-box-flex: 0; 14890 -ms-flex: 0 0 auto; 14891 flex: 0 0 auto; 14892 overflow: hidden; 14893 color: #acacac; 14894 text-align: left; 14895 font-size: 16px; 14896 line-height: 1.5; 14897 -webkit-box-ordinal-group: 1; 14898 -ms-flex-order: 0; 14899 order: 0; 14900 -webkit-box-flex: 1; 14901 -ms-flex: 1 1 auto; 14902 flex: 1 1 auto; 14903 -ms-flex-item-align: auto; 14904 align-self: auto; 14905 -webkit-transition: width 1s; 14906 -o-transition: width 1s; 14907 transition: width 1s; 14908 border: 1px solid #E3E3E4; 14909 border-radius: 8px; 14910 margin-top: 8px; 14911} 14912.page-actions-panel .panel-inner { 14913 position: relative; 14914 height: inherit; 14915 margin: 0; 14916} 14917.page-actions-panel .panel-inner .numbers-panel { 14918 color: #acacac; 14919 text-align: left; 14920 font-size: 16px; 14921 line-height: 1.5; 14922 height: inherit; 14923} 14924.page-actions-panel_wrapper { 14925 padding-top: 9px; 14926 margin: 0; 14927 height: inherit; 14928} 14929.page-actions-panel_wrapper-block { 14930 display: flex; 14931 padding: 0 9px 20px; 14932 -webkit-box-pack: center; 14933 justify-content: center; 14934 -webkit-box-align: center;
14935 align-items: center; 14936 height: inherit; 14937} 14938.page-actions-panel_wrapper-subblock { 14939 position: relative; 14940 display: flex; 14941 height: inherit; 14942 width: 100%; 14943} 14944.page-actions-panel_wrapper-subblock_inputs { 14945 position: absolute; 14946 top: 0; 14947 left: 0; 14948 width: 100%; 14949 height: 100%; 14950 display: flex; 14951 flex-direction: column; 14952 -webkit-box-pack: justify; 14953 justify-content: space-between; 14954} 14955.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs { 14956 display: flex; 14957 padding: 8px 0; 14958 -webkit-box-pack: justify; 14959 justify-content: space-between; 14960} 14961.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label { 14962 position: relative; 14963 overflow: hidden; 14964 background-color: white; 14965 cursor: pointer; 14966 display: flex; 14967 width: 16px; 14968 height: 16px; 14969 border-radius: 50%; 14970 border: 1px solid #A7A9AA; 14971} 14972.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label svg { 14973 position: absolute; 14974 top: -1px; 14975 left: -1px; 14976 fill: transparent; 14977} 14978.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label.active svg { 14979 position: absolute; 14980 top: -2px; 14981 left: -2px; 14982 fill: #1CAB48; 14983 width: 20px; 14984 height: 20px; 14985} 14986.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label.active { 14987 border: none; 14988} 14989.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label input { 14990 visibility: hidden; 14991 box-sizing: border-box; 14992 padding: 0; 14993 overflow: visible; 14994} 14995 14996.page-actions-panel_wrapper-block img { 14997 max-width: 83px; 14998 margin-left: auto; 14999 margin-right: auto; 15000} 15001 15002.page-actions-panel__view { 15003 color: #1A8FE3; 15004 display: flex; 15005 flex-direction: column; 15006 align-items: center; 15007 justify-content: center; 15008 margin-left: auto; 15009 margin-right: auto; 15010} 15011 15012.page-actions-panel__view span { 15013 font-weight: 500; 15014 font-size: 12px; 15015 line-height: 18px; 15016 padding-top: 4px; 15017} 15018 15019 15020@media (max-width: 767px) { 15021 15022 .uploader-container--add-numbers { 15023 padding-top: 24px; 15024 padding-bottom: 24px; 15025 } 15026 15027 .page-actions-panel_box { 15028 margin-left: 0; 15029 padding-left: 0; 15030 border: none; 15031 } 15032 15033 .uploader-container--add-numbers .card-title h3 { 15034 font-weight: 600; 15035 font-size: 16px; 15036 line-height: 24px; 15037 } 15038 15039 .uploader-container--add-numbers .card-body { 15040 margin-top: 16px; 15041 } 15042 15043 .uploader-container--add-numbers hr { 15044 display: block; 15045 margin-top: 24px; 15046 margin-bottom: 24px; 15047 } 15048 15049 .button--card-footer { 15050 width: 100%; 15051 } 15052} 15053 15054.dark-mode .uploader-container { 15055 background-color: #1A252E; 15056} 15057 15058.dark-mode .uploader-container--add-numbers .card-title h3, 15059.dark-mode .uploader-container--add-numbers .dropdown .btn-secondary, 15060.dark-mode .uploader-container--add-numbers .chage-background_pick .form-control-field, 15061.dark-mode .page-actions-panel_box p, 15062.dark-mode .number-preview p { 15063 color: #fff; 15064} 15065 15066.dark-mode .font-control .font-picker .dropdown-button { 15067 background: transparent; 15068 color: #fff; 15069} 15070 15071.dark-mode .font-control .font-picker .dropdown-button, 15072.dark-mode .uploader-container--add-numbers .dropdown .btn-secondary, 15073.dark-mode .page-actions-panel_box, 15074.dark-mode .page-actions-panel { 15075 border-color: #828586; 15076} 15077 15078.dark-mode .number-preview, 15079.dark-mode .page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label { 15080 background: #131b20; 15081} 15082 15083/* Extract Images from PDF */ 15084.uploader-container--images .uploader-container__box { 15085 padding-top: 8px; 15086 padding-bottom: 8px; 15087} 15088 15089.uploader-container__box .button { 15090 padding-left: 14px; 15091 padding-right: 14px; 15092 margin-left: 4px; 15093 font-size: 12px; 15094 line-height: 18px; 15095 padding-top: 11px; 15096 padding-bottom: 11px; 15097} 15098.uploader-container__box .button:first-child { 15099 margin-left: 0; 15100} 15101 15102.uploader-container__box .button-outline { 15103 padding-top: 10px; 15104 padding-bottom: 10px; 15105 padding-left: 12px; 15106 padding-right: 12px; 15107} 15108 15109.uploader-container .btn-group > .button-outline { 15110 padding: 10px 4px 9px 16px; 15111} 15112 15113.uploader-container__box .button-outline--grey { 15114 padding-left: 16px; 15115 padding-right: 16px; 15116 padding-top: 10px; 15117 padding-bottom: 9px; 15118} 15119 15120.uploader-container--images .card-body { 15121 height: 420px; 15122 overflow-x: hidden; 15123 padding-right: 12px; 15124 margin-right: -12px; 15125 padding-top: 0; 15126 padding-bottom: 0; 15127 margin-top: 40px; 15128} 15129 15130.uploader-container--images .images-preview { 15131 margin-left: -8px; 15132 margin-right: -8px; 15133} 15134 15135.images-preview .item { 15136 display: inline-flex; 15137 width: 225px; 15138 height: 225px; 15139 align-items: center; 15140 position: relative; 15141 padding: 0; 15142 border: 1px solid #E3E3E4; 15143 border-radius: 8px; 15144 margin-left: 8px; 15145 margin-right: 8px; 15146 margin-top: 12px; 15147 margin-bottom: 40px; 15148 flex: 0 0 23.3%; 15149 transition: background-color .2s linear; 15150} 15151 15152.images-preview .item:before { 15153 content: ""; 15154 display: block; 15155 position: absolute; 15156 top: 0; 15157 bottom: 0; 15158 left: 0; 15159 right: 0; 15160 background-color: rgba(24, 29, 32, 0.16); 15161 opacity: 0; 15162 border-radius: inherit; 15163 z-index: 1; 15164 transition: opacity .2s linear; 15165} 15166 15167.images-preview .item:hover:before { 15168 opacity: 1; 15169} 15170 15171.uploader-container--images .preview-page { 15172 width: 100%; 15173 border-radius: inherit; 15174 display: flex; 15175 justify-content: center; 15176} 15177 15178.uploader-container--images .preview-page .buttons { 15179 display: none; 15180} 15181 15182.images-preview .item img { 15183 width: 100%; 15184 max-height: 100%; 15185 border-radius: inherit; 15186} 15187 15188.images-preview .item .btn-download { 15189 position: absolute; 15190 top: 50%; 15191 left: 50%; 15192 transform: translate(-50%, -50%); 15193 -ms-transform: translate(-50%, -50%); 15194 cursor: pointer; 15195} 15196 15197.uploader-container .item:hover .buttons { 15198 opacity: 1; 15199} 15200 15201.uploader-container .buttons { 15202 background: #FFFFFF; 15203 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 15204 border-radius: 8px; 15205 padding: 8px; 15206 position: absolute; 15207 top: 50%; 15208 left: 50%; 15209 transform: translate(-50%, -50%); 15210 -ms-transform: translate(-50%, -50%); 15211 display: flex; 15212 opacity: 0; 15213 transition: opacity .2s ease-in; 15214 z-index: 2; 15215} 15216 15217.uploader-container .buttons .button-outline { 15218 padding: 4px; 15219 margin-left: 4px; 15220 border: none; 15221 min-height: 28px; 15222} 15223.uploader-container .buttons .button-outline:first-child { 15224 margin-left: 0; 15225} 15226 15227.uploader-container .buttons .button-outline:hover { 15228 background-color: #e1e1e1; 15229} 15230 15231.uploader-container .buttons .button { 15232 border-radius: 4px; 15233} 15234 15235.uploader-container .buttons .button-view { 15236 color: #707375; 15237} 15238 15239.uploader-container .buttons .button-download { 15240 color: #1A8FE3; 15241} 15242 15243.uploader-container .buttons .button-delete { 15244 color: #E2464C; 15245} 15246 15247.uploader-container .buttons .button-rotate { 15248 color: #707375; 15249} 15250 15251.images-preview .buttons .btn-group { 15252 position: relative; 15253 margin-left: 8px; 15254} 15255 15256.images-preview .buttons .btn-group:first-child { 15257 margin-left: 0; 15258} 15259 15260.images-preview .buttons .btn-group:before { 15261 content: ""; 15262 position: absolute; 15263 top: 50%; 15264 left: -5px; 15265 transform: translateY(-50%); 15266 height: 10px; 15267 width: 1px; 15268 background-color: #E3E3E4; 15269} 15270 15271.images-preview .buttons .btn-group:first-child:before { 15272 display: none; 15273} 15274 15275.images-preview__number { 15276 position: absolute; 15277 left: 0; 15278 right: 0; 15279 top: 100%; 15280 text-align: center; 15281 margin-top: 8px; 15282 font-weight: 500; 15283 font-size: 14px; 15284 color: #181D20; 15285 line-height: 20px; 15286} 15287 15288@media (max-width: 1200px) { 15289 .images-preview .item { 15290 flex: 0 0 23%; 15291 height: 215px; 15292 margin-bottom: 85px; 15293 } 15294 15295 .uploader-container--pdf .item { 15296 margin-bottom: 52px; 15297 } 15298 15299 .uploader-container .buttons { 15300 opacity: 1; 15301 transform: translate(-50%, 0); 15302 top: 100%; 15303 margin-top: 34px; 15304 background-color: transparent; 15305 box-shadow: none; 15306 } 15307 15308 .uploader-container--pdf .buttons { 15309 margin-top: 4px; 15310 } 15311 15312 .uploader-container--pdf .button-view, 15313 .uploader-container .btn-group .button-view { 15314 display: none; 15315 } 15316 15317 .uploader-container .buttons .button-outline { 15318 border: 1px solid #E3E3E4; 15319 border-radius: 4px; 15320 } 15321 15322 .uploader-container .buttons .button:first-child:before { 15323 right: -5px; 15324 } 15325 15326 .uploader-container--images .preview-page { 15327 position: relative; 15328 } 15329 15330 .uploader-container--images .preview-page .buttons { 15331 margin-top: 0; 15332 top: 50%; 15333 transform: translate(-50%, -50%); 15334 } 15335 .images-preview .item:hover .preview-page .buttons { 15336 display: flex; 15337 } 15338 15339 .uploader-container--images .preview-page .button-view { 15340 margin-right: 0; 15341 border: none; 15342 background: #FFFFFF; 15343 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 15344 border-radius: 6px; 15345 display: block; 15346 } 15347 15348 .uploader-container--images .preview-page .button-view:before { 15349 display: none; 15350 } 15351} 15352 15353@media (max-width: 992px) { 15354 .images-preview .item { 15355 flex: 0 0 22%; 15356 height: 150px; 15357 } 15358} 15359 15360@media (max-width: 767px) { 15361 .images-preview .item { 15362 flex: 0 0 45%; 15363 max-width: 45%; 15364 } 15365 15366 .uploader-container .dropup .dropdown-toggle::after { 15367 border-right: 2px solid #fff; 15368 border-bottom: 2px solid #fff; 15369 vertical-align: 1px; 15370 } 15371} 15372 15373/* Split PDF File */ 15374.uploader-container__box .nav { 15375 margin-left: -10px; 15376 border: 1px solid #E3E3E4; 15377 border-radius: 8px; 15378 padding: 1px 8px; 15379 align-items: center; 15380 position: relative; 15381 margin-right: 16px; 15382} 15383 15384.uploader-container__box .nav::before { 15385 content: ""; 15386 position: absolute; 15387 top: 50%; 15388 right: -8px; 15389 transform: translateY(-50%); 15390 height: 16px; 15391 width: 1px; 15392 background-color: #E3E3E4; 15393} 15394 15395.uploader-container__box .nav .btn-link { 15396 color: #707375; 15397 padding: 2px; 15398} 15399 15400.uploader-container__box .nav .form-control { 15401 border: none; 15402 padding: 0; 15403 margin-left: 4px; 15404 margin-right: 4px; 15405 max-width: 34px; 15406 font-weight: 500; 15407 font-size: 14px; 15408 line-height: 20px; 15409 color: #707375; 15410 text-align: center; 15411} 15412 15413.uploader-container__box .form-group > .form-control { 15414 border-color: #E3E3E4; 15415 border-radius: 8px; 15416 font-size: 12px; 15417 line-height: 18px; 15418 color: #707375; 15419 font-weight: 500; 15420 height: 39px; 15421} 15422 15423.uploader-container__box .form-group > .form-control::placeholder { 15424 color: #A7A9AA; 15425 font-weight: 400; 15426} 15427 15428@media (max-width: 767px) { 15429 .uploader-container__box .nav { 15430 display: none; 15431 } 15432 15433 .uploader-container__box .form-inline { 15434 width: 100%; 15435 display: block; 15436 } 15437 15438 .button-box .button { 15439 width: calc(50% - 4px); 15440 } 15441} 15442 15443/* Edit PDF */ 15444.uploader-container .file-drop-area { 15445 margin-top: 0; 15446 padding: 0; 15447 border: none; 15448} 15449 15450.uploader-container .file-drop-area > .row { 15451 width: 100%; 15452} 15453 15454.file-drop-area__buttons { 15455 display: flex; 15456 align-items: center; 15457 flex-wrap: wrap; 15458 max-width: 426px; 15459 margin-left: auto; 15460 margin-right: auto; 15461} 15462 15463.uploader-container .file-drop-area .button { 15464 border-radius: 8px; 15465 font-weight: 600; 15466 font-size: 16px; 15467} 15468 15469.file-drop-area .button svg { 15470 margin-right: 8px; 15471} 15472 15473.file-drop-area .button.file-uploads { 15474 padding-top: 17px; 15475 padding-bottom: 17px; 15476 margin-right: 8px; 15477 flex-grow: 1; 15478} 15479 15480.file-uploads { 15481 overflow: hidden; 15482 position: relative; 15483 text-align: center; 15484 display: inline-block; 15485} 15486 15487.file-uploads.file-uploads-html4 input, .file-uploads.file-uploads-html5 label { 15488 background: #fff; 15489 opacity: 0; 15490 font-size: 20em; 15491 z-index: 1; 15492 top: 0; 15493 left: 0; 15494 right: 0; 15495 bottom: 0; 15496 position: absolute; 15497 width: 100%; 15498 height: 100%; 15499} 15500 15501.file-uploads.file-uploads-html5 input { 15502 background: rgba(255,255,255,0); 15503 overflow: hidden; 15504 position: fixed; 15505 width: 1px; 15506 height: 1px; 15507 z-index: -1; 15508 opacity: 0; 15509} 15510 15511.button-file-create { 15512 margin-top: 12px; 15513 color: #1A8FE3; 15514 background: #F6FBFE; 15515 flex-grow: 1; 15516 margin-right: 8px; 15517} 15518 15519.file-drop-area__buttons .button-files { 15520 margin-top: 12px; 15521 margin-right: 8px; 15522} 15523 15524@media (max-width: 767px) { 15525 15526 .uploader-container .file-drop-area { 15527 padding-top: 112px; 15528 padding-bottom: 100px; 15529 padding-left: 34px; 15530 padding-right: 34px; 15531 height: auto; 15532 } 15533 15534 .uploader-container .file-drop-area .button { 15535 width: 100%; 15536 font-size: 12px; 15537 line-height: 18px; 15538 margin-right: 0; 15539 padding-top: 9px; 15540 padding-bottom: 9px; 15541 } 15542 15543 .file-drop-area .button.file-uploads { 15544 padding-top: 10px; 15545 padding-bottom: 10px; 15546 } 15547 15548 .uploader-container .file-drop-area .button-files { 15549 margin-top: 12px; 15550 } 15551 15552 .uploader-container .button.button-file-create { 15553 padding-top: 11px; 15554 padding-bottom: 11px; 15555 } 15556 15557 p.drag { 15558 font-size: 12px; 15559 } 15560} 15561 15562/* ctrl-icon */ 15563.ctrl-icon { 15564 display: inline-block; 15565 vertical-align: middle; 15566 width: 24px; 15567 height: 24px; 15568} 15569 15570.ctrl-icon--fill { 15571 fill: currentColor; 15572 stroke: none; 15573} 15574 15575.ctrl-icon--stroke { 15576 fill: none; 15577 stroke: currentColor; 15578} 15579/* end ctrl-icon */ 15580 15581/* ctrl-btn */ 15582.ctrl-btn { 15583 display: inline-flex; 15584 align-items: center; 15585 justify-content: center; 15586 text-decoration: none; 15587 font-size: 14px; 15588 line-height: calc(20 / 14); 15589 color: var(--color, #1A8FE3); 15590 border-color: var(--border-color, #1A8FE3);; 15591} 15592.ctrl-btn__icon {
15593 width: 20px; 15594 height: 20px; 15595 margin-right: 8px; 15596 15597} 15598.ctrl-btn__text { 15599 15600} 15601 15602.ctrl-btn--view-stroke { 15603 15604} 15605 15606.ctrl-btn--view-link { 15607 padding: 0; 15608 border-width: 0; 15609 background-color: transparent; 15610} 15611/* end ctrl-btn */ 15612 15613/* ctrl-btn-icon */ 15614.ctrl-btn-rounded { 15615 display: inline-flex; 15616 align-items: center; 15617 justify-content: center; 15618 padding: 7px 16px; 15619 border-width: 1px; 15620 border-style: solid; 15621 color: var(--color, #707375); 15622 border-color: var(--border-color, #E3E3E4); 15623 border-radius: 18px; 15624 background-color: #fff; 15625 font-size: 12px; 15626 line-height: calc(16 / 12); 15627} 15628 15629.ctrl-btn-rounded__icon { 15630 width: 16px; 15631 height: 16px; 15632 margin-right: 8px; 15633} 15634 15635.ctrl-btn-rounded__text {} 15636 15637.ctrl-btn-rounded:hover { 15638 --color: #1A8FE3; 15639 --border-color: #1A8FE3; 15640} 15641/* end ctrl-btn-icon */ 15642 15643/* ctrl-btn-icon */ 15644.ctrl-btn-icon { 15645 padding: 0; 15646 width: 24px; 15647 height: 24px; 15648 border-width: 0; 15649 border-radius: 4px; 15650 color: inherit; 15651 background-color: transparent; 15652} 15653 15654.ctrl-btn-icon__icon { 15655 display: block; 15656 width: 100%; 15657 height: 100%; 15658} 15659 15660.ctrl-btn-icon__text { 15661 clip: rect(0 0 0 0); 15662 clip-path: inset(50%); 15663 height: 1px; 15664 overflow: hidden; 15665 position: absolute; 15666 white-space: nowrap; 15667 width: 1px; 15668} 15669 15670.ctrl-btn-icon--size-xs { 15671 width: 16px; 15672 height: 16px; 15673} 15674 15675.ctrl-btn-icon--size-xl { 15676 width: 40px; 15677 height: 40px; 15678 padding: 8px; 15679} 15680/* end ctrl-btn-icon */ 15681 15682/* ctrl-range */ 15683.ctrl-range { 15684 width: 100%; 15685 height: 16px; 15686 padding: 0; 15687 background-color: transparent; 15688 -webkit-appearance: none; 15689 -moz-appearance: none; 15690} 15691.ctrl-range:focus{ 15692 outline:0 15693} 15694.ctrl-range::-moz-focus-outer{ 15695 border: 0; 15696} 15697.ctrl-range::-webkit-slider-thumb { 15698 width: 16px; 15699 height: 16px; 15700 margin-top: -7px; 15701 background-color: #fff; 15702 border-width: 2px; 15703 border-style: solid; 15704 border-color: #4097F4; 15705 border-radius: 50%; 15706 -webkit-appearance: none; 15707 -moz-appearance: none; 15708 appearance: none; 15709} 15710.ctrl-range::-moz-range-thumb { 15711 width: 16px; 15712 height: 16px; 15713 margin-top: -7px; 15714 background-color: #fff; 15715 border-width: 2px; 15716 border-style: solid; 15717 border-color: #4097F4; 15718 border-radius: 50%; 15719 -webkit-appearance: none; 15720 -moz-appearance: none; 15721 appearance: none; 15722} 15723 15724.ctrl-range::-webkit-slider-thumb:active {} 15725.ctrl-range::-moz-range-thumb:active {} 15726 15727.ctrl-range::-webkit-slider-runnable-track { 15728 width:100%; 15729 height: 2px; 15730 color:transparent; 15731 cursor:pointer; 15732 background-color:#dee2e6; 15733 border-color:transparent; 15734 border-radius: 2px; 15735} 15736.ctrl-range::-moz-range-track { 15737 width:100%; 15738 height: 2px; 15739 color:transparent; 15740 cursor:pointer; 15741 background-color:#dee2e6; 15742 border-color:transparent; 15743 border-radius: 2px; 15744} 15745 15746/*.ctrl-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}*/ 15747/*.ctrl-range:disabled::-webkit-slider-runnable-track{cursor:default}*/ 15748/*.ctrl-range:disabled::-moz-range-thumb{background-color:#adb5bd}*/ 15749/*.ctrl-range:disabled::-moz-range-track{cursor:default}*/ 15750/* end ctrl-range */ 15751 15752/* ctrl-text-styles */ 15753.ctrl-text-styles { 15754 display: flex; 15755} 15756 15757.ctrl-text-styles__button { 15758 margin-right: 8px; 15759 width: 36px; 15760 height: 36px; 15761 padding: 6px; 15762} 15763 15764.ctrl-text-styles__button:last-child { 15765 margin-right: 0; 15766} 15767 15768.ctrl-text-styles__button.is-active { 15769 background-color: #F6F6F6; 15770 border-radius: 8px; 15771} 15772/* end ctrl-text-styles */ 15773 15774/* ctrl-check-style */ 15775.ctrl-check-style { 15776 display: flex; 15777} 15778 15779.ctrl-check-style__item { 15780 position: relative; 15781 flex-basis: 25%; 15782 flex-grow: 1; 15783 flex-shrink: 0; 15784 margin-right: 12px; 15785 cursor: pointer; 15786} 15787 15788.ctrl-check-style__label { 15789 display: block; 15790 padding: 16px; 15791 border-width: 1px; 15792 border-style: solid; 15793 border-color: #E3E3E4; 15794 border-radius: 8px; 15795 font-size: 14px; 15796 line-height: calc(20 / 14); 15797 text-align: center; 15798 color: #181D20; 15799 background-color: #fff; 15800 transition-property: border-color, color; 15801 transition-duration: .125s; 15802 transition-timing-function: ease-in-out; 15803} 15804 15805.ctrl-check-style__field { 15806 position: absolute; 15807 top: 0; 15808 left: 0; 15809 opacity: 0; 15810} 15811 15812.ctrl-check-style__field:checked + .ctrl-check-style__label { 15813 color: #1A8FE3; 15814 border-color: #1A8FE3; 15815} 15816 15817.ctrl-check-style__item:last-child { 15818 margin-right: 0; 15819} 15820/* end ctrl-check-style */ 15821 15822/* ctrl-preset-style */ 15823.ctrl-preset-style { 15824 display: block; 15825 width: 200px; 15826 padding: 0; 15827 border-width: 1px; 15828 border-style: solid; 15829 border-color: #E3E3E4; 15830 border-radius: 8px; 15831 font-weight: 400; 15832 font-size: 14px; 15833 line-height: calc(20 / 14); 15834 text-align: left; 15835 background-color: #fff; 15836 overflow: hidden; 15837} 15838 15839.ctrl-preset-style__box { 15840 display: flex; 15841 flex-direction: column; 15842 align-items: center; 15843 justify-content: center; 15844 height: 120px; 15845 padding: 20px; 15846 color: #fff; 15847 background-image: 15848 linear-gradient( 15849 180deg, 15850 #181D20 0%, 15851 rgba(24, 29, 32, 0) 195% 15852 ); 15853} 15854 15855.ctrl-preset-style__preview { 15856 margin-bottom: 2px; 15857 padding: 3px; 15858 text-align: center; 15859} 15860 15861.ctrl-preset-style__preview:last-child { 15862 margin-bottom: 0; 15863} 15864 15865.ctrl-preset-style__text { 15866 display: block; 15867 padding: 10px 10px 16px; 15868 border-top-width: 1px; 15869 border-top-style: solid; 15870 border-top-color: #E3E3E4; 15871 color: var(--color, #707375); 15872} 15873 15874.ctrl-preset-style.is-active { 15875 --color: #1A8FE3; 15876} 15877 15878.ctrl-preset-style--default {} 15879.ctrl-preset-style--default .ctrl-preset-style__preview { 15880 background-color: rgba(24, 29, 32, .56); 15881 border-radius: 4px; 15882} 15883 15884/* end ctrl-preset-style */ 15885 15886/* light-scroll */ 15887.light-scroll { 15888} 15889 15890.light-scroll::-webkit-scrollbar {
15891 width: 3px; 15892 height: 3px; 15893} 15894 15895.light-scroll::-webkit-scrollbar-track { 15896 background: transparent; 15897} 15898 15899.light-scroll::-webkit-scrollbar-thumb { 15900 background-color: var(--scroll-color, transparent); 15901 border-radius: 10px; 15902 border-width: 0; 15903 border-color: transparent; 15904} 15905 15906.light-scroll:hover { 15907 --scroll-color: #E3E3E4; 15908} 15909 15910.dark-mode .light-scroll:hover { 15911 --scroll-color: #223544 15912} 15913/* end light-scroll */ 15914 15915/* ctrl-generate */ 15916.ctrl-generate { 15917 text-align: left; 15918} 15919.ctrl-generate__header {} 15920.ctrl-generate__label {} 15921.ctrl-generate__body { 15922 position: relative; 15923} 15924.ctrl-generate__field { 15925 display: block; 15926 width: 100%; 15927 padding: 14px; 15928 border-width: 1px; 15929 border-style: solid; 15930 border-color: transparent; 15931 border-radius: 100px; 15932 font-size: 12px; 15933 line-height: calc(18 / 12); 15934 letter-spacing: .005em; 15935 color: #525658; 15936 background-color: #fff; 15937 box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--field-shadow-opacity, .05)); 15938 text-overflow: ellipsis; 15939} 15940.ctrl-generate__field::-webkit-input-placeholder { 15941 color: #A7A9AA; 15942} 15943 15944.ctrl-generate__field:focus { 15945 --field-shadow-opacity: .1; 15946} 15947 15948.ctrl-generate__button-go { 15949 position: absolute; 15950 top: 4px; 15951 right: 4px; 15952 padding: 11px; 15953 font-size: 12px !important; 15954 line-height: calc(18 / 12); 15955 border-radius: 100px; 15956} 15957 15958.ctrl-generate--label-is-hidden {} 15959.ctrl-generate--label-is-hidden .ctrl-generate__label { 15960 clip: rect(0 0 0 0); 15961 clip-path: inset(50%); 15962 height: 1px; 15963 overflow: hidden; 15964 position: absolute; 15965 white-space: nowrap; 15966 width: 1px; 15967} 15968.ctrl-generate--with-button-generate {} 15969.ctrl-generate--with-button-generate .ctrl-generate__field { 15970 padding-right: 88px; 15971} 15972 15973.dark-mode .ctrl-generate__field { 15974 color: #fff; 15975 background-color: #223544; 15976} 15977 15978.dark-mode .ctrl-generate__field::-webkit-input-placeholder { 15979 color: #bbb; 15980} 15981 15982@media (min-width: 992px) { 15983 15984 .ctrl-generate__field { 15985 padding: 17px; 15986 border-radius: 100px; 15987 font-size: 14px; 15988 line-height: calc(20 / 14); 15989 letter-spacing: normal; 15990 } 15991 15992 .ctrl-generate__button-go { 15993 position: absolute; 15994 top: 8px; 15995 right: 8px; 15996 padding-right: 16px; 15997 padding-left: 16px; 15998 } 15999 16000 .ctrl-generate--with-button-generate .ctrl-generate__field { 16001 padding-right: 108px; 16002 } 16003} 16004/* end ctrl-generate */ 16005 16006/* block-try */ 16007.block-try { 16008 padding: 12px; 16009 border-radius: 12px; 16010 background-color: #fff; 16011} 16012 16013.block-try__icon-box { 16014 display: block; 16015 width: 40px; 16016 height: 40px; 16017 padding: 10px; 16018 border-radius: 8px; 16019 color: #1A8FE3; 16020 background-color: #EFF7FD; 16021} 16022 16023.block-try__icon { 16024 display: block; 16025 width: 100%; 16026 height: 100%; 16027} 16028 16029.block-try__name { 16030 margin-top: 8px; 16031 font-weight: 600; 16032 font-size: 14px; 16033 line-height: calc(20 / 14); 16034 color: #181D20; 16035} 16036 16037.block-try__description { 16038 margin-top: 2px; 16039 font-size: 12px; 16040 line-height: calc(18 / 12); 16041 letter-spacing: .005em; 16042 color: #707375; 16043} 16044 16045.block-try__actions { 16046 margin-top: 12px; 16047} 16048 16049.block-try__button { 16050 width: 100%; 16051} 16052 16053.dark-mode .block-try { 16054 background-color: #223544; 16055} 16056 16057.dark-mode .block-try__name { 16058 color: #fff; 16059} 16060 16061.dark-mode .block-try__description { 16062 color: #bbb; 16063} 16064 16065.dark-mode .block-try__icon-box { 16066 background-color: #1f2a33; 16067} 16068 16069@media (min-width: 992px) { 16070 .block-try { 16071 padding: 24px; 16072 display: flex; 16073 flex-direction: column; 16074 } 16075 16076 .block-try__icon-box { 16077 width: 56px; 16078 height: 56px; 16079 padding: 15px; 16080 } 16081 16082 .block-try__name { 16083 margin-top: 16px; 16084 font-size: 20px; 16085 line-height: calc(30 / 20); 16086 color: #181D20; 16087 } 16088 16089 .block-try__description { 16090 margin-bottom: auto; 16091 font-size: 14px; 16092 line-height: calc(20 / 14); 16093 letter-spacing: normal; 16094 } 16095 16096 .block-try__actions { 16097 margin-top: 24px; 16098 } 16099} 16100/* end block-try */ 16101 16102/* list-try */ 16103.list-try {} 16104 16105.list-try__item { 16106 margin-bottom: 12px; 16107} 16108 16109.list-try__item:last-child { 16110 margin-bottom: 0; 16111} 16112 16113@media (min-width: 768px) { 16114 .list-try { 16115 display: grid; 16116 grid-template-columns: repeat(3, 1fr); 16117 gap: 12px; 16118 } 16119 .list-try__item { 16120 margin-bottom: 0; 16121 } 16122} 16123 16124@media (min-width: 992px) { 16125 .list-try { 16126 gap: 16px; 16127 } 16128} 16129/* end list-try */ 16130 16131/* block-article-preview */ 16132.block-article-preview { 16133 position: relative; 16134 border-width: 1px; 16135 border-style: solid; 16136 border-color: #E3E3E4; 16137 border-radius: 12px; 16138 background-color: #fff; 16139 overflow: hidden; 16140} 16141 16142.block-article-preview__image { 16143 display: block; 16144 width: 100%; 16145 height: 230px; 16146 object-fit: cover; 16147 object-position: center; 16148} 16149 16150.block-article-preview__body { 16151 padding: 10px 10px 16px; 16152 border-top-width: 1px; 16153 border-top-style: solid; 16154 border-top-color: #E3E3E4; 16155} 16156 16157.block-article-preview__name { 16158 font-weight: 500; 16159 font-size: 14px; 16160 line-height: calc(20 / 14); 16161 color: #181D20; 16162} 16163 16164.block-article-preview__date { 16165 margin-top: 2px; 16166 font-weight: 400; 16167 font-size: 12px; 16168 line-height: calc(18 / 12); 16169 letter-spacing: .005em; 16170 color: #707375; 16171} 16172 16173.block-article-preview__link { 16174 position: absolute; 16175 top: 0; 16176 left: 0; 16177 width: 100%; 16178 height: 100%; 16179 opacity: 0; 16180} 16181 16182.dark-mode .block-article-preview { 16183 border-color: #314453; 16184 background-color: #223544; 16185} 16186 16187.dark-mode .block-article-preview__body { 16188 border-top-color: #314453; 16189} 16190 16191.dark-mode .block-article-preview__name { 16192 color: #fff; 16193} 16194 16195.dark-mode .block-article-preview__date { 16196 color: #bbb; 16197} 16198 16199@media (min-width: 992px) { 16200 .block-article-preview__image { 16201 height: 165px; 16202 } 16203} 16204/* end block-article-preview */ 16205 16206/* list-articles-preview */ 16207.list-articles-preview {} 16208 16209.list-articles-preview__item { 16210 margin-bottom: 16px; 16211} 16212 16213.list-articles-preview__item:last-child { 16214 margin-bottom: 0; 16215} 16216 16217@media (min-width: 768px) { 16218 .list-articles-preview { 16219 display: grid; 16220 grid-template-columns: repeat(2, 1fr); 16221 gap: 16px; 16222 } 16223 16224 .list-articles-preview__item { 16225 margin-bottom: 0; 16226 } 16227} 16228 16229@media (min-width: 992px) { 16230 .list-articles-preview { 16231 grid-template-columns: repeat(4, 1fr); 16232 } 16233} 16234/* end list-articles-preview */ 16235 16236/* loading-box */ 16237@keyframes gradient { 16238 0% { 16239 background-position: 0 50%; 16240 } 16241 50% { 16242 background-position: 100% 50%; 16243 } 16244 100% { 16245 background-position: 0 50%; 16246 } 16247} 16248 16249.loading-box { 16250 display: flex; 16251 align-items: center; 16252} 16253 16254.loading-box__item { 16255 display: block; 16256 flex-shrink: 0;
16257 width: 20px; 16258 height: 20px; 16259 border-radius: 6px; 16260 background-image: linear-gradient(90deg, #F1EFEF, #F9F8F8, #E7E5E5); 16261 background-size: 300% 300%; 16262 animation-name: gradient; 16263 animation-duration: 5s; 16264 animation-timing-function: ease; 16265 animation-iteration-count: infinite; 16266} 16267 16268.loading-box__item--button { 16269 width: 40px; 16270 height: 40px; 16271} 16272 16273.loading-box__item--image { 16274 width: 48px; 16275 height: 48px; 16276} 16277 16278.dark-mode .loading-box__item { 16279 background-image: linear-gradient(90deg, #536676, #395061, #335069); 16280} 16281 16282/* end loading-box */ 16283 16284/* table-ap */ 16285.table-ap-box { 16286 overflow-x: auto; 16287 overflow-y: hidden; 16288 padding-bottom: 8px; 16289} 16290 16291.table-ap { 16292 table-layout: fixed; 16293 min-width: 100%; 16294 background-color: #fff; 16295 border-spacing: 0; 16296 border-collapse: separate; 16297 border-radius: 12px; 16298 border-width: 1px; 16299 border-style: solid; 16300 border-color: #E3E3E4; 16301} 16302 16303.table-ap thead .table-ap__row:first-child .table-ap__cell:first-child { 16304 border-top-left-radius: 12px; 16305} 16306 16307.table-ap thead .table-ap__row:first-child .table-ap__cell:last-child { 16308 border-top-right-radius: 12px; 16309} 16310 16311.table-ap tbody .table-ap__row:last-child .table-ap__cell::before { 16312 content: none; 16313} 16314 16315.table-ap__row {} 16316 16317.table-ap__cell { 16318 box-sizing: content-box; 16319 padding-top: 10px; 16320 padding-bottom: 10px; 16321 vertical-align: middle; 16322} 16323 16324.table-ap__cell:first-child { 16325 padding-left: 10px; 16326} 16327 16328.table-ap__cell:last-child { 16329 padding-right: 10px; 16330} 16331 16332.table-ap__cell--th { 16333 border-bottom-width: 1px; 16334 border-bottom-style: solid; 16335 border-bottom-color: #E3E3E4; 16336 font-weight: 400; 16337 font-size: 12px; 16338 line-height: calc(18 / 12); 16339 letter-spacing: .005em; 16340 color: #707375; 16341 background-color: #F6F6F6; 16342 white-space: nowrap; 16343} 16344 16345.table-ap__cell--td { 16346 position: relative; 16347 padding-top: 12px; 16348 padding-bottom: 12px; 16349 font-weight: 500; 16350 font-size: 14px; 16351 line-height: calc(20 / 14); 16352 color: #181D20; 16353} 16354 16355.table-ap__cell--td::before { 16356 content: ""; 16357 position: absolute; 16358 bottom: 0; 16359 right: 0; 16360 left: 0; 16361 height: 1px; 16362 background-color: #E3E3E4; 16363} 16364 16365.table-ap__cell--td:first-child::before { 16366 left: 10px; 16367} 16368 16369.table-ap__cell--td:last-child::before { 16370 right: 10px; 16371} 16372 16373.table-ap__cell--title { 16374 white-space: nowrap; 16375 text-overflow: ellipsis; 16376 overflow: hidden; 16377} 16378 16379.table-ap__image { 16380 width: 48px; 16381 height: 48px; 16382 margin-right: 10px; 16383 border-radius: 12px; 16384 object-fit: cover; 16385 object-position: center; 16386} 16387 16388.table-ap__button { 16389 display: inline-block; 16390 width: 40px; 16391 height: 40px; 16392 padding: 10px; 16393 border-width: 1px; 16394 border-style: solid; 16395 color: #707375; 16396 border-color: #E3E3E4; 16397 border-radius: 8px; 16398 background-color: #fff; 16399} 16400 16401.table-ap__cell--hidden > span { 16402 clip: rect(0 0 0 0); 16403 clip-path: inset(50%); 16404 height: 1px; 16405 overflow: hidden; 16406 position: absolute; 16407 white-space: nowrap; 16408 width: 1px; 16409} 16410 16411.dark-mode .table-ap { 16412 background-color: #223544; 16413 border-color: #314453; 16414} 16415 16416.dark-mode .table-ap__cell--th { 16417 border-bottom-color: #314453; 16418 color: #bbb; 16419 background-color: #1F2A33; 16420} 16421 16422.dark-mode .table-ap__cell--td { 16423 color: #fff; 16424} 16425 16426.dark-mode .table-ap__cell--td::before { 16427 background-color: #314453; 16428} 16429 16430.dark-mode .table-ap__button { 16431 border-color: #314453; 16432 color: #fff; 16433 background-color: #1F2A33; 16434} 16435 16436@media (min-width: 992px) { 16437 16438 .table-ap__cell--th { 16439 font-size: 14px; 16440 line-height: calc(20 / 14); 16441 letter-spacing: normal; 16442 } 16443 16444 .table-ap__cell { 16445 padding-top: 16px; 16446 padding-bottom: 16px; 16447 } 16448 16449 .table-ap__cell:first-child { 16450 padding-left: 24px; 16451 } 16452 16453 .table-ap__cell:last-child { 16454 padding-right: 24px; 16455 } 16456 16457 .table-ap__cell--td:first-child::before { 16458 left: 24px; 16459 } 16460 16461 .table-ap__cell--td:last-child::before { 16462 right: 24px; 16463 } 16464} 16465 16466/* table-ap--articles */ 16467.table-ap--articles { } 16468 16469.table-ap--articles .table-ap__cell--number { 16470 width: 20px; 16471 padding-right: 10px; 16472} 16473 16474.table-ap--articles .table-ap__cell--title { 16475 max-width: 500px; 16476} 16477 16478.table-ap--articles .table-ap__cell--date { 16479 width: 110px; 16480 padding-left: 10px; 16481} 16482 16483.table-ap--articles .table-ap__cell--actions { 16484 width: 40px; 16485 padding-left: 10px; 16486 text-align: right; 16487} 16488/* end table-ap--articles */ 16489 16490/* table-ap--5-articles */ 16491.table-ap--5-articles { } 16492 16493.table-ap--5-articles .table-ap__cell--number {
16494 width: 20px; 16495 padding-right: 10px; 16496} 16497 16498.table-ap--5-articles .table-ap__cell--title { 16499 max-width: 500px; 16500} 16501 16502.table-ap--5-articles .table-ap__cell--title .loading-box__item--image { 16503 margin-right: 10px; 16504} 16505 16506.table-ap--5-articles .table-ap__cell--title .loading-box__item--text { 16507 flex-grow: 1; 16508} 16509 16510.table-ap--5-articles .table-ap__cell--actions { 16511 width: 40px; 16512 padding-left: 10px; 16513 text-align: right; 16514} 16515 16516.table-ap--5-articles .table-ap__cell--actions .loading-box { 16517 justify-content: flex-end; 16518} 16519 16520/* end table-ap--5-articles */ 16521 16522@media (min-width: 768px) { 16523 /*.table-ap--5-articles .table-ap__cell--title {*/ 16524 /* width: auto;*/ 16525 /*}*/ 16526} 16527 16528@media (min-width: 992px) { 16529 16530} 16531 16532/* end table-ap */ 16533 16534/* ctrl-view */ 16535.ctrl-view { 16536 display: flex; 16537 align-items: center; 16538} 16539 16540.ctrl-view__body { 16541 display: flex; 16542 align-items: center; 16543 padding: 4px; 16544 border-radius: 8px; 16545 background-color: #fff; 16546 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 16547} 16548 16549.ctrl-view__item { 16550 margin-right: 3px; 16551 width: 24px; 16552 height: 24px; 16553 padding: 6px; 16554 border-radius: 6px; 16555 background-color: #fff; 16556} 16557 16558.ctrl-view__item.is-active { 16559 color: #fff; 16560 background-color: #1A8FE3 !important; 16561 box-shadow: 0 10px 32px rgba(26, 143, 227, .24); 16562} 16563 16564.ctrl-view__item:last-child { 16565 margin-right: 0; 16566} 16567 16568.ctrl-view__links { 16569 position: relative; 16570 margin-left: 10px; 16571 padding-left: 10px; 16572} 16573 16574.ctrl-view__links::before { 16575 content: ""; 16576 position: absolute; 16577 width: 1px; 16578 height: 8px; 16579 background-color: #E3E3E4; 16580 top: 50%; 16581 left: 0; 16582 transform: translate(-50%, -50%); 16583} 16584 16585.dark-mode .ctrl-view__body { 16586 background-color: #223544; 16587} 16588 16589.dark-mode .ctrl-view__item { 16590 background-color: #223544; 16591} 16592/* end ctrl-view */ 16593 16594/* articles-preview */ 16595.articles-preview {} 16596 16597.articles-preview__header { 16598 display: flex; 16599 align-items: center; 16600 padding-top: 0; 16601 padding-bottom: 0; 16602 background-color: transparent; 16603} 16604 16605.articles-preview__title { 16606 font-weight: 700; 16607 font-size: 20px; 16608 line-height: calc(28 / 20); 16609 color: #181D20; 16610} 16611 16612.articles-preview__actions { 16613 margin-left: auto; 16614} 16615 16616.articles-preview__body { 16617 margin-top: 16px; 16618} 16619 16620.dark-mode .articles-preview__header { 16621 background-color: transparent; 16622} 16623 16624.dark-mode .articles-preview__title { 16625 color: #fff; 16626} 16627 16628@media (min-width: 992px) { 16629 .articles-preview__title { 16630 font-size: 32px; 16631 line-height: calc(44 / 32); 16632 } 16633 16634 .articles-preview__body { 16635 margin-top: 24px; 16636 } 16637} 16638/* end articles-preview */ 16639 16640/* g-articles-list */ 16641.g-articles-list { 16642 16643} 16644 16645.g-articles-list__preview { 16646 margin-top: 56px; 16647} 16648 16649@media (min-width: 992px) { 16650 .g-articles-list__preview { 16651 margin-top: 80px; 16652 } 16653} 16654/* end g-articles-list */ 16655 16656/* el-attention */ 16657.el-attention { 16658 display: flex; 16659 align-items: center; 16660 width: fit-content; 16661 padding: 8px; 16662 margin-right: auto; 16663 margin-left: auto; 16664 border-radius: 8px; 16665 background-color: #fff; 16666 box-shadow: var(--shadow-2); 16667} 16668.el-attention__icon { 16669 flex-shrink: 0; 16670 width: 20px; 16671 height: 20px; 16672 margin-right: 10px; 16673 color: var(--attention-icon-color); 16674} 16675 16676.el-attention__text { 16677 font-size: 12px; 16678 font-weight: 500; 16679 line-height: 1.2; 16680 letter-spacing: .06px; 16681 color: var(--neutral-100); 16682} 16683 16684.el-attention_type_warning { 16685 --attention-icon-color: #FFC205; 16686} 16687 16688@media (min-width: 992px) { 16689 16690 .el-attention__icon { 16691 width: 24px; 16692 height: 24px; 16693 } 16694 16695 .el-attention__text { 16696 font-size: 16px; 16697 line-height: calc(24 / 16); 16698 letter-spacing: normal; 16699 } 16700} 16701/* end el-attention */ 16702 16703/* mega-box */ 16704.mega-box { 16705 padding-top: 64px; 16706 padding-bottom: 100px; 16707} 16708 16709.mega-box__header { 16710 padding-top: 0; 16711 padding-bottom: 0; 16712 background-color: transparent; 16713 text-align: center; 16714} 16715 16716.mega-box__alert { 16717 margin-top: -20px; 16718 margin-bottom: 32px; 16719} 16720 16721.mega-box__title { 16722 font-weight: 700; 16723 font-size: 28px; 16724 line-height: calc(42 / 28); 16725 color: #181D20; 16726} 16727 16728.mega-box__description { 16729 margin-top: 4px; 16730 font-size: 12px; 16731 line-height: calc(18 / 12); 16732 letter-spacing: .005em; 16733 color: #707375; 16734} 16735 16736.mega-box__form { 16737 margin-top: 16px; 16738 max-width: 506px; 16739 margin-right: auto; 16740 margin-left: auto; 16741} 16742 16743.mega-box__body { 16744 margin-top: 40px; 16745} 16746 16747.dark-mode .mega-box__header { 16748 background-color: transparent; 16749} 16750 16751.dark-mode .mega-box__title { 16752 color: #fff; 16753} 16754.dark-mode .mega-box__description { 16755 color: #bbb; 16756} 16757 16758@media (min-width: 992px) { 16759 .mega-box { 16760 padding-top: 80px; 16761 padding-bottom: 150px; 16762 } 16763 16764 .mega-box__alert { 16765 margin-bottom: 40px; 16766 } 16767 16768 .mega-box__title { 16769 font-size: 40px; 16770 line-height: calc(52 / 40); 16771 } 16772 16773 .mega-box__description { 16774 margin-top: 10px; 16775 font-size: 16px; 16776 line-height: calc(24 / 16); 16777 letter-spacing: normal; 16778 } 16779 16780 .mega-box__form { 16781 margin-top: 24px; 16782 } 16783 16784 .mega-box__body { 16785 margin-top: 56px; 16786 } 16787} 16788/* end mega-box */ 16789 16790/* ctrl-btn-sidebar */ 16791.ctrl-btn-sidebar { 16792 display: inline-flex; 16793 align-items: center; 16794 padding: 8px; 16795 border-width: 0; 16796 border-radius: 8px; 16797 font-size: 14px; 16798 line-height: calc(20 / 14); 16799 color: #707375; 16800 background-color: transparent; 16801} 16802 16803.ctrl-btn-sidebar__icon {
16804 width: 20px; 16805 height: 20px; 16806 margin-right: 12px; 16807 flex-shrink: 0; 16808} 16809 16810.ctrl-btn-sidebar__text { 16811 16812} 16813 16814.ctrl-btn-sidebar__icon-check { 16815 width: 12px; 16816 height: 12px; 16817 margin-left: auto; 16818 color: #1CAB48; 16819} 16820 16821.ctrl-btn-sidebar--is-active { 16822 color: #1A8FE3; 16823 background-color: #F6FBFE; 16824} 16825 16826.dark-mode .ctrl-btn-sidebar { 16827 color: #bbb; 16828} 16829 16830.dark-mode .ctrl-btn-sidebar--is-active { 16831 color: #1A8FE3; 16832 background-color: #1F2A33; 16833} 16834 16835/* end ctrl-btn-sidebar*/ 16836 16837/* sticky-sidebar */ 16838.sticky-sidebar { 16839 padding: 16px; 16840 border-radius: 8px; 16841 background-color: #fff; 16842 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 16843} 16844 16845.sticky-sidebar__title { 16846 font-weight: 600; 16847 font-size: 16px; 16848 line-height: calc(24 / 16); 16849 color: #181D20; 16850} 16851 16852.sticky-sidebar__body { 16853 margin-top: 16px; 16854} 16855 16856.sticky-sidebar__section { 16857 margin-bottom: 16px; 16858} 16859 16860.sticky-sidebar__section:last-child { 16861 margin-bottom: 0; 16862} 16863 16864.sticky-sidebar__subtitle { 16865 font-weight: 400; 16866 font-size: 12px; 16867 line-height: calc(18 / 12); 16868 color: #707375; 16869} 16870 16871.sticky-sidebar__group { 16872 margin-top: 16px; 16873} 16874 16875.sticky-sidebar__item { 16876 width: 100%; 16877 white-space: nowrap; 16878} 16879 16880.sticky-sidebar__item--show-xs { 16881 display: none; 16882} 16883 16884.dark-mode .sticky-sidebar { 16885 background-color: #223544; 16886} 16887 16888.dark-mode .sticky-sidebar__title { 16889 color: #fff; 16890} 16891 16892.dark-mode .sticky-sidebar__subtitle { 16893 color: #bbb; 16894} 16895 16896 16897@media (max-width: 991px) { 16898 16899 .sticky-sidebar { 16900 border-radius: 0; 16901 padding-top: 12px; 16902 padding-bottom: 12px; 16903 } 16904 16905 .sticky-sidebar__title { 16906 display: none; 16907 } 16908 16909 .sticky-sidebar__body { 16910 margin-top: 0; 16911 display: flex; 16912 justify-content: space-between; 16913 width: 690px; 16914 margin-right: auto; 16915 margin-left: auto; 16916 } 16917 16918 .sticky-sidebar__section { 16919 margin-bottom: 0; 16920 } 16921 16922 .sticky-sidebar__subtitle { 16923 display: none; 16924 } 16925 16926 .sticky-sidebar__group { 16927 margin-top: 0; 16928 } 16929 16930 .sticky-sidebar__item--show-xs { 16931 display: inline-flex; 16932 } 16933 16934 .sticky-sidebar__item--view-werewolf {} 16935 16936 .sticky-sidebar__item--view-werewolf .ctrl-btn-sidebar__text { 16937 clip: rect(0 0 0 0); 16938 clip-path: inset(50%); 16939 height: 1px; 16940 overflow: hidden; 16941 position: absolute; 16942 white-space: nowrap; 16943 width: 1px; 16944 } 16945 16946 .sticky-sidebar__item--view-werewolf .ctrl-btn-sidebar__icon { 16947 margin-right: 0; 16948 } 16949 16950 .sticky-sidebar__item--view-werewolf.ctrl-btn-sidebar--is-active { 16951 position: relative; 16952 background-color: transparent; 16953 } 16954 16955 .sticky-sidebar__item--view-werewolf.ctrl-btn-sidebar--is-active::before { 16956 content: ""; 16957 position: absolute; 16958 top: -12px; 16959 left: 50%; 16960 width: 24px; 16961 height: 1px; 16962 background-color: #1A8FE3; 16963 transform: translateX(-50%); 16964 } 16965 16966 .sticky-sidebar__section--view-sometimes { 16967 position: relative; 16968 } 16969 16970 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group { 16971 position: absolute; 16972 bottom: 100%; 16973 left: 50%; 16974 min-width: 168px; 16975 padding: 5px; 16976 border-radius: 8px; 16977 background-color: #fff; 16978 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 16979 transform: translateX(-50%); 16980 } 16981 16982 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--to-right { 16983 left: 0; 16984 transform: none; 16985 } 16986 16987 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--to-left { 16988 left: auto; 16989 right: 0; 16990 transform: none; 16991 } 16992 16993 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--is-hidden { 16994 display: none; 16995 } 16996 16997 .sticky-sidebar__section--view-always .sticky-sidebar__group { 16998 display: flex; 16999 } 17000 17001 .dark-mode .sticky-sidebar__section--view-sometimes .sticky-sidebar__group { 17002 background-color: #223544; 17003 } 17004} 17005 17006@media (max-width: 767px) { 17007 17008 .sticky-sidebar__body { 17009 width: 510px; 17010 } 17011} 17012 17013@media (max-width: 575px) { 17014 17015 .sticky-sidebar__body { 17016 width: auto; 17017 } 17018} 17019/* end sticky-sidebar */ 17020 17021/* grid-default */ 17022.grid-default { 17023 padding-right: 15px; 17024 padding-left: 15px; 17025 margin-right: auto; 17026 margin-left: auto; 17027} 17028/* end grid-default */ 17029 17030/* grid-with-sidebar */ 17031.grid-with-sidebar { 17032 width: 100%; 17033 padding: 64px 15px 100px; 17034 margin-right: auto; 17035 margin-left: auto; 17036} 17037 17038.grid-with-sidebar__body {} 17039 17040.grid-with-sidebar__body > .mega-box { 17041 padding-top: 0; 17042 padding-bottom: 0; 17043 max-width: 960px; 17044 margin-right: auto; 17045 margin-left: auto; 17046} 17047 17048.grid-with-sidebar__sidebar { 17049 position: fixed; 17050 bottom: 0; 17051 left: 0; 17052 width: 100%; 17053 z-index: 100; 17054} 17055 17056.grid-with-sidebar--wide .grid-with-sidebar__body > .mega-box { 17057 max-width: 1140px; 17058} 17059 17060@media (min-width: 576px) { 17061 17062 .grid-with-sidebar { 17063 max-width: 540px; 17064 } 17065} 17066 17067@media (min-width: 768px) { 17068 17069 .grid-with-sidebar { 17070 max-width: 720px; 17071 } 17072} 17073 17074@media (min-width: 992px) { 17075 17076 .grid-with-sidebar { 17077 display: grid; 17078 grid-template-columns: 240px 1fr; 17079 gap: 16px; 17080 max-width: none; 17081 padding-top: 80px; 17082 padding-bottom: 150px; 17083 } 17084 17085 .grid-with-sidebar__sidebar { 17086 order: -1; 17087 position: static; 17088 } 17089 17090 .grid-with-sidebar__sidebar > .sticky-sidebar { 17091 position: sticky; 17092 top: 16px; 17093 } 17094 17095 .grid-with-sidebar__body { 17096 min-width: 0; 17097 } 17098} 17099 17100/* divider-more */ 17101.divider-more { 17102 text-align: center; 17103 color: #707375; 17104 overflow: hidden; 17105} 17106 17107.divider-more__text { 17108 position: relative; 17109 padding-right: 10px; 17110 padding-left: 10px; 17111 font-size: 12px; 17112 line-height: calc(18 / 12); 17113 letter-spacing: .005em; 17114 text-transform: uppercase; 17115} 17116 17117.divider-more__text::before, 17118.divider-more__text::after { 17119 content: ""; 17120 position: absolute; 17121 top: 50%; 17122 width: 100vw; 17123 height: 1px; 17124 background-color: #E3E3E4; 17125 transform: translateY(-50%); 17126} 17127 17128.divider-more__text::before { 17129 right: 100%; 17130} 17131 17132.divider-more__text::after { 17133 left: 100%; 17134} 17135 17136.dark-mode .divider-more { 17137 color: #bbb; 17138} 17139 17140.dark-mode .divider-more__text::before, 17141.dark-mode .divider-more__text::after { 17142 background-color: #bbb; 17143} 17144 17145 17146/* end divider-more */ 17147 17148 17149/* ctrl-choice */ 17150.ctrl-choice { 17151 position: relative; 17152 display: inline-block; 17153 vertical-align: middle; 17154 font-size: 12px; 17155 line-height: calc(18 / 12); 17156 letter-spacing: .005em; 17157 cursor: pointer; 17158} 17159 17160.ctrl-choice__box { 17161 display: flex; 17162 align-items: center; 17163 padding: 4px; 17164 border-width: 1px; 17165 border-style: solid; 17166 border-color: #fff; 17167 border-radius: 8px; 17168 background-color: #fff; 17169 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 17170 transition-property: color, border-color; 17171 transition-timing-function: ease-in-out; 17172 transition-duration: .125s; 17173} 17174 17175.ctrl-choice__icon { 17176 width: 24px; 17177 height: 24px; 17178 padding: 5px; 17179 margin-right: 5px; 17180 flex-shrink: 0; 17181 border-radius: 8px; 17182 color: #1A8FE3; 17183 background-color: #F6FBFE; 17184} 17185 17186.ctrl-choice__label { 17187 white-space: nowrap; 17188 flex-shrink: 0; 17189} 17190 17191.ctrl-choice__field { 17192 position: absolute; 17193 top: 0; 17194 left: 0; 17195 opacity: 0; 17196} 17197 17198.ctrl-choice:hover .ctrl-choice__field:not(:checked) ~ .ctrl-choice__box { 17199 color: #1A8FE3; 17200} 17201 17202.ctrl-choice__field:checked ~ .ctrl-choice__box { 17203 color: #1A8FE3; 17204 border-color: #1A8FE3; 17205} 17206 17207.dark-mode .ctrl-choice__box { 17208 background-color: #1F2A33; 17209 border-color: #1F2A33; 17210 color: #fff; 17211} 17212 17213.dark-mode .ctrl-choice__icon { 17214 background-color: #1a252e; 17215} 17216 17217@media (min-width: 992px) { 17218 17219 .ctrl-choice { 17220 font-size: 14px; 17221 line-height: calc(20 / 14); 17222 } 17223 17224 .ctrl-choice__icon { 17225 width: 32px; 17226 height: 32px; 17227 padding: 8px; 17228 margin-right: 8px; 17229 } 17230 17231 .ctrl-choice__box { 17232 padding: 8px; 17233 } 17234} 17235 17236/* end ctrl-choice */ 17237 17238/* block-choice */ 17239.block-choice {} 17240 17241.block-choice__group { 17242 display: flex; 17243 flex-wrap: wrap; 17244 justify-content: center; 17245 margin: -5px; 17246} 17247 17248.block-choice__item { 17249 margin: 5px; 17250} 17251 17252@media (min-width: 992px) { 17253 .block-choice__group { 17254 margin: -8px; 17255 } 17256 .block-choice__item { 17257 margin: 8px; 17258 } 17259} 17260/* end block-choice*/ 17261 17262/* custom-form */ 17263.custom-form {} 17264 17265.custom-form .row { 17266 margin-right: -8px; 17267 margin-left: -8px; 17268} 17269 17270.custom-form [class*="col-"] { 17271 padding-right: 8px; 17272 padding-left: 8px; 17273} 17274 17275.custom-form .form-group label { 17276 margin-bottom: 8px; 17277 font-size: 12px; 17278 line-height: calc(18 / 12); 17279 letter-spacing: .005em; 17280 color: #181D20; 17281} 17282 17283.custom-form .form-control { 17284 height: auto; 17285 padding: 11px; 17286 font-weight: 400; 17287 font-size: 10px; 17288 line-height: calc(16 / 10); 17289 letter-spacing: .005em; 17290} 17291 17292.custom-form .form-text,
17293.custom-form .invalid-feedback, 17294.custom-form .valid-feedback { 17295 font-size: 12px; 17296 line-height: calc(16 / 12); 17297} 17298 17299.custom-form .form-text a { 17300 text-decoration: underline; 17301} 17302 17303.custom-form .form-text a:hover { 17304 text-decoration: none; 17305} 17306 17307.dark-mode .custom-form label { 17308 color: #fff; 17309} 17310 17311.dark-mode .custom-form .form-control { 17312 color: #fff; 17313 border-color: #314453; 17314 background-color: #223544; 17315} 17316 17317.dark-mode .custom-form .form-control::placeholder { 17318 color: #bbb; 17319} 17320 17321@media (min-width: 992px) { 17322 .custom-form .form-control { 17323 padding: 11px; 17324 font-size: 12px; 17325 line-height: calc(18 / 12); 17326 letter-spacing: normal; 17327 } 17328} 17329/* end custom-form */ 17330 17331/* .ctrl-form-line */ 17332.ctrl-form-line {} 17333 17334.ctrl-form-line__body { 17335 margin-top: 8px; 17336} 17337 17338.ctrl-form-line__label { 17339 margin-bottom: 0; 17340 font-weight: 600; 17341 font-size: 14px; 17342 line-height: calc(20 / 14); 17343 color: #181D20; 17344} 17345 17346.ctrl-form-line__description { 17347 display: block; 17348 font-size: 12px; 17349 line-height: calc(18 / 12); 17350 letter-spacing: .005em; 17351 color: #707375; 17352} 17353 17354.dark-mode .ctrl-form-line__label { 17355 color: #fff; 17356} 17357 17358.dark-mode .ctrl-form-line__description { 17359 color: #bbb; 17360} 17361 17362@media (min-width: 992px) { 17363 17364 .ctrl-form-line__label { 17365 font-size: 16px; 17366 line-height: calc(24 / 16); 17367 } 17368 17369 .ctrl-form-line__description { 17370 font-size: 14px; 17371 line-height: calc(20 / 14); 17372 } 17373} 17374 17375@media (min-width: 1200px) { 17376 17377 .ctrl-form-line { 17378 display: flex; 17379 } 17380 17381 .ctrl-form-line__header { 17382 width: 300px; 17383 padding-right: 24px; 17384 flex-shrink: 0; 17385 } 17386 17387 .ctrl-form-line__body { 17388 margin-top: 0; 17389 flex-grow: 1; 17390 } 17391} 17392/* end .ctrl-form-line */ 17393 17394/* ctrl-check-group */ 17395.ctrl-check-group {} 17396 17397.ctrl-check-group__item { 17398 position: relative; 17399 display: block; 17400 margin-bottom: 8px; 17401 cursor: pointer; 17402} 17403 17404.ctrl-check-group__item:last-child { 17405 margin-bottom: 0; 17406} 17407 17408.ctrl-check-group__field { 17409 position: absolute; 17410 top: 0; 17411 left: 0; 17412 opacity: 0; 17413} 17414 17415.ctrl-check-group__box { 17416 display: flex; 17417 padding: 11px; 17418 border-width: 1px; 17419 border-style: solid; 17420 border-color: #E3E3E4; 17421 border-radius: 8px; 17422} 17423 17424.ctrl-check-group__visual { 17425 position: relative; 17426 width: 16px; 17427 height: 16px; 17428 margin-right: 8px; 17429 color: #E3E3E4; 17430 border-width: 1px; 17431 border-style: solid; 17432 border-color: currentColor; 17433 border-radius: 50%; 17434} 17435 17436.ctrl-check-group__visual::before { 17437 content: ""; 17438 position: absolute; 17439 top: 2px; 17440 left: 2px; 17441 width: 10px; 17442 height: 10px; 17443 border-radius: 50%; 17444 background-color: transparent; 17445} 17446 17447.ctrl-check-group__label { 17448 font-size: 10px; 17449 line-height: 16px; 17450 letter-spacing: .005em; 17451 color: #A7A9AA; 17452} 17453 17454.ctrl-check-group__field:checked ~ .ctrl-check-group__box { 17455 border-color: #1A8FE3; 17456} 17457 17458.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__visual { 17459 color: #1A8FE3; 17460} 17461 17462.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__visual::before { 17463 background-color: #1A8FE3; 17464} 17465 17466.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__label { 17467 color: #1A8FE3; 17468} 17469 17470.dark-mode .ctrl-check-group__box { 17471 border-color: #314453; 17472} 17473 17474.dark-mode .ctrl-check-group__label { 17475 color: #fff; 17476} 17477 17478.dark-mode .ctrl-check-group__visual { 17479 color: #fff; 17480} 17481 17482/* end ctrl-check-group */ 17483 17484/* form-settings */ 17485.form-settings {} 17486.form-settings__item { 17487 padding-top: 16px; 17488 margin-top: 16px; 17489 border-top-width: 1px; 17490 border-top-style: solid; 17491 border-top-color: #E3E3E4; 17492} 17493 17494.form-settings__item--actions, 17495.form-settings__item:first-child { 17496 padding-top: 0; 17497 margin-top: 0; 17498 border-top-width: 0; 17499} 17500 17501.form-settings__item--actions { 17502 margin-top: 24px; 17503 display: flex; 17504} 17505 17506.form-settings__button { 17507 margin-right: 8px; 17508 flex-shrink: 0; 17509 flex-grow: 1; 17510 flex-basis: 30%; 17511 padding-right: 10px; 17512 padding-left: 10px; 17513} 17514 17515.form-settings__button:last-child { 17516 margin-right: 0; 17517} 17518 17519.dark-mode .form-settings__item { 17520 border-top-color: #314453; 17521} 17522 17523@media (min-width: 992px) { 17524 17525 .form-settings__item { 17526 margin-top: 24px; 17527 padding-top: 24px; 17528 } 17529 17530 .form-settings__item--actions { 17531 padding-top: 0; 17532 justify-content: flex-end; 17533 } 17534 17535 .form-settings__button { 17536 margin-right: 8px; 17537 flex-shrink: 0; 17538 flex-grow: 0; 17539 flex-basis: auto; 17540 padding-right: 24px; 17541 padding-left: 24px; 17542 } 17543} 17544/* end form-settings */ 17545 17546/* wizard-item */ 17547.wizard-item { 17548 background-color: #fff; 17549 border-radius: 12px; 17550 overflow: hidden; 17551 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 17552} 17553 17554.wizard-item__viewport { 17555 display: flex; 17556 width: 200%; 17557 transition-property: margin-left; 17558 transition-timing-function: ease-in-out; 17559 transition-duration: .125s; 17560} 17561 17562.wizard-item__viewport--is-active { 17563 margin-left: -100%; 17564} 17565 17566.wizard-item__header { 17567 width: 50%; 17568 padding: 16px; 17569} 17570 17571.wizard-item__panel { 17572 display: flex; 17573 align-items: center; 17574 padding-bottom: 16px; 17575} 17576 17577.wizard-item__button-back { 17578 flex-shrink: 0; 17579 margin-right: 8px;
17580 width: 20px; 17581 height: 20px; 17582} 17583 17584.wizard-item__title { 17585 flex-grow: 1; 17586 margin-right: 8px; 17587 font-weight: 600; 17588 font-size: 16px; 17589 line-height: calc(24 / 16); 17590 color: #181D20; 17591} 17592 17593.wizard-item__icon { 17594 flex-shrink: 0; 17595 margin-left: auto; 17596 color: #1A8FE3; 17597} 17598 17599.wizard-item__nav-button { 17600 width: 100%; 17601 margin-bottom: 16px; 17602} 17603 17604.wizard-item__nav-button:last-child { 17605 margin-bottom: 0; 17606} 17607 17608.wizard-item__body { 17609 width: 50%; 17610 padding: 16px; 17611} 17612 17613.dark-mode .wizard-item { 17614 background-color: #223544; 17615} 17616 17617.dark-mode .wizard-item__title { 17618 color: #fff; 17619} 17620 17621.dark-mode .wizard-item__body { 17622 border-left-color: #314453; 17623} 17624 17625@media (min-width: 768px) { 17626 17627 .wizard-item__viewport { 17628 width: 100%; 17629 } 17630 .wizard-item__header { 17631 width: 280px; 17632 } 17633 17634 .wizard-item__body { 17635 flex-grow: 1; 17636 border-left-width: 1px; 17637 border-left-style: solid; 17638 border-left-color: #E3E3E4; 17639 } 17640 17641 .wizard-item__button-back, 17642 .wizard-item__icon { 17643 display: none; 17644 } 17645 17646 .wizard-item__panel { 17647 padding-bottom: 24px; 17648 } 17649 17650 .wizard-item__title { 17651 font-size: 24px; 17652 line-height: calc(32 / 24); 17653 } 17654 17655 .wizard-item__viewport--is-active { 17656 margin-left: 0 !important; 17657 } 17658} 17659 17660@media (min-width: 992px) { 17661 17662 .wizard-item__header, 17663 .wizard-item__body { 17664 padding: 24px; 17665 } 17666 17667 .wizard-item__nav-button { 17668 font-size: 18px; 17669 line-height: calc(26 / 18); 17670 } 17671 17672 .wizard-item__nav-button .ctrl-btn-sidebar__icon { 17673 width: 24px; 17674 height: 24px; 17675 } 17676} 17677/* end wizard-item */ 17678 17679/* article-example */ 17680.article-example { 17681 position: relative; 17682 display: flex; 17683 flex-wrap: wrap; 17684 padding: 12px; 17685 border-width: 1px; 17686 border-style: solid; 17687 border-color: #E3E3E4; 17688 border-radius: 8px; 17689 font-weight: 500; 17690 font-size: 14px; 17691 line-height: calc(20 / 14); 17692 color: #181D20; 17693 background-color: #fff; 17694 cursor: pointer; 17695 user-select: none; 17696} 17697 17698.article-example__field { 17699 position: absolute; 17700 top: 0; 17701 left: 0; 17702 opacity: 0; 17703} 17704 17705.article-example__icon-box { 17706 position: relative; 17707 width: 20px; 17708 height: 20px; 17709} 17710 17711.article-example__icon { 17712 position: absolute; 17713 top: 0; 17714 left: 0; 17715 width: 100%; 17716 height: 100%; 17717 transition-property: opacity; 17718 transition-timing-function: ease-in-out; 17719 transition-duration: .125s; 17720} 17721 17722.article-example__icon--no-checked { 17723 color: #A7A9AA; 17724 opacity: 1; 17725} 17726 17727.article-example__icon--checked { 17728 color: green; 17729 opacity: 0; 17730} 17731 17732.article-example__field:checked ~ .article-example__icon-box .article-example__icon--no-checked { 17733 opacity: 0; 17734} 17735 17736.article-example__field:checked ~ .article-example__icon-box .article-example__icon--checked { 17737 opacity: 1; 17738} 17739 17740.article-example__number { 17741 margin-left: 8px;
17742 margin-top: 1px; 17743} 17744 17745.article-example__label { 17746 width: 100%; 17747 margin-top: 8px; 17748} 17749 17750.dark-mode .article-example { 17751 color: #fff; 17752 border-color: #314453; 17753 background-color: #223544; 17754} 17755 17756.dark-mode .article-example__icon--no-checked { 17757 color: #bbb; 17758} 17759 17760@media (min-width: 992px) { 17761 .article-example { 17762 padding: 16px 24px; 17763 flex-wrap: nowrap; 17764 align-items: center; 17765 border-width: 0; 17766 border-radius: 0; 17767 } 17768 17769 .article-example__icon-box { 17770 order: 99; 17771 flex-shrink: 0; 17772 margin-left: 30px; 17773 } 17774 17775 .article-example__number { 17776 box-sizing: border-box; 17777 flex-shrink: 0; 17778 width: 44px; 17779 padding-right: 10px; 17780 margin-top: 0; 17781 margin-left: 0; 17782 } 17783 17784 .article-example__label { 17785 margin-top: 0; 17786 white-space: nowrap; 17787 overflow: hidden; 17788 text-overflow: ellipsis; 17789 } 17790} 17791/* end article-example */ 17792 17793/* table-examples */ 17794.table-examples {} 17795 17796.table-examples__title { 17797 margin-top: 24px; 17798 text-align: center; 17799 font-weight: 600; 17800 font-size: 14px; 17801 line-height: calc(20 / 14); 17802 color: #181D20; 17803} 17804 17805.table-examples__group { 17806 margin-top: 16px; 17807} 17808 17809.table-examples__head { 17810 display: none; 17811} 17812 17813.table-examples__item { 17814 margin-top: 10px; 17815} 17816 17817.dark-mode .table-examples__title { 17818 color: #fff; 17819} 17820 17821@media (min-width: 992px) { 17822 17823 .table-examples__title { 17824 font-size: 16px; 17825 line-height: calc(24 / 16); 17826 } 17827 17828 .table-examples__group { 17829 margin-top: 24px; 17830 border-width: 1px; 17831 border-style: solid; 17832 border-color: #E3E3E4; 17833 border-radius: 8px; 17834 overflow: hidden; 17835 } 17836 17837 .table-examples__head { 17838 display: flex; 17839 align-items: center; 17840 width: 100%; 17841 font-size: 14px; 17842 line-height: calc(20 / 14); 17843 color: #707375; 17844 border-bottom-width: 1px; 17845 border-bottom-style: solid; 17846 border-bottom-color: #E3E3E4; 17847 background-color: #F6F6F6; 17848 } 17849 .table-examples__head-item { 17850 padding-top: 16px; 17851 padding-bottom: 16px; 17852 } 17853 17854 .table-examples__head-item--number { 17855 width: calc(24px + 34px + 10px); 17856 padding-right: 10px; 17857 padding-left: 24px; 17858 flex-shrink: 0; 17859 } 17860 17861 .table-examples__head-item--name { 17862 flex-grow: 1; 17863 } 17864 17865 .table-examples__head-item--actions { 17866 width: calc(24px + 50px); 17867 padding-right: 24px; 17868 padding-left: 10px; 17869 flex-shrink: 0; 17870 } 17871 17872 .table-examples__item { 17873 margin-top: 0; 17874 } 17875 17876 .table-examples__item::before { 17877 content: ""; 17878 position: absolute; 17879 bottom: 0; 17880 right: 24px; 17881 left: 24px; 17882 height: 1px; 17883 background-color: #E3E3E4; 17884 } 17885 17886 .table-examples__item:last-child::before { 17887 content: none; 17888 } 17889 17890 .dark-mode .table-examples__group { 17891 border-color: #314453; 17892 background-color: #223544; 17893 } 17894 17895 .dark-mode .table-examples__head { 17896 color: #bbb; 17897 border-bottom-color: #314453; 17898 background-color: #1A252E; 17899 } 17900 17901 .dark-mode .table-examples__item::before { 17902 background-color: #314453; 17903 } 17904} 17905/* end table-examples */ 17906 17907/* wizard-step */ 17908.wizard-step { 17909 padding: 16px; 17910 background-color: #fff; 17911 border-radius: 12px; 17912} 17913 17914.wizard-step__header { 17915 padding-top: 0; 17916 padding-bottom: 0; 17917 background-color: transparent; 17918 text-align: center; 17919} 17920 17921.wizard-step__title { 17922 font-weight: 600; 17923 font-size: 16px; 17924 line-height: calc(24 / 16); 17925 color: #181D20; 17926} 17927 17928.wizard-step__description { 17929 margin-top: 4px; 17930 font-size: 12px; 17931 line-height: calc(18 / 12); 17932 letter-spacing: .005em; 17933 color: #707375; 17934} 17935 17936.wizard-step__body { 17937 margin-top: 16px; 17938} 17939 17940.wizard-step__body > *:first-child { 17941 margin-top: 0; 17942} 17943 17944.wizard-step__choice {} 17945 17946.wizard-step__divider { 17947 margin-top: 24px; 17948} 17949 17950.wizard-step__form { 17951 margin-top: 24px; 17952} 17953 17954.wizard-step__footer { 17955 padding-top: 0; 17956 display: flex; 17957 align-items: center; 17958 margin-top: 24px; 17959 background-color: transparent; 17960} 17961 17962.wizard-step__footer-button { 17963 margin-right: 5px; 17964 flex-shrink: 0; 17965 flex-grow: 1; 17966 flex-basis: 30%; 17967} 17968 17969.wizard-step__footer-button:last-child { 17970 margin-right: 0; 17971} 17972 17973.dark-mode .wizard-step { 17974 background-color: #1A252E; 17975} 17976 17977.dark-mode .wizard-step__title { 17978 color: #fff; 17979} 17980 17981.dark-mode .wizard-step__description { 17982 color: #bbb; 17983} 17984 17985@media (min-width: 992px) { 17986 .wizard-step { 17987 padding: 80px; 17988 } 17989 17990 .wizard-step__title { 17991 font-size: 24px; 17992 line-height: calc(32 / 24); 17993 } 17994 17995 .wizard-step__description { 17996 font-size: 14px; 17997 line-height: calc(20 / 14); 17998 letter-spacing: normal; 17999 } 18000 18001 .wizard-step__body { 18002 margin-top: 56px; 18003 } 18004 18005 .wizard-step__footer { 18006 margin-top: 40px; 18007 justify-content: center; 18008 } 18009 18010 .wizard-step__footer-button { 18011 margin-right: 24px; 18012 flex-grow: 0; 18013 flex-basis: 200px; 18014 } 18015} 18016/* end wizard-step */ 18017
18018/* generate-article */ 18019.generate-article {} 18020 18021.generate-article__image { 18022 width: 100%; 18023 height: 250px; 18024 border-radius: 8px; 18025 object-fit: cover; 18026 object-position: center; 18027} 18028 18029.generate-article__title { 18030 margin-top: 16px; 18031 font-weight: 700; 18032 font-size: 16px; 18033 line-height: calc(24 / 16); 18034 color: #181D20; 18035} 18036 18037.generate-article__actions { 18038 margin-top: 24px; 18039 display: flex; 18040 align-items: center; 18041 padding: 8px; 18042 border-width: 1px; 18043 border-style: solid; 18044 border-color: #E3E3E4; 18045 border-radius: 8px; 18046 background-color: #F6F6F6; 18047} 18048 18049.generate-article__actions-text { 18050 margin-right: 20px; 18051 flex-grow: 1; 18052 font-weight: 500; 18053 font-size: 12px; 18054 line-height: calc(18 / 12); 18055 letter-spacing: .005em; 18056 color: #181D20; 18057} 18058 18059.button.generate-article__actions-button { 18060 flex-shrink: 0; 18061 padding: 8px; 18062 font-size: 10px; 18063 line-height: calc(16 / 10); 18064 margin-left: auto; 18065} 18066 18067@media (min-width: 992px) { 18068 18069 .generate-article__image { 18070 height: 320px; 18071 border-radius: 12px; 18072 } 18073 18074 .generate-article__title { 18075 margin-top: 24px; 18076 font-size: 20px; 18077 line-height: calc(28 / 20); 18078 } 18079 18080 .generate-article__actions { 18081 padding: 16px; 18082 } 18083 18084 .generate-article__actions-text { 18085 font-size: 16px; 18086 line-height: calc(24 / 16); 18087 letter-spacing: normal; 18088 } 18089 18090 .button.generate-article__actions-button { 18091 padding: 11px 16px; 18092 font-size: 12px; 18093 line-height: calc(18 / 12); 18094 } 18095} 18096/* end generate-article */ 18097 18098 18099/* modal-generate-article */ 18100.modal-generate-article {} 18101.modal-generate-article .modal-dialog { 18102 max-width: 560px; 18103} 18104.modal-generate-article .modal-content { 18105 border-width: 0; 18106 border-radius: 8px; 18107 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 18108} 18109 18110.modal-generate-article .modal-header { 18111 padding: 16px; 18112 border-bottom-width: 0; 18113} 18114 18115.modal-generate-article .modal-title { 18116 font-weight: 700; 18117 font-size: 18px; 18118 line-height: calc(26 / 18); 18119 color: #181D20; 18120} 18121 18122.modal-generate-article .modal-body { 18123 padding: 0 16px 16px 16px; 18124} 18125 18126@media (min-width: 991px) { 18127 18128 .modal-generate-article .modal-header { 18129 padding: 24px; 18130 } 18131 18132 .modal-generate-article .modal-body { 18133 padding-right: 24px; 18134 padding-bottom: 24px; 18135 padding-left: 24px; 18136 } 18137} 18138 18139.dark-mode .modal-generate-article .modal-title { 18140 color: #fff; 18141} 18142/* end modal-generate-article */ 18143 18144/* ctrl-check-image */ 18145.ctrl-check-image {} 18146 18147.ctrl-check-image__group { 18148 display: flex; 18149 flex-wrap: wrap; 18150 margin: -3px; 18151} 18152 18153.ctrl-check-image__item { 18154 position: relative; 18155 width: calc(100% / 2 - 3px * 2); 18156 padding-top: calc(100% / 2 - 3px * 2); 18157 margin: 3px; 18158 cursor: pointer; 18159 overflow: hidden; 18160 border-radius: 8px; 18161} 18162 18163.ctrl-check-image__field { 18164 position: absolute; 18165 top: 0; 18166 left: 0; 18167} 18168 18169.ctrl-check-image__box { 18170 position: absolute; 18171 top: 0; 18172 left: 0; 18173 width: 100%; 18174 height: 100%; 18175} 18176 18177.ctrl-check-image__box::before { 18178 content: ""; 18179 position: absolute; 18180 top: 0; 18181 left: 0; 18182 width: 100%; 18183 height: 100%; 18184 border-width: 2px; 18185 border-style: solid; 18186 border-color: #1CAB48; 18187 border-radius: 8px; 18188 opacity: 0; 18189 transition-property: opacity; 18190 transition-timing-function: ease-in-out; 18191 transition-duration: .125s; 18192} 18193 18194.ctrl-check-image__image { 18195 display: block; 18196 width: 100%; 18197 height: 100%; 18198 object-fit: cover; 18199 object-position: center; 18200} 18201 18202.ctrl-check-image__field:checked ~ .ctrl-check-image__box::before { 18203 opacity: 1; 18204} 18205 18206@media (min-width: 576px) { 18207 18208 .ctrl-check-image__item { 18209 width: calc(100% / 4 - 3px * 2); 18210 padding-top: calc(100% / 4 - 3px * 2); 18211 } 18212} 18213/* end ctrl-check-image */ 18214 18215/* settings-image */ 18216.settings-image {} 18217 18218.settings-image__title { 18219 font-weight: 600; 18220 font-size: 14px; 18221 line-height: calc(20 / 14); 18222 color: #181D20; 18223} 18224 18225.settings-image__description { 18226 font-weight: 400; 18227 font-size: 12px; 18228 line-height: calc(18 / 12); 18229 letter-spacing: .005em; 18230 color: #707375; 18231} 18232 18233.settings-image__preview { 18234 display: none; 18235} 18236 18237.settings-image__check { 18238 margin-top: 8px; 18239} 18240 18241.settings-image__actions { 18242 margin-top: 24px; 18243 display: flex; 18244} 18245 18246.settings-image__button { 18247 margin-right: 8px; 18248 flex-shrink: 0; 18249 flex-grow: 1; 18250 flex-basis: 30%; 18251 padding-right: 10px; 18252 padding-left: 10px; 18253} 18254 18255.settings-image__button:last-child { 18256 margin-right: 0; 18257} 18258 18259.dark-mode .settings-image__title { 18260 color: #fff; 18261} 18262 18263.dark-mode .settings-image__description { 18264 color: #bbb; 18265} 18266 18267@media (min-width: 992px) { 18268 18269 .settings-image__title { 18270 font-size: 16px; 18271 line-height: calc(24 / 16); 18272 } 18273 18274 .settings-image__description { 18275 font-size: 14px; 18276 line-height: calc(20 / 14); 18277 } 18278 18279 .settings-image__check { 18280 margin-top: 24px; 18281 } 18282 18283 .settings-image__actions { 18284 padding-top: 0; 18285 justify-content: flex-end; 18286 } 18287 18288 .settings-image__button { 18289 margin-right: 8px; 18290 flex-shrink: 0; 18291 flex-grow: 0; 18292 flex-basis: auto; 18293 padding-right: 24px; 18294 padding-left: 24px; 18295 } 18296} 18297 18298 18299@media (min-width: 1200px) { 18300 18301 .settings-image { 18302 display: grid; 18303 grid-template-areas: 18304 "header check" 18305 "preview check" 18306 "preview actions"; 18307 grid-template-columns: 230px 1fr; 18308 grid-column-gap: 30px; 18309 } 18310 18311 .settings-image__header { 18312 grid-area: header; 18313 } 18314 18315 .settings-image__preview { 18316 margin-top: 16px; 18317 display: block; 18318 grid-area: preview; 18319 border-width: 1px; 18320 border-style: solid; 18321 border-color: #E3E3E4; 18322 border-radius: 8px; 18323 overflow: hidden; 18324 } 18325 18326 .settings-image__preview-header { 18327 padding: 8px; 18328 font-weight: 400; 18329 font-size: 12px; 18330 line-height: calc(18 / 12); 18331 letter-spacing: .005em; 18332 text-align: center; 18333 text-transform: uppercase; 18334 color: #707375; 18335 background-color: #F6F6F6; 18336 border-bottom-width: inherit; 18337 border-bottom-style: inherit; 18338 border-bottom-color: inherit; 18339 } 18340 18341 .settings-image__preview-body { 18342 height: 228px; 18343 padding: 8px; 18344 display: flex; 18345 justify-content: center; 18346 align-items: center; 18347 } 18348 18349 .settings-image__preview-text { 18350 width: 216px; 18351 font-size: 12px; 18352 line-height: calc(18 / 12); 18353 text-align: center; 18354 letter-spacing: .005em; 18355 color: #707375; 18356 } 18357 18358 .settings-image__preview-image { 18359 display: block; 18360 width: 100%; 18361 height: 100%; 18362 object-fit: cover; 18363 object-position: center; 18364 border-radius: 8px; 18365 } 18366 18367 .settings-image__check { 18368 grid-area: check; 18369 margin-top: 0; 18370 } 18371 18372 .settings-image__actions { 18373 grid-area: actions; 18374 } 18375 18376 .dark-mode .settings-image__preview-header { 18377 background-color: #1F2A33; 18378 color: #bbb; 18379 } 18380 18381 .dark-mode .settings-image__preview { 18382 border-color: #314453; 18383 } 18384 18385 .dark-mode .settings-image__preview-text { 18386 color: #bbb; 18387 } 18388} 18389 18390@media (min-width: 1400px) { 18391 .settings-image { 18392 grid-template-columns: 280px 1fr; 18393 grid-column-gap: 70px; 18394 } 18395 18396 .settings-image__preview-body { 18397 height: 278px; 18398 } 18399} 18400/* end settings-image */ 18401 18402.ctrl-button { 18403 display: inline-flex; 18404 vertical-align: middle;
18405 align-items: center; 18406 justify-content: center; 18407 padding: var(--padding-v) var(--padding-h); 18408 border-width: 1px; 18409 border-style: solid; 18410 border-color: var(--border-color); 18411 border-radius: 8px; 18412 font-weight: 600; 18413 font-size: var(--font-size); 18414 line-height: var(--line-height); 18415 color: var(--color); 18416 background-color: var(--bg); 18417} 18418.ctrl-button__text {} 18419.ctrl-button__icon { 18420 width: var(--icon-size); 18421 height: var(--icon-size); 18422 margin-right: 8px; 18423} 18424 18425.ctrl-button:hover { 18426 color: var(--hover-color); 18427 border-color: var(--hover-border-color); 18428 background-color: var(--hover-bg); 18429} 18430 18431.ctrl-button:focus-visible { 18432 color: var(--focus-color); 18433 border-color: var(--focus-border-color); 18434 background-color: var(--focus-bg); 18435 box-shadow: var(--focus-shadow); 18436} 18437 18438.ctrl-button:active { 18439 color: var(--active-color); 18440 border-color: var(--active-border-color); 18441 background-color: var(--active-bg); 18442} 18443 18444.ctrl-button:disabled { 18445 color: #A7A9AA; 18446 border-color: #E3E3E4; 18447 background-color: #EFEFEF; 18448} 18449 18450.ctrl-button_iconly { 18451} 18452.ctrl-button_iconly .ctrl-button__text { 18453 clip: rect(0 0 0 0); 18454 clip-path: inset(50%); 18455 height: 1px; 18456 overflow: hidden; 18457 position: absolute; 18458 white-space: nowrap; 18459 width: 1px; 18460} 18461.ctrl-button_iconly .ctrl-button__icon { 18462 width: var(--iconly-size); 18463 height: var(--iconly-size); 18464 margin-right: calc((var(--iconly-size) - (var(--padding-v) * 2 + var(--line-height) - var(--padding-h) * 2)) / -2); 18465 margin-left: calc((var(--iconly-size) - (var(--padding-v) * 2 + var(--line-height) - var(--padding-h) * 2)) / -2); 18466} 18467 18468.ctrl-button_size_s { 18469 --padding-v: 10px; 18470 --padding-h: 15px; 18471 --icon-size: 14px; 18472 --iconly-size: 18px; 18473 --font-size: 12px; 18474 --line-height: 18px; 18475} 18476.ctrl-button_size_m { 18477 --padding-v: 13px; 18478 --padding-h: 19px; 18479 --icon-size: 16px; 18480 --iconly-size: 20px; 18481 --font-size: 14px; 18482 --line-height: 20px; 18483} 18484.ctrl-button_size_l { 18485 --padding-v: 15px; 18486 --padding-h: 23px; 18487 --icon-size: 20px; 18488 --iconly-size: 24px; 18489 --font-size: 16px; 18490 --line-height: 24px; 18491} 18492 18493.ctrl-button_color_primary {} 18494.ctrl-button_color_primary.ctrl-button_view_fill { 18495 --color: #fff; 18496 --bg: #1A8FE3; 18497 --border-color: #1A8FE3; 18498 18499 --hover-color: #fff; 18500 --hover-bg: #1677BD; 18501 --hover-border-color: #1677BD; 18502 18503 --focus-color: #fff; 18504 --focus-bg: #1677BD; 18505 --focus-border-color: #1677BD; 18506 --focus-shadow: 0 0 0 3px #D1E9F9; 18507 18508 --active-color: #fff; 18509 --active-bg: #0D4771; 18510 --active-border-color: #0D4771; 18511} 18512.ctrl-button_color_primary.ctrl-button_view_ghost { 18513 --color: #1A8FE3; 18514 --bg: #F6FBFE; 18515 --border-color: #F6FBFE; 18516 18517 --hover-color: #1677BD; 18518 --hover-bg: #F6FBFE; 18519 --hover-border-color: #F6FBFE; 18520 18521 --focus-color: #1677BD; 18522 --focus-bg: #F6FBFE; 18523 --focus-border-color: #F6FBFE; 18524 --focus-shadow: 0 0 0 3px #D1E9F9; 18525 18526 --active-color: #003A78; 18527 --active-bg: #F6FBFE; 18528 --active-border-color: #F6FBFE; 18529} 18530.ctrl-button_color_primary.ctrl-button_view_stroke { 18531 --color: #1A8FE3; 18532 --bg: #fff; 18533 --border-color: #1A8FE3; 18534 18535 --hover-color: #1A8FE3; 18536 --hover-bg: #F6FBFE; 18537 --hover-border-color: #1A8FE3; 18538 18539 --focus-color: #1A8FE3; 18540 --focus-bg: #F6FBFE; 18541 --focus-border-color: #1A8FE3; 18542 --focus-shadow: 0 0 0 3px #D1E9F9; 18543 18544 --active-color: #1A8FE3; 18545 --active-bg: #EFF7FD; 18546 --active-border-color: #C8E4F8; 18547} 18548.ctrl-button_color_primary.ctrl-button_view_link { 18549 --color: #1A8FE3; 18550 --bg: transparent; 18551 --border-color: transparent; 18552 18553 --hover-color: #1677BD; 18554 --hover-bg: transparent; 18555 --hover-border-color: transparent; 18556 18557 --focus-color: #1677BD; 18558 --focus-bg: transparent; 18559 --focus-border-color: transparent; 18560 --focus-shadow: 0 0 0 3px #D1E9F9; 18561 18562 --active-color: #003A78; 18563 --active-bg: transparent; 18564 --active-border-color: transparent; 18565} 18566 18567.ctrl-button_color_error.ctrl-button_view_fill { 18568 --color: #fff; 18569 --bg: #E2464C; 18570 --border-color: #E2464C; 18571 18572 --hover-color: #fff; 18573 --hover-bg: #BC3A3F; 18574 --hover-border-color: #BC3A3F; 18575 18576 --focus-color: #fff; 18577 --focus-bg: #BC3A3F; 18578 --focus-border-color: #BC3A3F; 18579 --focus-shadow: 0 0 0 3px #D1E9F9; 18580 18581 --active-color: #fff; 18582 --active-bg: #712326; 18583 --active-border-color: #712326; 18584} 18585 18586.ctrl-button_color_warning.ctrl-button_view_link { 18587 --color: #FFC205; 18588 --bg: transparent; 18589 --border-color: transparent; 18590 18591 --hover-color: #D4A204; 18592 --hover-bg: transparent; 18593 --hover-border-color: transparent; 18594 18595 --focus-color: #D4A204; 18596 --focus-bg: transparent; 18597 --focus-border-color: transparent; 18598 --focus-shadow: 0 0 0 3px #D1E9F9; 18599 18600 --active-color: #806102; 18601 --active-bg: transparent; 18602 --active-border-color: transparent; 18603} 18604 18605.ctrl-button_color_white.ctrl-button_view_stroke { 18606 --color: #fff; 18607 --bg: transparent; 18608 --border-color: #fff; 18609 18610 --hover-color: #EFEFEF; 18611 --hover-bg: transparent; 18612 --hover-border-color: #EFEFEF; 18613 18614 --focus-color: #EFEFEF; 18615 --focus-bg: transparent; 18616 --focus-border-color: #EFEFEF; 18617 --focus-shadow: 0 0 0 3px #D1E9F9; 18618 18619 --active-color: #C8C9CA; 18620 --active-bg: transparent; 18621 --active-border-color: #C8C9CA; 18622} 18623.ctrl-button_color_white.ctrl-button_view_link { 18624 --color: #fff; 18625 --bg: transparent; 18626 --border-color: transparent; 18627 18628 --hover-color: #EFEFEF; 18629 --hover-bg: transparent; 18630 --hover-border-color: transparent; 18631 18632 --focus-color: #EFEFEF; 18633 --focus-bg: transparent; 18634 --focus-border-color: transparent; 18635 --focus-shadow: 0 0 0 3px #D1E9F9; 18636 18637 --active-color: #C8C9CA; 18638 --active-bg: transparent; 18639 --active-border-color: transparent; 18640} 18641 18642.ctrl-button_color_secondary.ctrl-button_view_fill { 18643 --color: #A7A9AA; 18644 --bg: #F6F6F6; 18645 --border-color: #F6F6F6; 18646 18647 --hover-color: #A7A9AA; 18648 --hover-bg: #EFEFEF; 18649 --hover-border-color: #EFEFEF; 18650 18651 --focus-color: #A7A9AA; 18652 --focus-bg: #EFEFEF; 18653 --focus-border-color: #EFEFEF; 18654 --focus-shadow: 0 0 0 3px #D1E9F9; 18655 18656 --active-color: #A7A9AA; 18657 --active-bg: #E3E3E4; 18658 --active-border-color: #E3E3E4; 18659} 18660 18661.ctrl-upload-file { 18662 position: relative; 18663 display: inline-block; 18664 vertical-align: middle; 18665 overflow: hidden; 18666} 18667 18668.ctrl-upload-file:focus-within { 18669 border-radius: 8px; 18670 box-shadow: 0 0 0 3px #D1E9F9; 18671} 18672 18673.ctrl-upload-file__field { 18674 position: absolute; 18675 top: 0; 18676 right: 0; 18677 opacity: 0; 18678} 18679.ctrl-upload-file__label { 18680 position: relative; 18681 width: 100%; 18682 cursor: pointer; 18683} 18684 18685.user-avatar-default { 18686 display: flex; 18687 align-items: center; 18688 justify-content: center; 18689 width: 80px; 18690 height: 80px; 18691 border-radius: 50%; 18692 font-weight: 500; 18693 font-size: 24px; 18694 line-height: calc(36 / 24); 18695 color: #fff; 18696 background-color: #9747FF; 18697} 18698 18699.user-avatar { 18700 display: block; 18701 width: 80px; 18702 height: 80px; 18703 border-radius: 50%; 18704 overflow: hidden; 18705} 18706 18707.user-avatar_size_m { 18708 width: 40px; 18709 height: 40px; 18710} 18711 18712.user-avatar__image{ 18713 width: 100%; 18714 height: 100%; 18715 object-fit: cover; 18716 object-fit: ; 18717} 18718 18719.ctrl-link { 18720 padding: 0; 18721 border-width: 0; 18722 font-weight: 500; 18723 font-size: 12px; 18724 line-height: calc(21 / 12); 18725 text-decoration-line: underline; 18726 color: #707375; 18727 background-color: transparent; 18728} 18729 18730.user-avatar-default__name, 18731.user-avatar-default__name[title] /* bootstrap fix */ 18732{ 18733 margin: auto; 18734 cursor: default; 18735 text-decoration: none; 18736} 18737 18738.tab-navs { 18739 display: flex; 18740 border-bottom-width: 2px; 18741 border-bottom-style: solid; 18742 border-bottom-color: #E3E3E4; 18743} 18744.tab-navs__item { 18745 position: relative; 18746 padding: 8px 0; 18747 margin-right: 40px; 18748 margin-bottom: -2px; 18749 border-width: 0; 18750 font-weight: 400; 18751 font-size: 14px; 18752 line-height: calc(20 / 14); 18753 color: var(--color, #A7A9AA); 18754 background-color: transparent; 18755} 18756.tab-navs__item::before { 18757 content: ""; 18758 position: absolute; 18759 bottom: 0; 18760 left: 0; 18761 width: 100%; 18762 height: 2px; 18763 background-color: currentColor; 18764 opacity: 0; 18765} 18766.tab-navs__item_is-active { 18767 font-weight: 500; 18768 --color: #1A8FE3; 18769} 18770.tab-navs__item_is-active::before { 18771 opacity: 1; 18772} 18773.tab-navs__item:last-child { 18774 margin-right: 0; 18775} 18776@media (min-width: 1200px) { 18777 .tab-navs__item { 18778 position: relative; 18779 padding: 8px 0; 18780 margin-right: 80px; 18781 font-size: 16px; 18782 line-height: calc(24 / 16); 18783 } 18784} 18785 18786.plan-card { 18787 display: flex; 18788 flex-direction: column; 18789 padding: 12px; 18790 border-radius: 10px;
18791 color: var(--color, #181D20); 18792 background-color: var(--bg, #fff); 18793 box-shadow: var(--shadow, 3px 10px 40px rgba(24, 29, 32, .05)); 18794} 18795.plan-card__type { 18796 display: flex; 18797 margin-bottom: 8px; 18798 font-size: 10px; 18799 line-height: calc(12 / 10); 18800 text-transform: uppercase; 18801 color: var(--color-second, #525658); 18802} 18803.plan-card__type-item { 18804 padding: 6px 10px; 18805 margin-right: 5px; 18806 border-radius: 99px; 18807 background-color: rgba(255, 255, 255, .4); 18808} 18809.plan-card__title { 18810 font-weight: 600; 18811 font-size: 14px; 18812 line-height: calc(20 / 14); 18813} 18814.plan-card__description { 18815 margin-top: 2px; 18816 margin-bottom: 8px; 18817 font-size: 10px; 18818 line-height: calc(16 / 10); 18819 letter-spacing: .005em; 18820 color: var(--color-second, #525658); 18821} 18822.plan-card__price { 18823 margin-top: auto; 18824 font-weight: 700; 18825 font-size: 16px; 18826 line-height: calc(24 / 16); 18827} 18828.plan-card__price small { 18829 margin-left: 4px; 18830 font-size: 8px; 18831 line-height: calc(12 / 8); 18832 color: var(--color-second, #707375); 18833 vertical-align: bottom; 18834} 18835.plan-card__actions { 18836 margin-top: 16px; 18837} 18838.plan-card_is-active { 18839 --color: #fff; 18840 --color-second: #fff; 18841 --bg: #1A8FE3; 18842 --shadow: 0 10px 32px rgba(26, 143, 227, .24); 18843} 18844 18845@media (min-width: 992px) and (max-width: 1199px) { 18846 .plan-card__actions .ctrl-button { 18847 width: 100%; 18848 } 18849} 18850@media (min-width: 1200px) { 18851 .plan-card { 18852 padding: 16px; 18853 } 18854 .plan-card__type { 18855 margin-bottom: 10px; 18856 } 18857 .plan-card__title { 18858 font-size: 16px; 18859 line-height: calc(24 / 16); 18860 } 18861 .plan-card__description { 18862 font-size: 12px; 18863 line-height: calc(18 / 12); 18864 } 18865} 18866 18867.plan-cards {} 18868.plan-cards__group {} 18869.plan-cards__item { 18870 margin-bottom: 12px; 18871} 18872.plan-cards__item:last-child { 18873 margin-bottom: 0; 18874} 18875@media (min-width: 992px) { 18876 .plan-cards__group { 18877 display: flex; 18878 margin: -5px 18879 } 18880 .plan-cards__item { 18881 margin: 5px; 18882 flex-grow: 1; 18883 flex-basis: 20%; 18884 } 18885 .plan-cards__item:last-child { 18886 margin-bottom: 5px; 18887 } 18888} 18889 18890.user-card { 18891 display: grid; 18892 grid-column-gap: 10px; 18893 grid-row-gap: 8px; 18894 grid-template-columns: auto 1fr; 18895} 18896.user-card__logo { 18897 width: 71px; 18898 border-radius: 8px; 18899} 18900.user-card__end { 18901 font-weight: 400; 18902 font-size: 12px; 18903 line-height: calc(16 / 12); 18904 color: #525658; 18905 align-self: center; 18906} 18907.user-card__end > b { 18908 font-weight: 600; 18909 color: #181D20; 18910} 18911 18912.user-card__default { 18913 grid-column: span 2; 18914 font-weight: 500; 18915 font-style: italic; 18916 font-size: 12px; 18917 line-height: calc(16 / 12); 18918 color: #181D20; 18919} 18920.user-card__actions { 18921 grid-column: span 2; 18922 display: flex; 18923 align-items: center; 18924} 18925.user-card__button { 18926 margin-right: 8px; 18927} 18928.user-card__button:last-child { 18929 margin-right: 0; 18930} 18931 18932@media (min-width: 992px) { 18933 .user-card { 18934 display: flex; 18935 grid-column-gap: unset; 18936 grid-row-gap: unset; 18937 } 18938 .user-card__end { 18939 flex-grow: 1; 18940 margin-right: 10px; 18941 margin-left: 10px; 18942 } 18943} 18944 18945@media (min-width: 1200px) { 18946 .user-card__logo { 18947 width: 90px; 18948 } 18949 .user-card__end { 18950 font-size: 14px; 18951 line-height: calc(21 / 14); 18952 } 18953 .user-card__default { 18954 font-size: 12px; 18955 line-height: calc(21 / 12); 18956 } 18957} 18958 18959.user-cards { 18960 padding: 12px; 18961 border-radius: 10px; 18962 background-color: #fff; 18963 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 18964} 18965.user-cards__title { 18966 margin-bottom: 16px; 18967 font-weight: 600; 18968 font-size: 14px; 18969 line-height: calc(20 / 14); 18970 color: #181D20; 18971} 18972.user-cards__group {} 18973.user-cards__item { 18974 padding-bottom: 16px; 18975 margin-bottom: 16px; 18976 border-bottom-width: 1px; 18977 border-bottom-style: solid; 18978 border-bottom-color: #E3E3E4; 18979} 18980.user-cards__actions {} 18981 18982@media (min-width: 1200px) { 18983 .user-cards { 18984 padding: 16px; 18985 } 18986 .user-cards__title { 18987 font-size: 16px; 18988 line-height: calc(24 / 16); 18989 } 18990} 18991 18992.el-divider { 18993 font-weight: 500; 18994 font-size: 12px; 18995 line-height: calc(18 / 12); 18996 letter-spacing: .005em; 18997 color: #ADADAD; 18998 text-align: center; 18999 text-transform: uppercase; 19000 overflow: hidden; 19001} 19002.el-divider__text { 19003 position: relative; 19004 padding-right: 8px; 19005 padding-left: 8px; 19006} 19007.el-divider__text::before, 19008.el-divider__text::after { 19009 content: ""; 19010 position: absolute; 19011 top: 50%; 19012 width: 100vw; 19013 height: 1px; 19014 background-color: currentcolor; 19015 transform: translateY(-50%); 19016} 19017.el-divider__text::before { 19018 right: 100%; 19019} 19020.el-divider__text::after { 19021 left: 100%; 19022} 19023 19024@media (min-width: 1200px) { 19025 .el-divider { 19026 font-size: 16px; 19027 line-height: calc(20 / 16); 19028 letter-spacing: 0; 19029 } 19030 .el-divider__text { 19031 padding-right: 10px; 19032 padding-left: 10px; 19033 } 19034} 19035 19036.billing-table { 19037 min-width: 100%; 19038} 19039.billing-table__row {} 19040.billing-table__cell { 19041 padding: 22px 16px 22px 12px; 19042 border-width: 1px; 19043 border-style: solid; 19044 border-color: #E3E3E4; 19045 font-size: 10px; 19046 line-height: calc(16 / 10); 19047 letter-spacing: .005em; 19048 color: #707375; 19049 white-space: nowrap; 19050} 19051.billing-table__cell_th { 19052 font-weight: 400; 19053 background-color: #EFEFEF; 19054} 19055.billing-table__cell_empty-text { 19056 text-align: center; 19057} 19058.billing-table__head { 19059 display: flex; 19060 align-items: center; 19061 justify-content: space-between; 19062} 19063.billing-table__head-text {} 19064.billing-table__head-sort { 19065 width: 12px; 19066 height: 12px; 19067 margin-left: 10px; 19068} 19069.billing-table__head-sort_is-active { 19070 transform: scaleY(-1); 19071} 19072.billing-table__number { 19073 font-weight: 600; 19074} 19075.billing-table__status { 19076 padding: 8px 16px; 19077 border-radius: 99px; 19078 font-weight: 500; 19079 color: var(--color, currentColor); 19080 background-color: var(--bg, lightgray); 19081} 19082.billing-table__status_success { 19083 --color: #1CAB48; 19084 --bg: #E3F4E9; 19085} 19086.billing-table__status_failed { 19087 --color: #E2464C; 19088 --bg: #FBE8E9; 19089} 19090.billing-table__status_pending { 19091 --color: #FFC205; 19092 --bg: #FFF7E1; 19093} 19094 19095@media (min-width: 1200px) { 19096 .billing-table__cell { 19097 font-size: 14px; 19098 line-height: calc(21 / 14); 19099 letter-spacing: 0; 19100 } 19101 .billing-table__head-sort { 19102 width: 16px; 19103 height: 16px; 19104 } 19105} 19106 19107.user-billing { 19108 padding: 12px; 19109 border-radius: 10px; 19110 background-color: #fff; 19111 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19112} 19113.user-billing__header { 19114 display: flex; 19115 align-items: center; 19116 padding-top: 0; 19117 padding-bottom: 0; 19118 background-color: transparent; 19119} 19120.user-billing__title { 19121 margin-right: 10px; 19122 font-weight: 600; 19123 font-size: 14px; 19124 line-height: calc(20 / 14); 19125 color: #181D20; 19126} 19127.user-billing__header-actions { 19128 margin-left: auto; 19129} 19130.user-billing__body { 19131 margin-top: 16px; 19132 overflow-x: auto; 19133 overflow-y: hidden; 19134} 19135 19136@media (min-width: 1200px) { 19137 .user-billing { 19138 padding: 16px; 19139 } 19140 .user-billing__title { 19141 font-size: 16px; 19142 line-height: calc(24 / 16); 19143 } 19144} 19145 19146.user-summary { 19147 padding: 16px; 19148 border-radius: 12px; 19149 background-color: #fff; 19150 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19151} 19152.user-summary__header { 19153 padding: 0; 19154 text-align: center; 19155} 19156.user-summary__avatar { 19157 margin-right: auto; 19158 margin-left: auto; 19159} 19160.user-summary__name { 19161 margin-top: 16px; 19162 font-weight: 500; 19163 font-size: 20px; 19164 line-height: calc(28 / 20); 19165 color: #181D20; 19166 overflow: hidden; 19167 text-overflow: ellipsis; 19168} 19169.user-summary__email { 19170 margin-top: 2px; 19171 font-weight: 400; 19172 font-size: 14px; 19173 line-height: calc(20 / 14); 19174 color: #707375; 19175 overflow: hidden; 19176 text-overflow: ellipsis; 19177 white-space: nowrap; 19178} 19179.user-summary__header-actions { 19180 margin-top: 12px; 19181} 19182.user-summary__header-button { 19183 width: 100%; 19184} 19185.user-summary__body { 19186 margin-top: 24px; 19187 padding-top: 24px; 19188 border-top-width: 1px; 19189 border-top-style: solid; 19190 border-top-color: #E3E3E4; 19191} 19192.user-summary__item { 19193 display: flex; 19194 flex-wrap: wrap; 19195 margin-bottom: 16px; 19196 font-size: 14px; 19197 line-height: calc(20 / 14); 19198 color: #525658; 19199} 19200.user-summary__label { 19201 flex-shrink: 0; 19202} 19203.user-summary__value { 19204 margin-left: 20px; 19205 flex-grow: 1; 19206 font-weight: 500; 19207 text-align: right; 19208 overflow: hidden; 19209 text-overflow: ellipsis; 19210 white-space: nowrap; 19211 color: #181D20; 19212} 19213.user-summary__body-actions { 19214 margin-top: 24px; 19215 display: flex; 19216} 19217.user-summary__body-button { 19218 flex-grow: 1; 19219 margin-right: 5px; 19220} 19221 19222.user-summary__body-button:last-child { 19223 margin-right: 0; 19224} 19225 19226 19227@media (min-width: 1200px) { 19228 .user-summary { 19229 padding: 24px; 19230 } 19231} 19232 19233.user-settings { 19234 padding: 16px; 19235 border-radius: 12px; 19236 background-color: #fff; 19237 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19238} 19239.user-settings__header { 19240 padding: 0; 19241} 19242.user-settings__title { 19243 font-weight: 600; 19244 font-size: 20px; 19245 line-height: calc(28 / 20); 19246 color: #181D20; 19247} 19248.user-settings__nav { 19249 margin-top: 8px; 19250} 19251.user-settings__body { 19252 margin-top: 24px; 19253} 19254.user-settings__subtitle { 19255 font-weight: 600; 19256 font-size: 20px; 19257 line-height: calc(30 / 20); 19258 color: #181D20; 19259} 19260.user-settings__group { 19261 margin-top: 12px; 19262} 19263.user-settings__part { 19264 margin-bottom: 20px; 19265} 19266.user-settings__part:last-child { 19267 margin-bottom: 0; 19268} 19269.user-settings__item { 19270 margin-bottom: 20px; 19271} 19272.user-settings__item:last-child { 19273 margin-bottom: 0; 19274} 19275 19276@media (min-width: 1200px) { 19277 .user-settings { 19278 padding: 24px; 19279 } 19280 .user-settings__title { 19281 font-size: 24px; 19282 line-height: calc(32 / 24); 19283 } 19284 .user-settings__nav { 19285 margin-top: 16px; 19286 } 19287 .user-settings__group { 19288 margin-top: 16px; 19289 } 19290} 19291 19292.ctrl-utility { 19293 position: relative; 19294 display: grid; 19295 grid-template-columns: auto 1fr; 19296 grid-template-rows: auto auto 1fr; 19297 padding: 12px; 19298 border-radius: 12px; 19299 background-color: #fff; 19300 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19301 overflow: hidden; 19302} 19303.ctrl-utility__icon-box {
19304 grid-row: span 2; 19305 width: 40px; 19306 height: 40px; 19307 padding: 12px; 19308 margin-right: 10px; 19309 color: var(--ic, #717375); 19310 background-color: var(--ibgc, lightgray); 19311 border-radius: 8px; 19312} 19313.ctrl-utility__icon-box_color_1 { 19314 --ic: #E24841; 19315 --ibgc: #FBE6E5; 19316} 19317.ctrl-utility__icon-box_color_2 { 19318 --ic: #E2C740; 19319 --ibgc: #FEF9E2; 19320} 19321.ctrl-utility__icon-box_color_3 { 19322 --ic: #FF7919; 19323 --ibgc: #FFEDE0; 19324} 19325.ctrl-utility__icon-box_color_4 { 19326 --ic: #10D0D5; 19327 --ibgc: #E3FCFD; 19328} 19329.ctrl-utility__icon-box_color_5 { 19330 --ic: #624BD8; 19331 --ibgc: #E9E6F9; 19332} 19333.ctrl-utility__icon-box_color_6 { 19334 --ic: #3D99F5; 19335 --ibgc: #E2F0FE; 19336} 19337.ctrl-utility__icon-box_color_7 { 19338 --ic: #79DC47; 19339 --ibgc: #ECFAE5; 19340} 19341.ctrl-utility__icon-box_color_8 { 19342 --ic: #FF5975; 19343 --ibgc: #FFE0E6; 19344} 19345.ctrl-utility__icon-box_color_9 { 19346 --ibgc: #FFE6E0; 19347} 19348.ctrl-utility__icon-box_color_10 { 19349 --ibgc: #E2F6FD; 19350} 19351.ctrl-utility__icon-box_color_11 { 19352 --ibgc: #E7E3FD; 19353} 19354.ctrl-utility__icon-box_color_12 { 19355 --ibgc: #FBE5FB; 19356} 19357.ctrl-utility__icon-box_color_13 { 19358 --ibgc: #FBE5E4; 19359} 19360.ctrl-utility__icon-box_color_14 { 19361 --ibgc: #E2F0FD; 19362} 19363.ctrl-utility__icon-box_color_15 { 19364 --ibgc: #FFF5E0; 19365} 19366.ctrl-utility__icon-box_color_16 { 19367 --ibgc: #E2E3FE; 19368} 19369.ctrl-utility__icon-box_color_17 { 19370 --ibgc: #E2FEE6; 19371} 19372.ctrl-utility__icon-box_color_18 { 19373 --ibgc: #FAE2FE; 19374} 19375.ctrl-utility__icon-box_color_19 { 19376 --ibgc: #FEF8E2; 19377} 19378.ctrl-utility__icon-box_color_20 { 19379 --ic: #FFF; 19380 --ibgc: #FEEBE2; 19381} 19382.ctrl-utility__icon-box_color_21 { 19383 --ic: #FFF; 19384 --ibgc: #E2EDFE; 19385} 19386.ctrl-utility__icon-box_color_22 { 19387 --ic: #FFF; 19388 --ibgc: #E1FDE5; 19389} 19390.ctrl-utility__icon-box_color_23 { 19391 --ibgc: #E2FEFC; 19392} 19393.ctrl-utility__icon-box_color_24 { 19394 --ibgc: #FEE2E2; 19395} 19396.ctrl-utility__icon-box_color_25 { 19397 --ibgc: #E2F7FE; 19398} 19399.ctrl-utility__icon-box_color_26 { 19400 --ibgc: #FEF3E2; 19401} 19402.ctrl-utility__icon { 19403 display: block; 19404 width: 100%; 19405 height: 100%; 19406} 19407.ctrl-utility__name { 19408 font-weight: 600; 19409 font-size: 14px; 19410 line-height: calc(20 / 14); 19411 color: #181D20; 19412 overflow: hidden; 19413 text-overflow: ellipsis; 19414 white-space: nowrap; 19415} 19416.ctrl-utility__category { 19417 margin-top: 2px; 19418 font-size: 10px; 19419 line-height: calc(16 / 10); 19420 letter-spacing: 0.005em; 19421 overflow: hidden; 19422 text-overflow: ellipsis; 19423 white-space: nowrap; 19424 color: var(--catcolor, gray); 19425} 19426.ctrl-utility__category_color_orange { 19427 --catcolor: #F66213; 19428} 19429.ctrl-utility__category_color_purple { 19430 --catcolor: #D61C4E; 19431} 19432.ctrl-utility__category_color_blue { 19433 --catcolor: #1C67CA; 19434} 19435.ctrl-utility__category_color_green { 19436 --catcolor: #247881; 19437} 19438.ctrl-utility__description { 19439 grid-column: span 2; 19440 margin-top: 8px; 19441 font-size: 10px; 19442 line-height: calc(16 / 10); 19443 letter-spacing: .005em; 19444 color: #707375; 19445} 19446.ctrl-utility__button-open { 19447 position: absolute; 19448 top: 0; 19449 left: 0; 19450 width: 100%; 19451 height: 100%; 19452 opacity: 0; 19453} 19454.ctrl-utility__button-feature { 19455 position: absolute; 19456 top: 12px; 19457 right: 12px; 19458 width: 24px; 19459 height: 24px; 19460 padding: 5px; 19461 border-radius: 50%; 19462 color: #E2464C; 19463 background-color: #FCE9EA; 19464} 19465 19466.ctrl-utility_with_button {} 19467.ctrl-utility_with_button .ctrl-utility__name, 19468.ctrl-utility_with_button .ctrl-utility__category { 19469 margin-right: 28px; 19470} 19471@media (min-width: 1200px) { 19472 .ctrl-utility__icon-box { 19473 width: 48px; 19474 height: 48px; 19475 } 19476 .ctrl-utility__name { 19477 margin-top: 3px; 19478 font-size: 16px; 19479 line-height: calc(22 / 16); 19480 } 19481 .ctrl-utility__category, 19482 .ctrl-utility__description { 19483 font-size: 12px; 19484 line-height: calc(18 / 12); 19485 } 19486 .ctrl-utility__description { 19487 margin-top: 12px; 19488 } 19489} 19490 19491.user-favorite {} 19492.user-favorite__group {} 19493.user-favorite__item, 19494.user-favorite .element-tools { 19495 margin-bottom: 12px; 19496} 19497.user-favorite__item:last-child, 19498.user-favorite .element-tools:last-child { 19499 margin-bottom: 0; 19500} 19501@media (min-width: 576px) { 19502 .user-favorite__group { 19503 display: flex; 19504 flex-wrap: wrap; 19505 margin: -5px 19506 } 19507 .user-favorite__item, 19508 .user-favorite .element-tools { 19509 margin: 5px; 19510 width: calc(100% / 2 - 5px * 2); 19511 } 19512 .user-favorite__item:last-child { 19513 margin: 5px; 19514 } 19515} 19516@media (min-width: 1025px) { 19517 .user-favorite__item, 19518 .user-favorite .element-tools { 19519 width: calc(100% / 3 - 5px * 2); 19520 } 19521} 19522 19523.user-favorite .element-tools { 19524 border-radius: 12px; 19525 background-color: #fff; 19526 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19527} 19528.user-favorite .element-tools .icon_box { 19529 width: 40px; 19530 height: 40px; 19531 padding: 12px; 19532 margin-right: 10px; 19533 margin-bottom: 10px; 19534} 19535.user-favorite .element-tools .tools_box h4 { 19536 margin-top: 0; 19537 margin-bottom: 0; 19538 font-weight: 600; 19539 font-size: 14px; 19540 line-height: calc(20 / 14); 19541 color: #181D20; 19542} 19543.user-favorite .element-tools .catalog-box__tag { 19544 font-weight: 400; 19545 font-size: 10px; 19546 line-height: calc(16 / 10); 19547 letter-spacing: .005em; 19548} 19549.user-favorite .element-tools .tools_box p { 19550 font-size: 10px; 19551 line-height: calc(16 / 10); 19552 letter-spacing: .005em; 19553 color: #707375; 19554} 19555@media (min-width: 1200px) { 19556 .user-favorite .element-tools .icon_box { 19557 width: 48px; 19558 height: 48px; 19559 } 19560 .user-favorite .element-tools .tools_box h4 { 19561 font-size: 16px; 19562 line-height: calc(22 / 16); 19563 } 19564 .user-favorite .element-tools .catalog-box__tag { 19565 font-size: 12px; 19566 line-height: calc(17 / 12); 19567 } 19568 .user-favorite .element-tools .tools_box p { 19569 font-size: 12px; 19570 line-height: calc(17 / 12); 19571 } 19572} 19573 19574 19575.grid-user { 19576 padding-top: 64px; 19577 padding-bottom: 80px; 19578} 19579 19580.grid-user__summary { 19581 margin-bottom: 20px; 19582} 19583 19584@media (min-width: 768px) { 19585 .grid-user { 19586 display: grid; 19587 grid-template-columns: auto 1fr; 19588 grid-column-gap: 20px; 19589 align-items: self-start; 19590 } 19591 .grid-user__summary { 19592 position: sticky; 19593 top: 20px; 19594 width: 260px; 19595 margin-bottom: 0; 19596 } 19597 .grid-user__settings { 19598 min-width: 0; 19599 } 19600} 19601 19602@media (min-width: 1200px) { 19603 .grid-user { 19604 padding-top: 48px; 19605 padding-bottom: 150px; 19606 } 19607 .grid-user__summary { 19608 width: 295px; 19609 } 19610} 19611 19612.ctrl-switcher-type { 19613 position: relative; 19614 display: inline-flex; 19615 align-items: center; 19616 font-weight: 400; 19617 color: #707375; 19618} 19619.ctrl-switcher-type__field { 19620 position: absolute; 19621 top: 0; 19622 left: 0; 19623 opacity: 0; 19624 cursor: pointer; 19625} 19626.ctrl-switcher-type__visual { 19627 position: relative; 19628 display: inline-block; 19629 vertical-align: middle; 19630 width: 40px; 19631 height: 24px; 19632 margin-right: 8px; 19633 margin-left: 8px; 19634 border-radius: 99px; 19635 background-color: #1CAB48; 19636 cursor: pointer; 19637 user-select: none; 19638} 19639.ctrl-switcher-type__visual::before { 19640 content: ""; 19641 position: absolute; 19642 top: 4px; 19643 left: 4px; 19644 width: 16px; 19645 height: 16px; 19646 border-radius: 50%; 19647 background-color: #fff; 19648 transition-property: left; 19649 transition-duration: .125s; 19650 transition-timing-function: ease-in-out; 19651} 19652.ctrl-switcher-type__label { 19653 cursor: pointer; 19654 user-select: none; 19655} 19656.ctrl-switcher-type__label_default { 19657 order: -1; 19658 color: #181D20; 19659 font-weight: 500; 19660} 19661.ctrl-switcher-type__label_checked {} 19662.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__visual::before { 19663 left: 20px; 19664} 19665.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__label_default { 19666 font-weight: 400; 19667 color: #707375; 19668} 19669.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__label_checked { 19670 font-weight: 500; 19671 color: #181D20; 19672} 19673 19674.subscription-type { 19675 display: inline-flex; 19676 align-items: center; 19677} 19678.subscription-type__switcher { 19679 flex-shrink: 0; 19680} 19681.subscription-type__sale { 19682 flex-shrink: 0; 19683 padding: 5px; 19684 border-radius: 99px; 19685 font-weight: 500; 19686 font-size: 80%; 19687 line-height: 1; 19688 text-transform: uppercase; 19689 color: #E2464C; 19690 background-color: #FBE8E9; 19691 margin-left: 10px; 19692} 19693 19694.subscription-summary {} 19695.subscription-summary__group {} 19696.subscription-summary__item { 19697 display: flex; 19698 flex-wrap: wrap; 19699 align-items: center; 19700 font-size: 12px; 19701 line-height: calc(18 / 12); 19702 letter-spacing: .005em; 19703 color: #181D20; 19704} 19705.subscription-summary__item:not(:last-child) { 19706 margin-bottom: 16px; 19707} 19708.subscription-summary__label { 19709 margin-right: 10px; 19710 flex-grow: 1; 19711} 19712.subscription-summary__label_main { 19713 font-weight: 600; 19714 font-size: 14px; 19715 line-height: calc(20 / 14); 19716} 19717.subscription-summary__value { 19718 margin-left: auto; 19719 font-weight: 600; 19720} 19721.subscription-summary__value_total { 19722 color: #1A8FE3; 19723} 19724.subscription-summary__value_switcher { 19725 width: 100%; 19726 margin-top: 8px; 19727} 19728 19729@media (min-width: 768px) { 19730 .subscription-summary__item { 19731 font-size: 14px; 19732 line-height: calc(20 / 14); 19733 letter-spacing: normal; 19734 } 19735 .subscription-summary__label_main { 19736 font-size: 16px; 19737 line-height: calc(24 / 16); 19738 } 19739 .subscription-summary__value_switcher { 19740 width: auto; 19741 margin-top: auto; 19742 } 19743} 19744 19745.user-settings-upload {} 19746.user-settings-upload__avatar-default { 19747 margin-left: auto; 19748 margin-right: auto; 19749} 19750.user-settings-upload__actions { 19751 margin-top: 16px; 19752 display: flex; 19753 justify-content: center; 19754} 19755.user-settings-upload__button { 19756 min-width: 120px; 19757 margin-right: 8px; 19758} 19759.user-settings-upload__button:last-child { 19760 margin-right: 0; 19761} 19762 19763.ctrl-check-card { 19764 position: relative; 19765 display: inlin-flex; 19766 align-items: center; 19767 cursor: pointer; 19768} 19769.ctrl-check-card__field { 19770 position: absolute; 19771 top: 0; 19772 left: 0; 19773 opacity: 0; 19774} 19775 19776.ctrl-check-card__visual {
19777 width: 20px; 19778 height: 20px; 19779 margin-right: 8px; 19780 border-width: 1px; 19781 border-style: solid; 19782 border-color: #E3E3E4; 19783 border-radius: 50%; 19784} 19785.ctrl-check-card__field:checked ~ .ctrl-check-card__visual { 19786 border-width: 5px; 19787 border-color: #1A8FE3; 19788} 19789 19790.card-dropdown {} 19791.card-dropdown__toggle { 19792 display: flex; 19793 align-items: center; 19794 padding: 8px; 19795 width: 100%; 19796 border-radius: 8px; 19797 border-width: 1px; 19798 border-style: solid; 19799 border-color: #E3E3E4; 19800 text-align: left; 19801 background-color: #fff; 19802} 19803.card-dropdown__toggle::after { 19804 content: none; 19805} 19806.card-dropdown__toggle-card { 19807 margin-right: auto; 19808} 19809.card-dropdown__toggle-text { 19810 display: none; 19811 margin-right: 5px; 19812 font-weight: 500; 19813 font-size: 14px; 19814 line-height: calc(20 / 14); 19815 color: #1A8FE3; 19816} 19817.card-dropdown__icon-dropdown { 19818 width: 12px; 19819 height: 12px; 19820 color: #1A8FE3; 19821 transform: var(--icon-transform); 19822} 19823.card-dropdown .dropdown-menu { 19824 width: 100%; 19825 padding: 8px; 19826 border-width: 0; 19827 border-radius: 8px; 19828 background-color: #fff; 19829 box-shadow: var(--shadow-1); 19830} 19831label.ctrl-check-card.card-dropdown__item { 19832 display: flex; 19833 margin-bottom: 16px; 19834} 19835label.ctrl-check-card.card-dropdown__item:last-child { 19836 margin-bottom: 0; 19837} 19838.card-dropdown.show { 19839 --icon-transform: rotate(180deg); 19840} 19841@media (min-width: 1200px){ 19842 .card-dropdown__toggle-text { 19843 display: block; 19844 } 19845} 19846 19847.custom-modal {} 19848.custom-modal .modal-content { 19849 border-width: 0; 19850 background-color: #fff; 19851 border-radius: 12px; 19852 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19853} 19854.custom-modal .modal-header { 19855 padding: 16px; 19856 border-bottom-width: 0; 19857 border-top-left-radius: 12px; 19858 border-top-right-radius: 12px; 19859} 19860.custom-modal .modal-title { 19861 font-weight: 700; 19862 font-size: 16px; 19863 line-height: calc(24 / 16); 19864 color: #181D20; 19865} 19866.custom-modal .modal-body { 19867 padding: 0 16px; 19868} 19869.custom-modal .modal-footer { 19870 padding: 16px; 19871 border-top-width: 0; 19872} 19873 19874.custom-modal .modal-footer__note { 19875 width: 100%; 19876 font-style: italic; 19877 font-size: 12px; 19878 line-height: 16px; 19879 letter-spacing: .005em; 19880 color: #181D20; 19881 text-align: center; 19882 margin-bottom: 8px; 19883} 19884.custom-modal .modal-footer_buttons_2 {} 19885.custom-modal .modal-footer_buttons_2 .ctrl-button { 19886 flex-grow: 1; 19887 flex-basis: 30%; 19888} 19889@media (min-width: 768px) { 19890 .custom-modal .modal-dialog { 19891 max-width: 668px; 19892 } 19893 .custom-modal .modal-header { 19894 padding: 24px; 19895 } 19896 .custom-modal .modal-title { 19897 font-size: 24px; 19898 line-height: calc(34 / 24); 19899 } 19900 .custom-modal .modal-body { 19901 padding-right: 24px; 19902 padding-left: 24px; 19903 } 19904 .custom-modal .modal-footer { 19905 padding: 24px; 19906 } 19907 .custom-modal .modal-footer__note { 19908 width: auto; 19909 flex-grow: 1; 19910 text-align: left; 19911 } 19912 .custom-modal .modal-footer_buttons_2 .ctrl-button { 19913 flex-grow: 0; 19914 flex-basis: 152px; 19915 } 19916} 19917 19918.custom-confirmation {} 19919.custom-confirmation .modal-content { 19920 max-width: 400px; 19921 margin: auto; 19922} 19923.custom-confirmation .modal-header { 19924 padding-bottom: 0; 19925 display: block; 19926 text-align: center; 19927} 19928.custom-confirmation .modal-header__icon-box { 19929 width: 80px; 19930 height: 80px; 19931 padding: 20px; 19932 margin-right: auto; 19933 margin-bottom: 24px; 19934 margin-left: auto; 19935 border-radius: 50%; 19936 color: #fff; 19937 background-color: #E2464C; 19938} 19939.custom-confirmation .modal-header__icon { 19940 display: block; 19941 width: 100%; 19942 height: 100%; 19943} 19944 19945.custom-confirmation .modal-body { 19946 color: #828586; 19947 text-align: center; 19948} 19949.custom-confirmation .modal-footer_buttons_2 .ctrl-button { 19950 flex-grow: 1; 19951} 19952 19953@media (min-width: 768px) { 19954 19955} 19956 19957.modal-add-new-card .custom-form { 19958 margin-bottom: -16px; 19959} 19960 19961.modal-order-summary .subscription-summary { 19962 padding-top: 16px; 19963 margin-top: 16px; 19964 border-top-width: 1px; 19965 border-top-style: solid; 19966 border-top-color: #E3E3E4; 19967} 19968 19969.modal-edit-profile .user-settings-upload { 19970 margin-bottom: 24px; 19971} 19972 19973/* custom-datepicker */ 19974.custom-datepicker {} 19975.custom-datepicker .form-control.is-valid { 19976 background-image: none; 19977} 19978.custom-datepicker .b-form-datepicker { 19979 border-width: 0; 19980 padding: 0; 19981} 19982.custom-datepicker .b-form-datepicker > .btn[aria-haspopup="dialog"] { 19983 position: absolute; 19984 top: 0; 19985 left: 0; 19986 border: 0; 19987 height: 100% !important; 19988 color: #707375; 19989 outline: none; 19990 box-shadow: none; 19991} 19992 19993.custom-datepicker .b-form-datepicker > .btn[aria-haspopup="dialog"] > svg { 19994 margin-top: -2px; 19995} 19996 19997.custom-datepicker .b-form-datepicker > .form-control { 19998 padding-left: 38px; 19999} 20000 20001.custom-datepicker .dropdown-menu { 20002 padding-top: 4px; 20003 padding-bottom: 0; 20004} 20005 20006.custom-datepicker .b-calendar-inner { 20007 width: auto !important; 20008} 20009 20010.custom-datepicker .b-calendar-nav { 20011 padding-right: 4px; 20012 padding-left: 4px; 20013} 20014 20015.custom-datepicker .b-calendar-grid-caption { 20016 padding: 4px; 20017} 20018 20019.custom-datepicker .b-calendar-grid { 20020 margin: 4px; 20021 width: calc(32px * 7 + 2px); 20022 border-radius: 4px; 20023 padding: 0; 20024 overflow: hidden; 20025} 20026 20027.custom-datepicker .b-calendar-grid .row { 20028 margin-right: 0; 20029 margin-left: 0; 20030} 20031 20032.custom-datepicker .b-calendar-grid .btn { 20033 font-size: 12px; 20034 padding: 0; 20035 width: 32px; 20036 height: 32px; 20037 display: flex; 20038 align-items: center; 20039 justify-content: center; 20040} 20041 20042/* modal-upgrade */ 20043.modal-upgrade { 20044 background: #fff; 20045} 20046 20047.modal-upgrade .modal-dialog { 20048 max-width: 100%; 20049 height: 100%; 20050 margin: -1px 0 0; 20051} 20052 20053.modal-upgrade .modal-content { 20054 border-radius: 0; 20055 height: inherit; 20056 border: none; 20057} 20058 20059.modal-upgrade .modal-header { 20060 border: none; 20061 padding: 104px 24px 0; 20062 display: block; 20063} 20064 20065.modal-upgrade .modal-header .close { 20066 margin: 0; 20067 padding: 7px 8px; 20068 border-radius: 8px; 20069 border: 1px solid #E3E3E5; 20070 opacity: 1; 20071 position: absolute; 20072 top: 24px; 20073 right: 100px; 20074} 20075 20076.modal-upgrade .modal-title { 20077 color: #181D20; 20078 font-weight: bold; 20079 font-size: 40px; 20080 flex-grow: 1; 20081 text-align: center; 20082 margin-bottom: 12px; 20083} 20084 20085.modal-upgrade .modal-header p { 20086 color: #525658; 20087 text-align: center; 20088 font-size: 16px; 20089 font-weight: 400; 20090 line-height: 24px; 20091} 20092 20093.modal-upgrade .modal-body { 20094 padding: 0 24px 60px; 20095} 20096 20097.dark-mode .modal-upgrade .modal-title, 20098.dark-mode .our-plans_title, 20099.dark-mode .our-plans .btn-secondary, 20100.dark-mode .our-plans .show>.btn-secondary.dropdown-toggle { 20101 color: #fff; 20102} 20103 20104.dark-mode .modal-upgrade .modal-header p, 20105.dark-mode .our-plans_price-note { 20106 color: #c9cacb; 20107} 20108 20109.dark-mode .upgrade-tools .tools_box { 20110 background-color: #273744; 20111} 20112 20113.dark-mode .our-plans .form-check-label { 20114 background-color: #273744; 20115 color: #fff; 20116} 20117 20118.dark-mode .our-plans .dropdown-toggle::after { 20119 border-right: 2px solid #fff; 20120 border-bottom: 2px solid #fff; 20121} 20122 20123.our-plans { 20124 margin-top: 56px; 20125 max-width: 480px; 20126 margin-left: auto; 20127 margin-right: auto; 20128} 20129 20130.our-plans_title { 20131 color: #181D20; 20132 font-size: 18px; 20133 font-weight: 600;
20134 line-height: 26px; 20135} 20136 20137.our-plans_group {} 20138 20139.our-plans .form-check { 20140 margin-top: 16px; 20141 margin-right: 0; 20142 display: block; 20143} 20144 20145.our-plans .form-check-label { 20146 display: flex; 20147 align-items: center; 20148 justify-content: space-between; 20149 color: #181D20; 20150 cursor: pointer; 20151 background: #FFF; 20152 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 20153 border: 1px solid transparent; 20154 transition: border-color .2s linear; 20155 padding: 24px; 20156 border-radius: 8px; 20157} 20158 20159.our-plans .form-check-input:checked+.form-check-label { 20160 border-color: #1A8FE3; 20161} 20162 20163.our-plans .form-check-input:checked+.form-check-label .our-plans_check { 20164 border-color: #1A8FE3; 20165 background-color: #1A8FE3; 20166} 20167 20168.our-plans .form-check-input:checked+.form-check-label .our-plans_check svg { 20169 opacity: 1; 20170} 20171 20172.our-plans_name { 20173 display: flex; 20174 align-items: center; 20175 font-size: 18px; 20176 font-weight: 600; 20177 max-width: 50%; 20178} 20179 20180.our-plans_check { 20181 margin-right: 16px; 20182 width: 24px; 20183 height: 24px; 20184 border: 1px solid #E3E3E4; 20185 color: #fff; 20186 border-radius: 100%; 20187 flex-shrink: 0; 20188 display: flex; 20189 align-items: center; 20190 justify-content: center; 20191 transition: border-color, background-color .2s linear; 20192} 20193.our-plans_check svg { 20194 width: 14px; 20195 height: 14px; 20196 opacity: 0; 20197 transition: opacity .2s linear; 20198} 20199 20200.our-plans .form-check-input { 20201 position: absolute; 20202 opacity: 0; 20203 visibility: hidden; 20204} 20205 20206.our-plans .form-group { 20207 margin: 0; 20208} 20209 20210.our-plans .btn-secondary { 20211 padding: 0; 20212 background-color: transparent; 20213 border: none; 20214 color: #181D20; 20215 text-align: left; 20216 font-weight: 600; 20217 font-size: 18px; 20218 display: flex; 20219 justify-content: space-between; 20220 align-items: center; 20221} 20222 20223.our-plans .dropdown .btn-secondary:focus { 20224 border: none; 20225 outline: 0; 20226 box-shadow: none; 20227} 20228 20229.our-plans .dropdown .btn-secondary:active { 20230 background-color: transparent; 20231 border: none; 20232 color: #181D20; 20233 box-shadow: none; 20234} 20235 20236.our-plans .show>.btn-secondary.dropdown-toggle { 20237 background-color: transparent; 20238 color: #181D20; 20239} 20240 20241.our-plans .show>.btn-secondary.dropdown-toggle:focus { 20242 box-shadow: none; 20243} 20244 20245.our-plans .dropdown-toggle::after { 20246 content: ""; 20247 width: 9px; 20248 height: 9px; 20249 border-right: 2px solid #181D20; 20250 border-bottom: 2px solid #181D20; 20251 border-top: none; 20252 border-left: none; 20253 transform: rotate(45deg); 20254 z-index: 3; 20255 margin-left: 8px; 20256 border-radius: 0 0 3px 0; 20257} 20258 20259.our-plans .dropdown-menu { 20260 width: 100%; 20261 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 20262 border-radius: 6px; 20263 padding: 7px; 20264 border: none; 20265 margin-top: 8px; 20266} 20267 20268.our-plans .dropdown-item { 20269 padding: 5px; 20270 font-size: 14px; 20271 line-height: 21px; 20272 color: #707375; 20273 margin-top: 11px; 20274} 20275 20276.our-plans .dropdown-item:first-child { 20277 margin-top: 0; 20278} 20279 20280.our-plans_price { 20281 text-align: right; 20282} 20283 20284.our-plans_price-number { 20285 font-size: 24px; 20286 font-weight: 700; 20287 line-height: 32px; 20288} 20289 20290.our-plans_price-note { 20291 display: block; 20292 color: #707375; 20293 font-size: 12px; 20294 letter-spacing: 0.06px; 20295} 20296 20297.our-plans .button { 20298 display: block; 20299 margin-top: 16px; 20300} 20301 20302.upgrade-tools { 20303 margin-top: 56px; 20304 padding: 0; 20305 background-color: transparent; 20306} 20307 20308.upgrade-tools .tools_box { 20309 border-radius: 8px; 20310 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 20311} 20312 20313.upgrade-tools .tools_box .icon_box { 20314 float: none; 20315 margin-bottom: 10px; 20316} 20317 20318.catalog-box .icon_box { 20319 width: 40px; 20320 height: 40px; 20321 border-radius: 8px; 20322} 20323 20324.upgrade-tools .tools_box h4 { 20325 font-size: 18px; 20326} 20327 20328.upgrade-tools .tools_box p { 20329 color: #707375; 20330 font-size: 12px; 20331 font-weight: 400; 20332 letter-spacing: 0.06px; 20333} 20334 20335@media (max-width: 767px) { 20336 20337 .modal-upgrade .modal-header { 20338 padding-left: 40px; 20339 padding-right: 40px; 20340 } 20341 20342 .modal-upgrade .modal-title { 20343 font-size: 28px; 20344 margin-bottom: 4px; 20345 } 20346 20347 .modal-upgrade .modal-header p { 20348 font-size: 12px; 20349 } 20350 20351 .modal-upgrade .modal-header .close { 20352 top: 24px; 20353 right: 24px; 20354 } 20355 20356 .our-plans { 20357 margin-top: 40px; 20358 } 20359 20360 .our-plans_title { 20361 font-size: 16px; 20362 } 20363 20364 .our-plans .btn-secondary { 20365 font-size: 14px; 20366 } 20367 20368 .our-plans .dropdown-toggle::after { 20369 margin-top: -4px; 20370 width: 8px; 20371 height: 8px; 20372 } 20373 20374 .our-plans_price-number { 20375 font-size: 18px;
20376 line-height: 26px; 20377 } 20378 20379 .our-plans_price-note { 20380 font-size: 10px; 20381 } 20382 20383 .upgrade-tools { 20384 margin-left: -15px; 20385 margin-right: -15px; 20386 margin-top: 40px; 20387 } 20388 20389 .upgrade-tools .tools_box h4 { 20390 font-size: 16pz; 20391 } 20392 20393} 20394 20395@media (max-width: 1199px) { 20396 .upgrade-tools .catalog-box .tools_box p { 20397 display: block; 20398 } 20399} 20400 20401 20402/* modal-out-of-content */ 20403.modal-out-of-content {} 20404 20405.modal-out-of-content .modal-dialog { 20406 max-width: 410px; 20407} 20408 20409.modal-out-of-content .modal-content { 20410 border-radius: 14px; 20411} 20412 20413.modal-out-of-content .modal-icon { 20414 width: 64px; 20415 height: 64px; 20416 margin-left: auto; 20417 margin-right: auto; 20418 margin-bottom: 24px; 20419 background-color: #FBE8E9; 20420 border-radius: 50%; 20421 font-size: 30px; 20422 display: flex; 20423 align-items: center; 20424 justify-content: center; 20425} 20426 20427.modal-out-of-content .modal-header { 20428 border: none; 20429 padding: 24px 24px 0; 20430 display: block; 20431 text-align: center; 20432} 20433 20434.modal-out-of-content .modal-header strong { 20435 font-weight: 500; 20436 color: #181D20; 20437} 20438 20439.modal-out-of-content .modal-title { 20440 color: #181D20; 20441 font-weight: 700; 20442 font-size: 24px; 20443 flex-grow: 1; 20444 margin-bottom: 16px; 20445} 20446 20447.modal-header p { 20448 color: #707375; 20449} 20450 20451.modal-out-of-content .modal-body { 20452 padding: 24px; 20453} 20454 20455.modal-out-of-content .modal-actions { 20456 justify-content: center; 20457} 20458 20459.modal-out-of-content .modal-actions .btn-action { 20460 max-width: 120px; 20461 margin-left: 4px; 20462 margin-right: 4px; 20463 font-size: 16px; 20464 font-weight: 600; 20465 border-radius: 8px; 20466} 20467 20468@media (max-width: 767px) { 20469 20470 .modal-out-of-content .modal-icon { 20471 width: 56px; 20472 height: 56px; 20473 font-size: 24px; 20474 margin-bottom: 8px; 20475 } 20476 20477 .modal-out-of-content .modal-title { 20478 font-size: 18px; 20479 } 20480 20481 .modal-header p { 20482 font-size: 12px; 20483 } 20484 20485 .modal-out-of-content .modal-actions .btn-action { 20486 max-width: inherit; 20487 } 20488} 20489 20490.dark-mode .modal-out-of-content .modal-title { 20491 color: #fff; 20492} 20493 20494.dark-mode .modal-header p { 20495 color: #c9cacb; 20496} 20497 20498.dark-mode .modal-out-of-content .modal-header strong { 20499 color: #fff; 20500} 20501/* .credits-remaining */ 20502.credits-remaining { 20503 border-radius: 4px; 20504 background: #FDF7E2; 20505 padding: 8px; 20506 color: #181D20; 20507 margin-bottom: 16px; 20508} 20509 20510.credits-remaining__group { 20511 display: flex; 20512 align-items: center; 20513} 20514 20515.credits-remaining__icon { 20516 color: #EFBE1F; 20517 flex-shrink: 0; 20518} 20519 20520.credits-remaining__info { 20521 margin-left: 6px; 20522 flex-grow: 1; 20523 line-height: 1.2; 20524} 20525 20526.credits-remaining__text { 20527 font-size: 12px; 20528 letter-spacing: 0.06px; 20529 font-weight: 500; 20530} 20531 20532.credits-remaining__text--note { 20533 color: #707375; 20534 font-weight: 400; 20535 display: block; 20536} 20537 20538.credits-remaining__button { 20539 border-radius: 8px; 20540 background-color: #EFBE1F; 20541 box-shadow: 8px 8px 32px 0px rgba(239, 190, 31, 0.24); 20542 border: none; 20543 padding: 8px; 20544 color: #FFF; 20545 font-size: 12px; 20546 font-weight: 500; 20547 line-height: 1.2; 20548 letter-spacing: 0.06px; 20549} 20550 20551.credits-remaining__button:hover { 20552 background-color: #d7a709; 20553 color: #FFF; 20554} 20555 20556.credits-remaining__button--link { 20557 background-color: transparent; 20558 box-shadow: none; 20559 padding: 0; 20560 text-decoration: underline; 20561 color: #EFBE1F; 20562 border-radius: 0; 20563} 20564 20565.credits-remaining__button--link:hover { 20566 background-color: transparent; 20567 color: #EFBE1F; 20568 text-decoration: none; 20569} 20570 20571.credits-remaining--big { 20572 max-width: 360px; 20573 margin-left: auto; 20574 margin-right: auto; 20575 padding: 12px; 20576} 20577 20578.credits-remaining--big .credits-remaining__info { 20579 display: flex; 20580 justify-content: space-between; 20581 align-items: center; 20582 margin-left: 8px; 20583} 20584 20585.credits-remaining--big .credits-remaining__text { 20586 font-size: 14px; 20587} 20588 20589.credits-remaining--big .credits-remaining__icon { 20590 width: 24px; 20591 height: 24px; 20592} 20593 20594@media (max-width: 960px) { 20595 20596 .sticky-sidebar .credits-remaining { 20597 display: none; 20598 } 20599} 20600 20601@media (max-width: 767px) { 20602 20603 .credits-remaining--big .credits-remaining__text { 20604 font-size: 12px; 20605 } 20606 20607 .credits-remaining__button { 20608 font-size: 10px; 20609 } 20610} 20611 20612/* .toast */ 20613.toast { 20614 opacity: 1; 20615 border-radius: 8px; 20616 background: #E3F1FB; 20617 padding: 12px 48px 12px 12px; 20618 max-width: 565px; 20619 margin-left: auto; 20620 margin-right: auto; 20621 border: none; 20622 box-shadow: none; 20623 text-align: left; 20624 font-size: 14px; 20625 font-weight: 500; 20626 color: #181D20; 20627 position: relative; 20628} 20629 20630.toast-body { 20631 padding: 0; 20632} 20633 20634.toast-body__icon { 20635 padding-right: 8px; 20636} 20637 20638.toast-body a { 20639 text-decoration: underline; 20640 color: #1A8FE3; 20641} 20642 20643.toast-body a:hover { 20644 text-decoration: none; 20645} 20646 20647.toast .close { 20648 color: #181D20; 20649 position: absolute; 20650 right: 12px; 20651 top: 50%; 20652 transform: translateY(-50%); 20653 opacity: 1; 20654} 20655 20656.toast--sticky { 20657 position: fixed; 20658 left: 0; 20659 right: 0; 20660 bottom: 0; 20661 z-index: 99; 20662 max-width: 100%; 20663 margin-bottom: 0; 20664 background: #1A8FE3; 20665 box-shadow: 0px -5px 40px 0px rgba(26, 143, 227, 0.16); 20666 border-radius: 0; 20667 padding-left: 48px; 20668 padding-top: 16px; 20669 padding-bottom: 16px; 20670 text-align: center; 20671 color: #fff; 20672 font-size: 16px; 20673} 20674 20675.toast__button { 20676 padding: 8px 16px; 20677 border-radius: 8px; 20678 background: #FFF; 20679 font-size: 12px; 20680 color: #1A8FE3; 20681 margin-left: 16px; 20682} 20683 20684.toast--sticky .close { 20685 color: #fff; 20686 right: 16px; 20687} 20688 20689.toast:not(:last-child) { 20690 margin-bottom: 0; 20691} 20692 20693@media (max-width: 767px) { 20694 .toast--sticky { 20695 font-size: 14px; 20696 } 20697 20698 .toast__button { 20699 display: block; 20700 margin-top: 8px; 20701 margin-left: auto; 20702 margin-right: auto; 20703 } 20704} 20705 20706/* .ctrl-modal */ 20707.ctrl-modal {} 20708 20709.ctrl-modal .modal-content { 20710 border-radius: 12px; 20711} 20712 20713.ctrl-modal .modal-header { 20714 border: none; 20715 padding: 24px 24px 0; 20716 display: block; 20717 text-align: center; 20718} 20719 20720.ctrl-modal .modal-title { 20721 color: #181D20; 20722 font-weight: 700; 20723 font-size: 24px; 20724 flex-grow: 1; 20725 margin-bottom: 8px; 20726} 20727 20728.ctrl-modal .modal-header .close { 20729 margin: 0 29px 0 0; 20730 padding: 0; 20731} 20732 20733.ctrl-modal p { 20734 color: #707375; 20735} 20736 20737.ctrl-modal .modal-body { 20738 padding: 24px; 20739} 20740 20741.dark-mode .ctrl-modal .modal-title { 20742 color: #fff; 20743} 20744 20745.dark-mode .ctrl-modal .modal-header p { 20746 color: #c9cacb; 20747} 20748 20749.dark-mode .ctrl-modal .modal-header strong { 20750 color: #fff; 20751} 20752 20753@media (max-width: 767px) { 20754 20755 .ctrl-modal .modal-title { 20756 font-size: 18px; 20757 } 20758 20759 .ctrl-modal .modal-header p { 20760 font-size: 12px; 20761 } 20762 20763 .ctrl-modal .modal-actions .btn-action { 20764 max-width: inherit; 20765 } 20766} 20767 20768 20769/* .modal-content-machine */ 20770.modal-content-machine {} 20771 20772.modal-content-machine .modal-dialog { 20773 max-width: 488px; 20774} 20775 20776.modal-content-machine .modal-header { 20777 padding-left: 84px; 20778 padding-right: 84px; 20779} 20780 20781.modal-content-machine .modal-body { 20782 padding: 16px 24px 24px 24px; 20783} 20784 20785.modal-content-machine .btn-action { 20786 margin-top: 8px; 20787 font-size: 16px; 20788 font-weight: 600; 20789} 20790 20791.modal-content-machine .btn-action--gray { 20792 color: #1A8FE3; 20793 border: none; 20794 background-color: #F6FBFE; 20795} 20796 20797.content-machine { 20798 border-radius: 8px; 20799 background: #F6F6F6; 20800 padding-top: 16px; 20801 padding-left: 16px; 20802 padding-right: 16px; 20803 margin-bottom: 24px; 20804} 20805 20806.content-machine img { 20807 box-shadow: 1.22892px 4.09639px 16.38554px 0px rgba(24, 29, 32, 0.05); 20808} 20809 20810@media (max-width: 767px) {
20811 .modal-content-machine .modal-header { 20812 padding-left: 24px; 20813 padding-right: 24px; 20814 } 20815} 20816 20817/* .chat-bot */ 20818.chat-bot { 20819 border-radius: 12px; 20820 background-color: #FFF; 20821 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 20822 color: #181D20; 20823} 20824 20825.chat-bot__box { 20826 display: flex; 20827 min-height: 504px; 20828} 20829 20830.chat-bot__sidebar { 20831 border-right: 1px solid #E3E3E4; 20832 padding: 16px; 20833 width: 240px; 20834 flex-shrink: 0; 20835 box-sizing: border-box; 20836} 20837 20838.chat-bot__sidebar-button { 20839 width: 100%; 20840 font-size: 14px; 20841} 20842 20843.chat-bot__sidebar-button svg { 20844 margin-right: 6px; 20845} 20846 20847.chat-bot__recent { 20848 margin-top: 16px; 20849 height: calc(100% - 65px); 20850} 20851 20852.chat-bot__recent-title { 20853 font-size: 16px; 20854 font-weight: 500; 20855} 20856 20857.chat-bot__recent-button { 20858 display: none; 20859} 20860 20861.chat-bot__recent-button .icon-arrow { 20862 transform: rotate(-90deg); 20863} 20864 20865.chat-bot__recent-button .icon-cross { 20866 display: none; 20867} 20868 20869.chat-bot__recent-content { 20870 margin-left: -8px; 20871 margin-right: -10px; 20872 padding-right: 6px; 20873 height: 388px; 20874 /*height: calc(100% - 25px);*/ 20875} 20876 20877.chat-bot__recent-item { 20878 display: flex; 20879 align-items: center; 20880 font-size: 12px; 20881 padding: 8px; 20882 margin-top: 6px; 20883 border-radius: 8px; 20884 cursor: pointer; 20885} 20886 20887.chat-bot__recent-item:hover { 20888 background-color: #F6F6F6; 20889} 20890 20891.chat-bot__recent-item svg { 20892 flex-shrink: 0; 20893} 20894 20895.chat-bot__recent-item span { 20896 margin-left: 10px; 20897 flex-grow: 1; 20898 text-overflow: ellipsis; 20899 white-space: nowrap; 20900 overflow: hidden; 20901} 20902 20903.chat-bot__body { 20904 padding: 16px; 20905 display: flex; 20906 flex-direction: column; 20907 justify-content: space-between; 20908 flex-grow: 1; 20909 color: #181D20; 20910} 20911 20912.chat-bot__content { 20913 flex-grow: 1; 20914 display: flex; 20915 align-items: center; 20916 justify-content: center; 20917 border-radius: 12px; 20918} 20919 20920.chat-bot__content.custom-scroll { 20921 margin-right: -9px; 20922 padding-right: 8px; 20923 align-items: flex-start; 20924 max-height: 500px; 20925} 20926 20927.chat-bot__content.custom-scroll .dialog { 20928 height: auto; 20929} 20930 20931.chat-bot__action { 20932 display: flex; 20933 margin-top: 16px; 20934} 20935 20936.chat-bot__action--simple { 20937 width: 100%; 20938 margin-top: 24px; 20939} 20940 20941.chat-bot__action--multiple { 20942 align-items: center; 20943} 20944 20945.chat-bot__action--multiple .chat-bot__send { 20946 flex-wrap: wrap; 20947} 20948 20949.chat-bot__action--multiple .form-control { 20950 max-width: 96.5%; 20951} 20952 20953.chat-bot__action--multiple .chat-bot__upload { 20954 align-self: flex-end; 20955 margin-bottom: 4px; 20956} 20957 20958.chat-bot__send { 20959 border-radius: 8px; 20960 border: 1px solid #E3E3E4; 20961 background: #FFF; 20962 padding: 8px 16px; 20963 display: flex; 20964 justify-content: space-between; 20965 align-items: center; 20966} 20967 20968.chat-bot__action .chat-bot__send { 20969 flex-grow: 1; 20970} 20971 20972.chat-bot__send .form-control { 20973 border: none; 20974 font-size: 14px; 20975 padding: 0; 20976} 20977 20978.chat-bot__send .form-control:focus { 20979 box-shadow: none; 20980} 20981 20982.chat-bot__send .form-control::placeholder { 20983 color: #A7A9AA; 20984} 20985 20986.chat-bot__button { 20987 color: #C8C9CA; 20988 margin-left: 8px; 20989 flex-shrink: 0; 20990 border-radius: 8px; 20991 border: none; 20992} 20993 20994.chat-bot__button:hover { 20995 color: #1A8FE3; 20996} 20997 20998.chat-bot__button--send { 20999 flex-shrink: 0; 21000 border-radius: 12px; 21001 background: #1A8FE3; 21002 padding: 16px; 21003 margin-left: 8px; 21004 color: #fff; 21005 border: none; 21006} 21007 21008.chat-bot__button--send:hover { 21009 color: #fff; 21010} 21011 21012.chat-bot__title { 21013 text-align: center; 21014 font-size: 20px; 21015 font-weight: 700; 21016 line-height: 28px; 21017 margin-bottom: 4px; 21018} 21019 21020.chat-bot__title-descr { 21021 color: #707375; 21022 text-align: center; 21023 font-size: 16px; 21024 font-weight: 400; 21025 line-height: 24px; 21026} 21027 21028.chat-bot__title-descr strong { 21029 color: #181D20; 21030 font-weight: 500; 21031} 21032 21033.chat-options { 21034 width: 100%; 21035} 21036 21037.chat-options__group { 21038 display: flex; 21039 justify-content: center; 21040 flex-wrap: wrap; 21041 margin-top: 8px; 21042 margin-left: -4px; 21043 margin-right: -4px; 21044} 21045 21046.chat-options__item { 21047 border-radius: 8px; 21048 background-color: #fff; 21049 border: 1px solid #E3E3E4; 21050 padding: 8px 32px 8px 8px; 21051 position: relative; 21052 width: calc(50% - 8px); 21053 margin-top: 8px; 21054 margin-left: 4px; 21055 margin-right: 4px; 21056 cursor: pointer; 21057} 21058 21059.chat-options__item--small { 21060 padding-top: 12px; 21061 padding-bottom: 12px; 21062 padding-left: 12px; 21063} 21064 21065.chat-options__title { 21066 font-size: 16px; 21067 font-weight: 600; 21068 line-height: 24px; 21069} 21070.chat-options__item--small .chat-options__title { 21071 font-weight: 400; 21072} 21073 21074.chat-options__title-descr { 21075 color: #525658; 21076 text-overflow: ellipsis; 21077 overflow: hidden; 21078 white-space: nowrap; 21079 font-size: 12px; 21080 font-weight: 400; 21081 letter-spacing: 0.06px; 21082 margin-top: 2px; 21083} 21084 21085.chat-options__icon { 21086 position: absolute; 21087 top: 50%; 21088 right: 8px; 21089 color: #1A8FE3; 21090 transform: translateY(-50%) rotate(-90deg); 21091} 21092 21093.chat-options .file-drop-area { 21094 margin-top: 16px; 21095 margin-left: auto; 21096 margin-right: auto; 21097 border: none; 21098 max-width: 560px; 21099 border-radius: 12px; 21100 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21101 height: 252px; 21102} 21103 21104.chat-options .file-drop-area .button, 21105.chat-options p.drag { 21106 font-size: 14px; 21107} 21108 21109.chat-options .uploader-zoom { 21110 margin-top: 16px; 21111 margin-left: auto; 21112 margin-right: auto; 21113 border: none; 21114 max-width: 560px; 21115 border-radius: 12px; 21116 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21117 padding: 24px; 21118} 21119 21120.chat-options .form-group { 21121 margin-top: 16px; 21122 margin-bottom: 16px; 21123} 21124 21125.chat-options .form-control-field { 21126 height: 40px; 21127} 21128 21129.uploader-zoom .chat-options__group { 21130 justify-content: flex-start; 21131} 21132 21133.chat-options .form-check {} 21134 21135.chat-options .form-check--radio { 21136 margin-left: 4px; 21137 margin-right: 8px; 21138} 21139 21140.chat-options .dropdown { 21141 margin-top: 16px; 21142 width: 100%; 21143} 21144 21145.chat-options .dropdown .ctrl-button { 21146 background-color: #FFFFFF; 21147 border: 1px solid #E3E3E4; 21148 border-radius: 8px; 21149 width: 100%; 21150 padding: 8px; 21151 font-size: 12px; 21152} 21153 21154.chat-options .dropdown-menu { 21155 width: 100%; 21156} 21157 21158.chat-options .dropdown-toggle::after { 21159 margin-left: 6px; 21160} 21161 21162.chat-options .dropdown-item { 21163 font-size: 12px; 21164} 21165 21166.chat-options .twitter-navigation { 21167 margin-left: 0; 21168} 21169 21170.chat-options .uploader-container__box .button { 21171 margin-left: 0; 21172 width: 100%; 21173 margin-top: 22px; 21174 font-size: 12px; 21175} 21176 21177.chat-options .uploader-container { 21178 margin-top: 0; 21179 border-radius: 12px; 21180 padding: 16px; 21181 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21182} 21183 21184.chat-options .compress-result { 21185 padding: 0; 21186 border: none; 21187} 21188 21189.chat-options .compress-result_info { 21190 border-radius: 8px; 21191 background: #F6FBFE; 21192 margin-bottom: 16px; 21193 padding-top: 53px; 21194 position: relative; 21195} 21196 21197.chat-options .compress-result_info::after { 21198 content: ""; 21199 border-bottom: 1px solid #E3E3E4; 21200 position: absolute; 21201 bottom: -16px; 21202 left: 0; 21203 right: 0; 21204} 21205 21206.chat-options .compress-result_action { 21207 border: none; 21208} 21209 21210.chat-options .compress-result_action-group { 21211 width: auto; 21212} 21213 21214.chat-options .compress-result_tools { 21215 display: flex; 21216 justify-content: center;
21217 align-items: center; 21218 padding-top: 0; 21219} 21220 21221.chat-options .compress-result_tools-item { 21222 width: 200px; 21223 margin-left: 5px; 21224 margin-right: 5px; 21225} 21226 21227.chat-options .compress-result_button-link { 21228 text-decoration: none; 21229 margin-top: 16px; 21230} 21231 21232.chat-options .scan-qr { 21233 border-radius: 8px; 21234 border: 1px solid #E3E3E4; 21235 background: #FFF; 21236 padding: 24px; 21237 height: 100%; 21238 box-sizing: border-box; 21239 text-align: center; 21240} 21241 21242.chat-options .scan-qr h3 { 21243 font-size: 20px; 21244 font-weight: 600; 21245} 21246 21247.chat-options .scan-qr p { 21248 color: #707375; 21249 font-size: 12px; 21250 font-weight: 400; 21251} 21252 21253.chat-options .scan-qr_code { 21254 margin-top: 16px; 21255} 21256 21257.chat-options .compress-result .get-update { 21258 height: auto; 21259} 21260 21261.chat-options .compress-result .share { 21262 height: auto; 21263 margin-top: 16px; 21264} 21265 21266.chat-bot__error { 21267 text-align: center; 21268 margin-top: 8px; 21269 margin-bottom: 16px; 21270} 21271 21272.chat-bot__error-box { 21273 border-radius: 8px; 21274 background: #FDF2F2; 21275 padding: 16px; 21276 color: #E2464C; 21277 font-size: 16px; 21278 font-weight: 500; 21279 display: inline-flex; 21280 align-items: center; 21281} 21282 21283.chat-bot__error-icon { 21284 margin-right: 8px; 21285} 21286 21287.chat-bot__reccomend { 21288 text-align: center; 21289 font-size: 16px; 21290 font-weight: 500; 21291 line-height: 24px; 21292} 21293 21294@media (max-width: 960px) { 21295 21296 .chat-bot__box { 21297 flex-direction: column; 21298 position: relative; 21299 overflow: hidden; 21300 } 21301 21302 .chat-bot__sidebar { 21303 width: 100%; 21304 border: none; 21305 } 21306 21307 .chat-bot__recent-header { 21308 display: flex; 21309 justify-content: space-between; 21310 padding-bottom: 8px; 21311 border-bottom: 1px solid #E3E3E4; 21312 cursor: pointer; 21313 } 21314 21315 .chat-bot__recent-content { 21316 display: none; 21317 position: absolute; 21318 background-color: #fff; 21319 z-index: 10; 21320 top: 0; 21321 bottom: 0; 21322 left: 0; 21323 right: 0; 21324 margin-left: 8px; 21325 margin-right: 8px; 21326 border-radius: 12px; 21327 margin-top: 120px; 21328 height: auto; 21329 } 21330 21331 .chat-bot__recent-button { 21332 display: block; 21333 } 21334 21335 .chat-bot__recent.is-active .chat-bot__recent-content { 21336 display: block; 21337 } 21338 21339 .chat-bot__recent.is-active .chat-bot__recent-button .icon-arrow { 21340 display: none; 21341 } 21342 21343 .chat-bot__recent.is-active .chat-bot__recent-button .icon-cross { 21344 display: block; 21345 } 21346} 21347 21348.chat-bot__welcome { 21349 border-radius: 12px; 21350 background-color: #F6FBFE; 21351 height: 100%; 21352 width: 100%; 21353 padding: 16px; 21354 display: flex; 21355 align-items: center; 21356} 21357 21358.chat-bot__welcome .chat-bot__title { 21359 font-size: 40px; 21360 font-weight: 600; 21361 text-align: left; 21362} 21363 21364.chat-bot__welcome .chat-bot__title-descr { 21365 font-size: 18px; 21366 text-align: left; 21367} 21368 21369.chat-bot__welcome .chat-options__group { 21370 margin-left: -8px; 21371 margin-right: -8px; 21372} 21373 21374.chat-bot__welcome .chat-options__item { 21375 border: none; 21376 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21377 margin-top: 16px; 21378 margin-left: 8px; 21379 margin-right: 8px; 21380 width: calc(50% - 16px); 21381} 21382 21383.chat-bot__upload { 21384 color: #A7A9AA; 21385 position: relative; 21386 margin-left: 8px; 21387 overflow: hidden; 21388 cursor: pointer; 21389} 21390 21391.chat-bot__upload input[type="file"] { 21392 opacity: 0; 21393 position: absolute; 21394 font-size: 50px; 21395 left: 0; 21396 top: 0; 21397} 21398 21399.chat-bot__send-icon { 21400 color: #1A8FE3; 21401 margin-right: 8px; 21402} 21403 21404.chat-bot__send-icon .ctrl-icon { 21405 width: 18px; 21406 height: 18px; 21407} 21408 21409@media (max-width: 767px) { 21410 21411 .chat-bot__error-box { 21412 font-size: 12px; 21413 } 21414 21415 .chat-options__item, 21416 .chat-bot__welcome .chat-options__item { 21417 width: 100%; 21418 } 21419 21420 .chat-bot__welcome .chat-options__item { 21421 margin-left: 0; 21422 margin-right: 0; 21423 } 21424 21425 .chat-options__title { 21426 font-size: 14px; 21427 } 21428} 21429 21430.dialog { 21431 width: 100%; 21432 height: 100%; 21433 border-radius: 12px; 21434 background: #F6FBFE; 21435 padding: 0 16px 16px; 21436 box-sizing: border-box; 21437} 21438 21439.dialog__item { 21440 display: flex; 21441 margin-top: 16px; 21442} 21443 21444.dialog__avatar { 21445 flex-shrink: 0; 21446 width: 32px; 21447 height: 32px; 21448 border: 1px solid #F6F6F6; 21449 background: #fff; 21450 border-radius: 50%; 21451 box-sizing: border-box; 21452 display: flex; 21453 align-items: center; 21454 justify-content: center; 21455 color: #A7A9AA; 21456} 21457.dialog__avatar svg, 21458.dialog__avatar img { 21459 width: 16px; 21460 height: 16px; 21461} 21462 21463.dialog__content { 21464 flex-grow: 1; 21465 margin-left: 12px; 21466} 21467 21468.dialog__name { 21469 color: #181D20; 21470 font-size: 14px; 21471 font-weight: 500; 21472} 21473 21474.dialog__bubble { 21475 margin-top: 4px; 21476 border-radius: 0px 12px 12px 12px; 21477 background-color: #FFF; 21478 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21479 padding: 16px; 21480 font-size: 14px; 21481} 21482 21483.dialog__bubble--blue { 21484 background: #1A8FE3; 21485 box-shadow: 0px 10px 32px 0px rgba(26, 143, 227, 0.24); 21486 color: #fff; 21487} 21488 21489.dialog__bubble .chat-options__title { 21490 color: #181D20; 21491} 21492 21493.dialog__bubble .chat-options__item { 21494 width: calc(100%/3 - 8px); 21495} 21496 21497.dialog__action { 21498 margin-top: 16px; 21499 text-align: right; 21500} 21501 21502.dialog__button { 21503 border-radius: 20px; 21504 background-color: #FFF; 21505 box-shadow: 8px 8px 24px 0px rgba(22, 29, 28, 0.05); 21506 padding: 4px 8px; 21507 color: #878787; 21508 font-size: 12px; 21509 font-weight: 400; 21510} 21511 21512.dialog__bubble--blue .dialog__button { 21513 background: rgba(255, 255, 255, 0.24); 21514 color: #fff; 21515} 21516 21517.dialog__button .ctrl-icon { 21518 width: 10px; 21519 height: 10px; 21520 margin-right: 4px; 21521} 21522 21523.dialog__processing { 21524 color: #FFF; 21525 font-size: 14px; 21526 font-style: italic; 21527} 21528 21529.dialog__processing .chat-bot__spinner { 21530 margin-right: 8px; 21531 display: inline-block; 21532 vertical-align: middle; 21533} 21534 21535.chat-bot__spinner .spinner-grow { 21536 width: 10px; 21537 height: 10px; 21538 vertical-align: baseline; 21539} 21540 21541.chat-bot__button--loading { 21542 min-width: 56px; 21543 min-height: 53px; 21544} 21545 21546.chat-bot__button--loading .spinner-grow { 21547 width: 2px; 21548 height: 2px; 21549 background-color: #181D20; 21550 margin-left: -1px; 21551 margin-right: -1px; 21552 vertical-align: text-bottom; 21553} 21554 21555.chat-bot__spinner .spinner-grow { 21556 animation-duration: 1.8s; 21557} 21558 21559.chat-bot__spinner .spinner-grow:nth-child(1) { 21560 animation-delay: .2s; 21561} 21562 21563.chat-bot__spinner .spinner-grow:nth-child(2) { 21564 animation-delay: .5s; 21565} 21566 21567.chat-bot__spinner .spinner-grow:nth-child(3) { 21568 animation-delay: .7s; 21569} 21570 21571.chat-bot__files { 21572 border-radius: 12px; 21573 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21574 margin-top: 16px; 21575 background: #FFF; 21576 position: relative; 21577 display: flex; 21578 align-items: center; 21579 justify-content: space-between; 21580 min-height: 72px; 21581 padding: 16px; 21582 box-sizing: border-box; 21583} 21584 21585.chat-bot__files--end { 21586 justify-content: flex-end; 21587} 21588 21589.chat-bot__files-select { 21590 width: 100%; 21591 padding-left: 70px; 21592 padding-right: 70px; 21593 padding-top: 24px; 21594 padding-bottom: 24px; 21595 color: #181D20; 21596 font-size: 12px; 21597 font-weight: 400; 21598 letter-spacing: 0.06px; 21599 border-radius: 12px; 21600 background: #FFF; 21601 position: absolute; 21602 top: 0; 21603 left: 0; 21604 height: 100%; 21605} 21606 21607.chat-bot__files-select:hover { 21608 background-color: #F6FBFE; 21609 color: #181D20; 21610} 21611 21612.chat-bot__files-icon { 21613 width: 24px; 21614 height: 24px; 21615 border-radius: 50%; 21616 background-color: #F6FBFE; 21617 color: #1A8FE3; 21618 display: inline-flex; 21619 vertical-align: middle; 21620 justify-content: center;
21621 align-items: center; 21622} 21623 21624.chat-bot__files-icon .ctrl-icon { 21625 width: 16px; 21626 height: 16px; 21627} 21628 21629.chat-bot__files-buttons { 21630 position: relative; 21631 flex-shrink: 0; 21632} 21633 21634.chat-bot__files-buttons .button { 21635 padding: 13px 20px; 21636 font-size: 14px; 21637 margin-left: 12px; 21638} 21639 21640.chat-bot__files-cancel { 21641 background: none; 21642 color: #707375; 21643 font-size: 12px; 21644 font-weight: 400; 21645 letter-spacing: 0.06px; 21646 text-decoration-line: underline; 21647 padding: 8px 0; 21648 border: none; 21649} 21650 21651.chat-bot__files-cancel:hover { 21652 background: none; 21653 text-decoration: none; 21654 color: #707375; 21655} 21656 21657.chat-bot__files-cancel .ctrl-icon { 21658 display: none; 21659} 21660 21661.files-uploaded { 21662 display: flex; 21663 flex-grow: 1; 21664 flex-wrap: wrap; 21665 margin-left: -8px; 21666 margin-top: -8px; 21667 max-width: 740px; 21668} 21669 21670.dialog__bubble p + .files-uploaded { 21671 margin-top: 10px; 21672} 21673 21674.files-uploaded__item { 21675 margin-left: 8px; 21676 margin-top: 8px; 21677 display: inline-flex; 21678 align-items: center; 21679} 21680 21681.files-uploaded__item .tools_box { 21682 border-radius: 8px; 21683 padding: 8px 12px 8px 8px; 21684 border: 1px solid #E3E3E4; 21685 width: 100%; 21686 display: flex; 21687} 21688 21689.files-uploaded__item .icon_box { 21690 width: 40px; 21691 height: 40px; 21692 margin-right: 8px; 21693 margin-bottom: 0; 21694} 21695 21696.dialog__bubble--blue .icon_box { 21697 background-color: #F6F6F6; 21698 color: #707375; 21699} 21700 21701.files-uploaded__item .tools_box h4 { 21702 font-size: 12px; 21703 font-weight: 500; 21704 line-height: normal; 21705 letter-spacing: 0.06px; 21706 margin-top: 0; 21707 margin-bottom: 0; 21708 max-width: 150px; 21709} 21710 21711.files-uploaded__item .catalog-box__tag { 21712 color: #707375; 21713 font-size: 12px; 21714 font-weight: 400; 21715} 21716 21717.files-uploaded__item .ctrl-button_iconly { 21718 border: none; 21719 margin-left: 8px; 21720 color: #707375; 21721} 21722 21723.files-uploaded__download { 21724 margin-left: 16px; 21725} 21726 21727.files-uploaded__download .ctrl-button__icon { 21728 width: 20px; 21729 height: 20px; 21730 color: #1A8FE3; 21731} 21732 21733.files-cases { 21734 display: flex; 21735 align-items: center; 21736 margin-top: 10px; 21737} 21738 21739.files-cases__item { 21740 margin-left: 10px; 21741} 21742 21743.files-cases__item:first-child { 21744 margin-left: 0; 21745} 21746 21747.files-cases__item::before { 21748 content: ""; 21749 width: 4px; 21750 height: 4px; 21751 background-color: #fff; 21752 opacity: 0.16; 21753 border-radius: 50%; 21754 margin-right: 10px; 21755 display: inline-block; 21756 vertical-align: middle; 21757} 21758 21759.files-cases__item:first-child::before { 21760 display: none; 21761} 21762 21763.files-cases__link { 21764 color: #FFF; 21765 font-size: 14px; 21766 font-weight: 400; 21767 text-decoration-line: underline; 21768} 21769 21770.files-cases__link:hover { 21771 color: #FFF; 21772 text-decoration: none; 21773} 21774 21775@media (max-width: 1190px) { 21776 .chat-bot__action--multiple .chat-bot__send{ 21777 justify-content: flex-start; 21778 } 21779 21780 .chat-bot__action--multiple .form-control { 21781 max-width: 90%; 21782 } 21783} 21784 21785@media (max-width: 767px) { 21786 21787 .chat-bot__content { 21788 padding: 8px; 21789 } 21790 21791 .dialog { 21792 margin-top: -8px; 21793 } 21794 21795 .dialog__name { 21796 font-size: 12px; 21797 } 21798 21799 .chat-bot__action { 21800 border: 1px solid #E3E3E4; 21801 border-radius: 8px; 21802 position: relative; 21803 } 21804 21805 .chat-bot__send { 21806 padding-left: 8px; 21807 padding-right: 8px; 21808 } 21809 21810 .chat-bot__send::after { 21811 content: ""; 21812 position: absolute; 21813 top: 50%; 21814 right: 0; 21815 width: 1px; 21816 height: 8px; 21817 background-color: #E3E3E4; 21818 display: block; 21819 transform: translateY(-50%); 21820 } 21821 21822 .chat-bot__action .chat-bot__send { 21823 border: none; 21824 position: relative; 21825 } 21826 21827 .chat-bot__button--loading { 21828 min-width: 20px; 21829 background-color: #fff; 21830 margin-right: 8px; 21831 } 21832 21833 .chat-bot__button--loading .spinner-grow { 21834 vertical-align: baseline; 21835 } 21836 21837 .chat-bot__upload { 21838 padding: 2px; 21839 } 21840 21841 .chat-bot__upload .ctrl-btn-icon { 21842 width: 16px; 21843 height: 16px; 21844 } 21845 21846 .chat-bot__send .form-control { 21847 font-size: 12px; 21848 } 21849 21850 .dialog__bubble { 21851 padding: 12px; 21852 } 21853 21854 .dialog__bubble, 21855 .dialog__processing, 21856 .dialog__button.button { 21857 font-size: 12px; 21858 } 21859 21860 .chat-bot__files-cancel.button { 21861 font-size: 0; 21862 line-height: 0; 21863 } 21864 21865 .chat-bot__files-cancel .ctrl-icon { 21866 display: block; 21867 width: 18px; 21868 height: 18px; 21869 } 21870 21871 .files-uploaded { 21872 flex-direction: column; 21873 margin-top: -8px; 21874 } 21875 21876 .files-uploaded__item { 21877 margin-top: 8px; 21878 } 21879 21880 .files-uploaded__item .tools_box { 21881 position: relative; 21882 padding-right: 40px; 21883 } 21884 21885 .files-uploaded__item .ctrl-button_iconly { 21886 position: absolute; 21887 top: 50%; 21888 right: 12px; 21889 transform: translateY(-50%); 21890 } 21891 21892 .files-uploaded__item .tools_box h4, 21893 .files-uploaded__item .catalog-box__tag { 21894 font-size: 10px; 21895 } 21896 21897 .files-uploaded__item .icon_box { 21898 width: 32px; 21899 height: 32px; 21900 } 21901 21902 .files-cases__link { 21903 font-size: 12px; 21904 } 21905 21906 .files-cases__item { 21907 margin-left: 5px; 21908 } 21909 21910 .files-cases__item::before { 21911 margin-right: 3px; 21912 } 21913 21914 .chat-bot__action--multiple .form-control { 21915 max-width: 54%; 21916 } 21917 21918 .chat-bot__action--multiple .chat-bot__upload { 21919 position: absolute; 21920 top: 11px; 21921 right: 42px; 21922 } 21923 21924 .chat-bot__action--multiple .chat-bot__button--send { 21925 position: absolute; 21926 right: 8px; 21927 top: 12px; 21928 padding: 0; 21929 background-color: transparent; 21930 color: #1A8FE3; 21931 } 21932 21933 .chat-bot__action--multiple .chat-bot__send::after { 21934 top: 24px; 21935 right: 38px; 21936 } 21937 21938 .chat-bot__action--multiple .files-uploaded { 21939 flex-direction: row; 21940 } 21941 21942 .chat-bot__action--multiple .files-uploaded { 21943 max-width: 300px; 21944 } 21945 21946 .dialog__bubble .chat-options__item { 21947 width: 100%; 21948 } 21949 21950 .dialog__content { 21951 max-width: 91%; 21952 } 21953} 21954 21955/* modal-save */
21956.modal-save .modal-dialog { 21957 max-width: 416px; 21958} 21959 21960.modal-save .save-qr { 21961 border-radius: 8px; 21962 border: 1px solid #E3E3E4; 21963 background: #FFF; 21964 padding: 24px; 21965 margin-bottom: 16px; 21966} 21967 21968/* modal-get-updates */ 21969.modal-get-updates .modal-dialog { 21970 max-width: 640px; 21971} 21972 21973.modal-get-updates .modal-icon { 21974 width: 56px; 21975 height: 56px; 21976 border-radius: 8px; 21977 background: #F6F6F6; 21978 color: #707375; 21979 margin-bottom: 16px; 21980 display: flex; 21981 align-items: center; 21982 justify-content: center; 21983} 21984 21985.modal-get-updates .modal-header { 21986 text-align: left; 21987} 21988 21989.modal-get-updates .modal-title { 21990 margin-bottom: 4px; 21991} 21992 21993.modal-get-updates .modal-header .close { 21994 position: absolute; 21995 top: 24px; 21996 right: -8px; 21997} 21998 21999.modal-get-updates .modal-body { 22000 padding-top: 0; 22001} 22002 22003.modal-get-updates .get-update { 22004 background: none; 22005 padding: 0; 22006 box-shadow: none 22007} 22008 22009.modal-get-updates .get-update .button { 22010 border-radius: 8px; 22011 background: #1A8FE3; 22012 color: #fff; 22013 width: 100%; 22014 font-size: 14px; 22015} 22016 22017.modal-get-updates .get-update .form-control { 22018 color: #A7A9AA; 22019 font-size: 12px; 22020 letter-spacing: 0.06px; 22021} 22022 22023 /*Extra large devices (large desktops, 1200px and up)*/ 22024 22025@media (min-width: 1200px) and (max-width: 1399.98px) { 22026 .menu2>li>ul { 22027 width: 200px; 22028 } 22029 .multilavel>ul { 22030 width: 160px; 22031 } 22032 .menu_wrap>ul>li>a { 22033 width: 65px; 22034 } 22035} 22036 22037@media (min-width: 1200px) { 22038 .container { 22039 max-width: 1230px; 22040 } 22041 .index .container { 22042 max-width: 1288px; 22043 } 22044 .support-area__image-box img { 22045 width: 100%; 22046 } 22047 .catalog-box>div { 22048 padding: 10px !important; 22049 } 22050 .row.catalog-box { 22051 margin: 30px -10px -10px -10px; 22052 } 22053 .check-tools { 22054 padding-top: 150px; 22055 padding-bottom: 150px; 22056 } 22057 .home_area--pdf { 22058 padding-top: 120px; 22059 padding-bottom: 40px; 22060 } 22061 .tools_area--pdf { 22062 padding-top: 10px; 22063 } 22064 .container-tools { 22065 max-width: 1288px; 22066 width: 100%; 22067 padding-right: 48px; 22068 padding-left: 48px; 22069 margin-right: auto; 22070 margin-left: auto; 22071 } 22072 .row-tools { 22073 display: flex; 22074 flex-wrap: wrap; 22075 margin-right: -24px; 22076 margin-left: -24px; 22077 } 22078} 22079 22080@media (min-width: 1400px) { 22081 .js-tools-slider { 22082 display: flex; 22083 margin-left: -10px; 22084 margin-right: -10px; 22085 } 22086 .tools__item { 22087 margin-left: 10px; 22088 margin-right: 10px; 22089 } 22090} 22091 22092@media (min-width: 992px) and (max-width: 1199.98px) { 22093 .slider-box { 22094 padding: 7px 12px; 22095 border-radius: 6px; 22096 max-width: 182px; 22097 } 22098 .range_right_content .button.outline_btn { 22099 padding: 10px 15px; 22100 } 22101 .pdf_content { 22102 padding-left: 273px; 22103 padding-top: 0px; 22104 padding-right: 15px; 22105 } 22106 .pdf_content.lg_content { 22107 padding-left: 90px; 22108 } 22109 .container { 22110 max-width: 992px; 22111 } 22112 .home_area h1 { 22113 font-size: 50px; 22114 } 22115 .title { 22116 font-size: 40px; 22117 } 22118 .header-tools { 22119 margin-right: 55px; 22120 } 22121 .menu2 li a { 22122 font-size: 12px; 22123 } 22124 .menu2 li a img { 22125 width: 15px; 22126 height: 15px; 22127 margin-right: 5px; 22128 } 22129 .menu2>li { 22130 margin-left: 5px; 22131 margin-right: 5px; 22132 } 22133 .menu2>li { 22134 padding: 0 10px; 22135 } 22136 .menu2>li>ul { 22137 width: 170px; 22138 } 22139 .menu2>li>ul>li { 22140 padding: 5px 16px; 22141 } 22142 .multilavel>ul { 22143 width: 140px; 22144 } 22145 .menu_wrap>ul>li>a { 22146 font-size: 9px; 22147 height: 66px; 22148 width: 50px; 22149 } 22150 .menu_wrap>ul>li>a img { 22151 max-width: 23px; 22152 } 22153 .sidebar { 22154 top: 123px; 22155 } 22156 .color_box { 22157 height: 30px; 22158 width: 30px; 22159 } 22160 .color_img img { 22161 height: 130px; 22162 width: 130px; 22163 } 22164} 22165 22166@media (max-width: 1199px) { 22167 .home_area { 22168 padding-top: 40px; 22169 padding-bottom: 100px; 22170 } 22171 .home_area--first .search_group input { 22172 height: 56px; 22173 padding-left: 52px; 22174 } 22175 .search_group--homepage .button { 22176 padding: 7px 24px; 22177 font-size: 12px; 22178 right: 12px; 22179 } 22180 .search { 22181 width: 18px; 22182 height: 18px; 22183 } 22184 .tools__content { 22185 padding: 12px; 22186 } 22187 .support-area__image-box img { 22188 width: 100%; 22189 } 22190 .tools__circle { 22191 width: 40px; 22192 height: 40px; 22193 } 22194 .tools__circle svg { 22195 width: 14px; 22196 height: 14px; 22197 } 22198 .tools__content span { 22199 font-size: 10px; 22200 } 22201 p.tools__name { 22202 font-size: 14px; 22203 } 22204 .tools__footer { 22205 padding: 10px 12px 16px; 22206 } 22207 .tools__footer>div { 22208 padding: 8px; 22209 } 22210 .tools__footer span { 22211 font-size: 8px; 22212 } 22213 .tools__item { 22214 min-width: 192px; 22215 } 22216 .tools .slick-slide { 22217 margin-left: 8px; 22218 margin-right: 8px; 22219 } 22220 .tools .slick-list { 22221 padding: 0 23% 0; 22222 margin-left: -8px; 22223 margin-right: -8px; 22224 } 22225 .catalog-box>div { 22226 padding: 4.5px !important; 22227 } 22228 .row.catalog-box { 22229 margin: 21.5px -4.5px -4.5px -4.5px !important; 22230 } 22231 .catalog-box .tools_box p { 22232 display: none; 22233 } 22234 .catalog-box .icon_box { 22235 width: 32px; 22236 height: 32px; 22237 margin-right: 0; 22238 margin-bottom: 8px; 22239 } 22240 .recommendation .catalog-box .icon_box { 22241 margin-right: 8px; 22242 margin-bottom: 0; 22243 } 22244 .recommendation .catalog-box h4 {
22245 width: 100px; 22246 } 22247 .catalog-box img { 22248 width: 15px; 22249 height: 15px; 22250 } 22251 .catalog-box h4 { 22252 width: 100%; 22253 font-size: 12px; 22254 } 22255 .catalog-box__tag { 22256 font-size: 10px; 22257 } 22258 .elect { 22259 width: 20px; 22260 height: 20px; 22261 } 22262 .check-tools .tools_box { 22263 padding: 12px; 22264 } 22265 .check-tools { 22266 padding-top: 56px; 22267 padding-bottom: 56px; 22268 border-radius: 32px; 22269 } 22270 .tools_area--pdf { 22271 padding-top: 0; 22272 padding-bottom: 100px; 22273 } 22274 .index .title { 22275 line-height: 1.38; 22276 font-size: 32px; 22277 } 22278 .filter { 22279 padding: 8px 2px; 22280 } 22281 .filter__category svg { 22282 width: 16px; 22283 height: 16px; 22284 } 22285 .filter__name { 22286 font-size: 12px; 22287 } 22288 .present__buttons { 22289 display: none; 22290 } 22291 .container-present { 22292 padding-bottom: 14px; 22293 margin-left: calc((100vw - 965px) / 2); 22294 } 22295 .present-card { 22296 box-shadow: 24px 24px 72px rgba(24, 29, 32, 0.1); 22297 } 22298} 22299 22300@media (max-width: 991.98px) { 22301 .expand_menu { 22302 box-shadow: none; 22303 top: 0; 22304 margin-top: 12px; 22305 } 22306 .menu2 li .category-tools__item { 22307 margin-top: 0; 22308 width: 100%; 22309 } 22310 header .menu2 { 22311 display: none; 22312 } 22313 #menu { 22314 position: fixed; 22315 left: -100%; 22316 top: 0; 22317 width: 100%; 22318 height: 100%; 22319 background-color: #fff; 22320 -webkit-transition: 0.3s; 22321 -o-transition: 0.3s; 22322 transition: 0.3s; 22323 padding-top: 100px; 22324 text-align: center; 22325 z-index: -1; 22326 } 22327 #menu.current { 22328 left: 0; 22329 } 22330 #menu li { 22331 display: block; 22332 margin-top: 20px; 22333 } 22334 .hamburger-menu { 22335 display: block; 22336 } 22337 .home_area { 22338 text-align: center; 22339 padding: 84px 0 80px 0; 22340 } 22341 .home_area--pdf { 22342 padding-top: 64px; 22343 padding-bottom: 35px; 22344 } 22345 .home_content { 22346 margin-left: auto; 22347 margin-right: auto; 22348 } 22349 .title { 22350 font-size: 32px; 22351 } 22352 .pt_150 { 22353 padding-top: 80px; 22354 } 22355 .pb_150 { 22356 padding-bottom: 80px; 22357 } 22358 .pt_120 { 22359 padding-top: 80px; 22360 } 22361 .pb_120 { 22362 padding-bottom: 80px; 22363 } 22364 .mt_100 { 22365 margin-top: 60px; 22366 } 22367 .mt_md_0 { 22368 margin-top: 0px; 22369 } 22370 .row_menu { 22371 display: -webkit-box; 22372 display: -ms-flexbox; 22373 display: flex; 22374 -ms-flex-wrap: wrap; 22375 flex-wrap: wrap; 22376 margin-left: -10px; 22377 margin-right: -10px; 22378 } 22379 .row_menu li { 22380 max-width: 50%; 22381 -webkit-box-flex: 0; 22382 -ms-flex: 0 0 50%; 22383 flex: 0 0 50%; 22384 padding-left: 10px; 22385 padding-right: 10px; 22386 } 22387 .footer_bottom p img { 22388 max-width: 74px; 22389 margin-right: 12px; 22390 } 22391 .footer_bottom { 22392 font-size: 12px; 22393 } 22394 .pt_md_10 { 22395 padding-top: 10px; 22396 } 22397 .title_md { 22398 font-size: 26px; 22399 } 22400 .mobile_menu { 22401 position: fixed; 22402 top: 0; 22403 left: -100%; 22404 z-index: 1019; 22405 height: 100dvh; 22406 width: 100%; 22407 background-color: #fff; 22408 overflow-y: auto; 22409 overflow-x: hidden; 22410 -webkit-transition: 0.4s; 22411 -o-transition: 0.4s; 22412 transition: 0.4s; 22413 } 22414 .mobile_menu.current { 22415 left: 0; 22416 } 22417 .mobile_menu .menu2 { 22418 -webkit-box-orient: vertical; 22419 -webkit-box-direction: normal; 22420 -ms-flex-direction: column; 22421 flex-direction: column; 22422 -webkit-box-align: start; 22423 -ms-flex-align: start; 22424 align-items: flex-start; 22425 margin-bottom: -16px; 22426 } 22427 .mobile_menu .menu2>li { 22428 width: 100%; 22429 } 22430 .mobile_menu .menu2>li>a { 22431 display: -webkit-box; 22432 display: -ms-flexbox; 22433 display: flex; 22434 color: #181D20; 22435 } 22436 .mobile_menu .menu2>li:first-child>a { 22437 border-radius: 10px 10px 0 0; 22438 } 22439 .mobile_menu .menu2>li:last-child>a { 22440 border-radius: 0 0 10px 10px; 22441 border-bottom: none; 22442 } 22443 .mobile_menu li a { 22444 position: relative; 22445 padding: 17px 16px; 22446 } 22447 .mobile_menu li a::after { 22448 position: absolute; 22449 right: 0; 22450 top: 9px; 22451 color: #707375; 22452 } 22453 .menu2>li>ul { 22454 position: relative; 22455 width: 100%; 22456 -webkit-box-shadow: none; 22457 box-shadow: none; 22458 opacity: 1; 22459 visibility: visible; 22460 padding: 0; 22461 border-radius: 0; 22462 } 22463 .multilavel>ul { 22464 top: 0px; 22465 left: 0px; 22466 position: relative; 22467 -webkit-box-shadow: none; 22468 box-shadow: none; 22469 border-radius: 0px; 22470 padding: 0; 22471 background-color: #fafbfb; 22472 width: 100%; 22473 visibility: visible; 22474 opacity: 1; 22475 display: none; 22476 -webkit-transition: unset; 22477 -o-transition: unset; 22478 transition: unset; 22479 } 22480 .menu2>li>ul>li { 22481 padding: 0px; 22482 } 22483 .multilavel>ul>li { 22484 padding: 0; 22485 } 22486 .mobile_menu .search_group input { 22487 -webkit-box-shadow: 0 5px 10px rgba(116, 116, 116, 0.10); 22488 box-shadow: 0 5px 10px rgba(116, 116, 116, 0.10); 22489 } 22490 .title_lg { 22491 font-size: 32px; 22492 } 22493 .bottom_menu { 22494 flex-direction: column; 22495 } 22496 .menu_wrap { 22497 overflow: auto; 22498 scrollbar-width: none; 22499 -ms-overflow-style: none; 22500 } 22501 .menu_wrap::-webkit-scrollbar {
22502 height: 0; 22503 width: 0; 22504 } 22505 .menu_wrap>ul { 22506 min-width: 500px; 22507 width: 100%; 22508 } 22509 .pdf_content { 22510 padding-left: 48px; 22511 padding-top: 24px; 22512 padding-right: calc((100% - 720px) / 2 + 15px); 22513 } 22514 .range_wrapper { 22515 justify-content: space-between !important; 22516 padding: 12px 15px; 22517 max-width: 720px; 22518 margin-left: auto; 22519 margin-right: auto; 22520 } 22521 .range_left_content { 22522 display: flex; 22523 align-items: center; 22524 } 22525 .range_left_content .pager { 22526 margin-left: 16px; 22527 } 22528 .range_left_content .pager h4 { 22529 padding-right: 24px; 22530 } 22531 .range_right_content { 22532 display: flex; 22533 align-items: center; 22534 width: 100%; 22535 justify-content: flex-end; 22536 } 22537 .sidebar { 22538 top: 0; 22539 height: 100%; 22540 left: -100%; 22541 z-index: 1024; 22542 } 22543 .sidebar.current { 22544 left: 0; 22545 } 22546 .pdf_content.lg_content { 22547 padding-left: 48px; 22548 } 22549 .overlay { 22550 position: fixed; 22551 left: 0; 22552 top: 0; 22553 height: 100%; 22554 width: 100%; 22555 z-index: 1023; 22556 background-color: rgba(24, 29, 32, 0.4); 22557 -webkit-transition: 0.4s; 22558 -o-transition: 0.4s; 22559 transition: 0.4s; 22560 pointer-events: none; 22561 opacity: 0; 22562 } 22563 .overlay.current { 22564 opacity: 1; 22565 pointer-events: all; 22566 } 22567 #switch .modal-dialog { 22568 max-width: 616px; 22569 } 22570 .toggle_btn img { 22571 transform: rotate(180deg); 22572 } 22573 .sidebar.small_width { 22574 width: 258px; 22575 overflow: auto; 22576 } 22577 .sidebar.small_width ul, 22578 .sidebar.small_width .pager { 22579 display: flex!important; 22580 } 22581 .sidebar.small_width .add_wrap { 22582 display: block!important; 22583 } 22584 .color_img img { 22585 height: 120px; 22586 width: 120px; 22587 } 22588 body.index { 22589 line-height: 1.5; 22590 } 22591 .mt_32 { 22592 margin-top: 16px; 22593 } 22594 .mt_40 { 22595 margin-top: 24px; 22596 } 22597 .m-mt_8 { 22598 margin-top: 8px; 22599 } 22600 .index .descr { 22601 margin-top: 8px; 22602 font-size: 12px; 22603 line-height: 1.5; 22604 } 22605 .index .container { 22606 padding-left: 24px; 22607 padding-right: 24px; 22608 } 22609 .index .row { 22610 margin-left: -24px; 22611 margin-right: -24px; 22612 } 22613 .index-actions { 22614 margin-top: 24px; 22615 } 22616 .index-btn { 22617 font-size: 12px; 22618 line-height: 18px; 22619 padding: 12px 20px !important; 22620 } 22621 /* nav */ 22622 header { 22623 padding: 18px 0; 22624 } 22625 .logo-icon { 22626 width: 24px; 22627 } 22628 .logo-normal, 22629 .logo-dark { 22630 width: 67px; 22631 } 22632 .tools-menu::after { 22633 content: none; 22634 } 22635 /* .header-search */ 22636 .header-search--pannel { 22637 position: static; 22638 left: 0; 22639 right: 0; 22640 top: 0; 22641 width: 100%; 22642 background-color: #ffffff; 22643 padding-top: 24px; 22644 padding-bottom: 12px; 22645 z-index: 100; 22646 } 22647 .header-search_form { 22648 position: relative; 22649 } 22650 .header-search .header-search_button { 22651 display: inline-block; 22652 vertical-align: middle; 22653 width: 20px; 22654 height: 20px; 22655 box-sizing: content-box; 22656 padding: 0 0 2px 0; 22657 } 22658 .header-search_button svg { 22659 width: 100%; 22660 height: 100%; 22661 } 22662 /* .mobile_menu */ 22663 .mobile_menu { 22664 padding-top: 60px; 22665 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 22666 } 22667 .mobile_menu .container { 22668 padding-top: 0; 22669 } 22670 .menu2 .mobile_menu-full-elements { 22671 margin: 0; 22672 padding: 16px 0; 22673 } 22674 .menu2 .nav-link { 22675 padding: 0; 22676 } 22677 .drop_menu.is-opened { 22678 background-color: #FFFFFF; 22679 } 22680 .menu2 { 22681 margin-right: 0; 22682 } 22683 .menu2 li a { 22684 font-size: 16px; 22685 } 22686 .mobile_menu-tools .header-tools { 22687 border-right: none; 22688 margin-bottom: 24px; 22689 } 22690 .header-tools .button { 22691 width: 40px; 22692 height: 40px; 22693 } 22694 .btn-support, 22695 .button-sign-in { 22696 width: 100%; 22697 } 22698 .btn-support { 22699 margin-left: 0; 22700 margin-bottom: 8px; 22701 } 22702 .menu2 li .category-tools__item:hover { 22703 background-color: #ffffff; 22704 } 22705 .icon_box { 22706 width: 48px; 22707 height: 48px; 22708 } 22709 .category-tools { 22710 padding-bottom: 8px; 22711 } 22712 .category-tools__item h4 { 22713 font-size: 14px; 22714 line-height: 1.42; 22715 } 22716 .category-tools__descr { 22717 font-size: 10px; 22718 } 22719 .category-menu { 22720 border-left: none; 22721 border-top: 1px solid #E3E3E4; 22722 padding-top: 16px; 22723 } 22724 .expand_menu .mega_menu li a { 22725 font-size: 12px; 22726 } 22727 .expand_menu-box { 22728 box-shadow: none; 22729 } 22730 .category-tools__item--big { 22731 border: none; 22732 } 22733 .menu2 .expand_menu--image .category-tools__item { 22734 padding: 8px 0 8px 8px !important; 22735 width: 100%; 22736 } 22737 .menu2 .expand_menu--image .category-tools__item--big { 22738 margin-left: -8px; 22739 padding-right: 8px !important; 22740 box-sizing: content-box; 22741 } 22742 .category-tools__item--big.is-active { 22743 background-color: #F6F6F6; 22744 } 22745 .mobile_menu__actions.shadow { 22746 box-shadow: 0px 10px 40px rgba(24, 29, 32, 0.05) !important; 22747 } 22748 .header-search--pannel.shadow { 22749 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05) !important; 22750 } 22751 .mobile_menu__actions { 22752 position: sticky; 22753 bottom: 0; 22754 left: 0; 22755 right: 0; 22756 padding: 24px; 22757 background-color: #ffffff; 22758 box-sizing: border-box; 22759 margin-left: -24px; 22760 margin-right: -24px; 22761 } 22762 .ai-tools { 22763 border-right: 0; 22764 width: 100%; 22765 } 22766 .ai-tools__catalog { 22767 padding-left: 8px; 22768 } 22769 .ai-all { 22770 padding-left: 8px; 22771 } 22772 .ai-featured__box>div { 22773 margin: -4px -4.5px; 22774 } 22775 .menu2 .expand_menu--image .category-tools__item.pl-0 { 22776 padding-left: 0 !important; 22777 } 22778 .expand_menu .mega_menu li a { 22779 padding-left: 8px; 22780 padding-right: 8px; 22781 } 22782 .expand_menu-box .category-tools, 22783 .expand_menu-box .category-menu { 22784 padding-bottom: 8px; 22785 } 22786 .menu2 .ai-featured__box .category-tools__item { 22787 padding: 4px 4.5px !important; 22788 display: block; 22789 } 22790 .menu2 .ai-all__item .main-item { 22791 height: 90px; 22792 } 22793 .ai-featured__content { 22794 margin-top: 8px; 22795 } 22796 .image-box-arrow { 22797 display: none; 22798 } 22799 .menu2 li .main-item { 22800 height: 172px; 22801 padding: 12px; 22802 } 22803 .main-item h4 { 22804 font-size: 16px; 22805 } 22806 .category-tools__other li a { 22807 width: 100%; 22808 } 22809 .ai-tools .category-tools__item--big:after { 22810 content: '\f107'; 22811 font-family: FontAwesome; 22812 color: #707375; 22813 position: absolute; 22814 top: calc(100% / 2 - 11px); 22815 right: 11px; 22816 font-size: 115%; 22817 font-weight: 400; 22818 } 22819 .mobile_menu__login .btn-support { 22820 padding: 8px 27px; 22821 background-color: #1A8FE3; 22822 color: #ffffff; 22823 font-size: 10px; 22824 letter-spacing: 0.005em; 22825 margin-bottom: 0; 22826 width: auto; 22827 white-space: nowrap; 22828 margin-left: 10px; 22829 }
22830 .main-item--arrow svg { 22831 right: 12px; 22832 bottom: 22px; 22833 } 22834 /* end .mobile_menu */ 22835 .support-area { 22836 padding-top: 40px; 22837 padding-bottom: 40px; 22838 } 22839 .support-area__content .title { 22840 width: 100%; 22841 } 22842 .home_area h1 { 22843 font-size: 34px; 22844 text-align: left; 22845 } 22846 .statistic__num { 22847 font-size: 30px; 22848 } 22849 .statistic__text { 22850 font-size: 12px; 22851 } 22852 .home_area--first .descr { 22853 text-align: left; 22854 } 22855 .present { 22856 padding-top: 100px; 22857 } 22858 .present-card { 22859 padding: 10px 10px 16px 10px; 22860 min-width: 255px; 22861 max-width: 255px; 22862 margin-left: 8px; 22863 margin-right: 8px; 22864 } 22865 .present-card__bg { 22866 height: 161px; 22867 } 22868 .present-card__bg img { 22869 width: 269px; 22870 height: 169px; 22871 } 22872 .present-card__name { 22873 margin-top: 10px; 22874 font-size: 14px; 22875 } 22876 .present-card__descr { 22877 font-size: 10px; 22878 } 22879 .present-cart__actions { 22880 margin-top: 12px; 22881 } 22882 .present-cart__link { 22883 font-size: 12px; 22884 } 22885 .container-present .slick-list { 22886 height: 382px; 22887 } 22888 .container-present .slick-track { 22889 margin-left: -8px; 22890 margin-right: -8px; 22891 } 22892 .container-present { 22893 margin-left: calc((100vw - 690px) / 2); 22894 } 22895 .chart-creators_box { 22896 padding: 24px; 22897 } 22898 .chart-creators_bar, 22899 .chart-creators_tabs { 22900 padding: 12px; 22901 } 22902 .chart-creators_bar .form-check-label { 22903 padding: 8px; 22904 width: 100px; 22905 } 22906 .recommendation .tools_box { 22907 flex-wrap: wrap; 22908 } 22909 .recommendation__text { 22910 width: 100%; 22911 margin-top: 8px; 22912 } 22913 .recommendation__send-box { 22914 position: absolute; 22915 top: 12px; 22916 right: 12px; 22917 width: 20px; 22918 height: 20px; 22919 } 22920} 22921 22922 22923/*Medium devices (tablets, 767px and down)*/ 22924 22925@media (max-width: 767.98px) { 22926 .footer_bottom { 22927 text-align: center; 22928 } 22929 .title_lg { 22930 font-size: 26px; 22931 } 22932 .recommendation .title_lg { 22933 font-size: 28px; 22934 } 22935 .recommendation p { 22936 font-size: 12px; 22937 margin-top: 4px !important; 22938 } 22939 .recommendation { 22940 padding-bottom: 56px; 22941 padding-top: 56px !important; 22942 } 22943 .recommendation .catalog-box h4 { 22944 width: 100%; 22945 } 22946 .recommendation .catalog-box>div:nth-of-type(n+5) { 22947 display: none; 22948 } 22949 .rating_box { 22950 -webkit-box-orient: vertical; 22951 -webkit-box-direction: normal; 22952 -ms-flex-direction: column; 22953 flex-direction: column; 22954 } 22955 .star-rating { 22956 padding-left: 0; 22957 } 22958 .menu_wrap { 22959 overflow: auto; 22960 scrollbar-width: none; 22961 -ms-overflow-style: none; 22962 } 22963 .mobile_menu_wrapper { 22964 position: fixed; 22965 bottom: 0; 22966 left: 0; 22967 z-index: 5; 22968 width: 100%; 22969 background-color: #fff; 22970 } 22971 .range_left_content .pager { 22972 display: none !important; 22973 } 22974 .range_wrapper { 22975 max-width: 540px; 22976 margin-left: auto; 22977 margin-right: auto; 22978 } 22979 .range_right_content .slider-box { 22980 display: none !important; 22981 } 22982 .pdf_mb { 22983 white-space: nowrap; 22984 padding-left: 16px; 22985 } 22986 .pdf_content { 22987 /*max-width: 540px;*/ 22988 padding-left: 15px; 22989 padding-right: 15px; 22990 margin-left: auto; 22991 margin-right: auto; 22992 padding-bottom: 90px; 22993 } 22994 .pdf_content.lg_content { 22995 padding-left: 15px; 22996 } 22997 #switch .modal-dialog { 22998 max-width: 327px; 22999 } 23000 #switch .modal-body { 23001 padding: 24px; 23002 } 23003 #signature .modal-content .modal-body h4, 23004 #switch .modal-content .modal-body h4 { 23005 font-size: 18px; 23006 } 23007 .modal_sub { 23008 font-size: 12px; 23009 } 23010 .switch_radio_box { 23011 margin-top: 16px; 23012 } 23013 .switch_btn p { 23014 font-size: 10px; 23015 margin-top: 24px; 23016 max-width: 197px; 23017 margin-left: auto; 23018 margin-right: auto; 23019 } 23020 .switch_btn button { 23021 font-size: 12px; 23022 padding: 11px; 23023 margin-top: 16px; 23024 } 23025 .color_img img { 23026 height: 88px; 23027 width: 88px; 23028 } 23029 .menu_wrap .dropdown-toggle::after { 23030 display: none; 23031 } 23032 .container-present { 23033 margin-left: calc((100vw - 509px) / 2); 23034 } 23035 .filter-container { 23036 margin-right: 24px; 23037 overflow-x: scroll; 23038 -ms-overflow-style: none; 23039 scrollbar-width: none; 23040 height: 61px; 23041 border-radius: 99px; 23042 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 23043 } 23044 .filter-container::-webkit-scrollbar {
23045 display: none; 23046 } 23047 .statistic { 23048 padding: 16px; 23049 } 23050 .statistic__num { 23051 font-size: 24px; 23052 margin: 0; 23053 } 23054 .statistic__item:last-child { 23055 order: 1; 23056 } 23057 .statistic__item:first-child { 23058 order: 1; 23059 } 23060 .statistic__text { 23061 font-size: 10px; 23062 margin-top: 2px; 23063 line-height: 1.5; 23064 } 23065 .statistic__item { 23066 flex-direction: column; 23067 align-items: flex-start; 23068 } 23069 .statistic__item:not(:last-of-type)::after { 23070 content: none; 23071 } 23072 .d-4 { 23073 display: none; 23074 } 23075 .chart-creators_box { 23076 padding: 16px; 23077 } 23078 .chart-creators_bar, 23079 .chart-creators_tabs { 23080 padding: 10px; 23081 } 23082 .chart-creators_bar { 23083 flex-wrap: wrap; 23084 padding-top: 4px; 23085 } 23086 .chart-creators_bar .form-check { 23087 margin-left: 3px; 23088 margin-right: 3px; 23089 margin-top: 6px; 23090 } 23091 .chart-creators_bar .form-check-label { 23092 width: 87px; 23093 } 23094 .chart-creators_tabs .list-group { 23095 padding-left: 4px; 23096 padding-right: 4px; 23097 display: flex; 23098 } 23099 .chart-creators_tabs .list-group-item { 23100 padding: 10px 11px; 23101 font-size: 12px; 23102 margin-left: 0; 23103 margin-right: 0; 23104 } 23105 .tab-content .form-group { 23106 margin-bottom: 0; 23107 } 23108 .tab-content .text-settings { 23109 bottom: 3px; 23110 right: 3px; 23111 } 23112 .tab-content .form-group>label { 23113 font-size: 12px; 23114 padding-bottom: 8px; 23115 } 23116 .tab-content .form-group>.form-control { 23117 height: 35px; 23118 font-size: 10px; 23119 } 23120 .tab-content .dropdown .btn-secondary { 23121 font-size: 10px; 23122 padding-top: 9px; 23123 padding-bottom: 9px; 23124 } 23125 .tab-content .dropdown-item { 23126 font-size: 10px; 23127 margin-top: 2px; 23128 } 23129 .chart-creators_buttons .button { 23130 width: 100%; 23131 padding-top: 8px; 23132 padding-bottom: 8px; 23133 font-size: 12px; 23134 } 23135 .chart-creators_import { 23136 text-align: center; 23137 } 23138 .chart-creators_import .button { 23139 width: 100%; 23140 padding-top: 8px; 23141 padding-bottom: 8px; 23142 font-size: 12px; 23143 } 23144 .chart-creators_import p { 23145 margin-top: 5px; 23146 font-size: 10px; 23147 } 23148 .tags { 23149 display: none; 23150 } 23151 .custom-scroll { 23152 padding-right: 8px; 23153 } 23154 .history-popup { 23155 padding: 16px 8px 16px 16px; 23156 } 23157 .history-popup__title { 23158 font-size: 18px; 23159 } 23160 .history-dropdown .dropdown-toggle { 23161 padding: 11px 35px 11px 16px; 23162 font-size: 14px; 23163 } 23164 .history-summarizer_item h5 { 23165 font-size: 14px; 23166 } 23167 .summarizer_item p { 23168 font-size: 10px; 23169 } 23170 .history-summarizer_item .form-control { 23171 font-size: 12px; 23172 } 23173 .history-summarizer_item .compress-result_button-download { 23174 font-size: 12px; 23175 padding-top: 11px; 23176 padding-bottom: 11px; 23177 } 23178 .history-summarizer_item .summarizer_action .button-copy { 23179 margin-top: 0; 23180 } 23181 .history-popup_close { 23182 top: 16px; 23183 right: 18px; 23184 } 23185} 23186 23187 23188/*Small devices (landscape phones, 575px and down)*/ 23189 23190@media (max-width: 575.98px) { 23191 .bottom_menu { 23192 padding-right: 0px; 23193 } 23194 .home_area h1 { 23195 font-size: 26px; 23196 line-height: 130%; 23197 } 23198 .home_area p { 23199 font-size: 13px; 23200 margin-top: 12px; 23201 } 23202 .search_group input { 23203 font-size: 12px; 23204 height: 50px; 23205 } 23206 .search_group { 23207 margin-top: 24px; 23208 } 23209 .search_group .button { 23210 font-size: 12px; 23211 padding: 7px 24px; 23212 } 23213 .tag_box a { 23214 padding: 5px 10px; 23215 font-size: 10px; 23216 margin-left: 2px; 23217 } 23218 body { 23219 font-size: 14px; 23220 } 23221 .title { 23222 font-size: 26px; 23223 } 23224 .sub_title { 23225 font-size: 12px; 23226 } 23227 br { 23228 display: none; 23229 } 23230 .price_box { 23231 padding: 12px; 23232 } 23233 .price_box ul li { 23234 font-size: 16px; 23235 } 23236 .button { 23237 font-size: 14px; 23238 } 23239 .price_box h4 { 23240 font-size: 20px; 23241 } 23242 .price_box h3 { 23243 font-size: 16px; 23244 } 23245 .footer_bottom p img { 23246 max-width: 70px; 23247 margin-right: 5px; 23248 } 23249 .footer_bottom { 23250 font-size: 10px; 23251 margin-top: 25px; 23252 } 23253 footer { 23254 font-size: 12px; 23255 } 23256 footer h4 { 23257 font-size: 14px; 23258 } 23259 .title_md { 23260 font-size: 20px; 23261 } 23262 .tools_area.v2 .tools_box { 23263 padding: 24px; 23264 } 23265 .tools_area.v2 .tools_box p { 23266 font-size: 14px; 23267 } 23268 .tools_area.v2 .icon_box { 23269 width: 56px; 23270 height: 56px; 23271 padding: 12px; 23272 } 23273 .pdf_mb { 23274 font-size: 14px; 23275 } 23276 .serach_img { 23277 margin-right: 0; 23278 } 23279 .serach_img img { 23280 max-width: 14px; 23281 } 23282 .button.outline_btn { 23283 font-size: 10px; 23284 padding: 7px 10px; 23285 } 23286 .top_header .button { 23287 font-size: 10px; 23288 padding: 7px 10px; 23289 } 23290 .top_header .dropdown-toggle { 23291 width: 30px; 23292 height: 30px; 23293 } 23294 .switch-mode { 23295 width: 13px; 23296 height: 13px; 23297 } 23298 .logo_con img { 23299 max-width: 123px; 23300 } 23301 .color_img { 23302 flex-basis: 33.33%; 23303 max-width: 33.33%; 23304 } 23305 .color_wrapper { 23306 padding-top: 20px; 23307 padding-bottom: 50px; 23308 } 23309 .container-present { 23310 margin-left: 24px; 23311 padding: 0; 23312 } 23313} 23314 23315@media (max-width: 1400px) { 23316 .statistic__item:not(:last-of-type)::after { 23317 padding-left: 30px; 23318 } 23319 .tools { 23320 box-shadow: 20px 20px 72px rgb(24 29 32 / 10%); 23321 position: relative; 23322 } 23323 .container-present { 23324 box-shadow: 3em 0 8.4em #eaeaea; 23325 } 23326} 23327 23328 /**, :before, :after {*/ 23329/* box-sizing: border-box;*/ 23330/* border-width: 0;*/ 23331/* border-style: solid;*/ 23332/* border-color: #e5e7eb*/ 23333/*}*/ 23334 23335/*:before, :after {*/ 23336/* --tw-content: ""*/ 23337/*}*/ 23338 23339/*html, :host {*/ 23340/* line-height: 1.5;*/ 23341/* -webkit-text-size-adjust: 100%;*/ 23342/* -moz-tab-size: 4;*/ 23343/* -o-tab-size: 4;*/ 23344/* tab-size: 4;*/ 23345/* font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";*/ 23346/* font-feature-settings: normal;*/ 23347/* font-variation-settings: normal;*/ 23348/* -webkit-tap-highlight-color: transparent*/ 23349/*}*/ 23350 23351/*body {*/ 23352/* margin: 0;*/ 23353/* line-height: inherit*/ 23354/*}*/ 23355 23356/*hr {*/ 23357/* height: 0;*/ 23358/* color: inherit;*/ 23359/* border-top-width: 1px*/ 23360/*}*/ 23361 23362/*abbr:where([title]) {*/ 23363/* -webkit-text-decoration: underline dotted;*/ 23364/* text-decoration: underline dotted*/ 23365/*}*/ 23366 23367/*h1, h2, h3, h4, h5, h6 {*/ 23368/* font-size: inherit;*/ 23369/* font-weight: inherit*/ 23370/*}*/ 23371 23372/*a {*/ 23373/* color: inherit;*/ 23374/* text-decoration: inherit*/ 23375/*}*/ 23376 23377/*b, strong {*/ 23378/* font-weight: bolder*/ 23379/*}*/ 23380 23381/*code, kbd, samp, pre {*/ 23382/* font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;*/ 23383/* font-feature-settings: normal;*/ 23384/* font-variation-settings: normal;*/ 23385/* font-size: 1em*/ 23386/*}*/ 23387 23388/*small {*/ 23389/* font-size: 80%*/ 23390/*}*/ 23391 23392/*sub, sup {*/ 23393/* font-size: 75%;*/ 23394/* line-height: 0;*/ 23395/* position: relative;*/ 23396/* vertical-align: baseline*/ 23397/*}*/ 23398 23399/*sub {*/ 23400/* bottom: -.25em*/ 23401/*}*/ 23402 23403/*sup {*/ 23404/* top: -.5em*/ 23405/*}*/ 23406 23407/*table {*/ 23408/* text-indent: 0;*/ 23409/* border-color: inherit;*/ 23410/* border-collapse: collapse*/ 23411/*}*/ 23412 23413/*button, input, optgroup, select, textarea {*/ 23414/* font-family: inherit;*/ 23415/* font-feature-settings: inherit;*/ 23416/* font-variation-settings: inherit;*/ 23417/* font-size: 100%;*/ 23418/* font-weight: inherit;*/ 23419/* line-height: inherit;*/ 23420/* letter-spacing: inherit;*/ 23421/* color: inherit;*/ 23422/* margin: 0;*/ 23423/* padding: 0*/ 23424/*}*/ 23425 23426/*button, select {*/ 23427/* text-transform: none*/ 23428/*}*/ 23429
23430/*button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {*/ 23431/* -webkit-appearance: button;*/ 23432/* background-color: transparent;*/ 23433/* background-image: none*/ 23434/*}*/ 23435 23436/*:-moz-focusring {*/ 23437/* outline: auto*/ 23438/*}*/ 23439 23440/*:-moz-ui-invalid {*/ 23441/* box-shadow: none*/ 23442/*}*/ 23443 23444/*progress {*/ 23445/* vertical-align: baseline*/ 23446/*}*/ 23447 23448/*::-webkit-inner-spin-button, ::-webkit-outer-spin-button {*/ 23449/* height: auto*/ 23450/*}*/ 23451 23452/*[type=search] {*/ 23453/* -webkit-appearance: textfield;*/ 23454/* outline-offset: -2px*/ 23455/*}*/ 23456 23457/*::-webkit-search-decoration {*/ 23458/* -webkit-appearance: none*/ 23459/*}*/ 23460 23461/*::-webkit-file-upload-button {*/ 23462/* -webkit-appearance: button;*/ 23463/* font: inherit*/ 23464/*}*/ 23465 23466/*summary {*/ 23467/* display: list-item*/ 23468/*}*/ 23469 23470/*blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {*/ 23471/* margin: 0*/ 23472/*}*/ 23473 23474/*fieldset {*/ 23475/* margin: 0;*/ 23476/* padding: 0*/ 23477/*}*/ 23478 23479/*legend {*/ 23480/* padding: 0*/ 23481/*}*/ 23482 23483/*ol, ul, menu {*/ 23484/* list-style: none;*/ 23485/* margin: 0;*/ 23486/* padding: 0*/ 23487/*}*/ 23488 23489/*dialog {*/ 23490/* padding: 0*/ 23491/*}*/ 23492 23493/*textarea {*/ 23494/* resize: vertical*/ 23495/*}*/ 23496 23497/*input::-moz-placeholder, textarea::-moz-placeholder {*/ 23498/* opacity: 1;*/ 23499/* color: #9ca3af*/ 23500/*}*/ 23501 23502/*input::placeholder, textarea::placeholder {*/ 23503/* opacity: 1;*/ 23504/* color: #9ca3af*/ 23505/*}*/ 23506 23507/*button, [role=button] {*/ 23508/* cursor: pointer*/ 23509/*}*/ 23510 23511/*:disabled {*/ 23512/* cursor: default*/ 23513/*}*/ 23514 23515/*img, svg, video, canvas, audio, iframe, embed, object {*/ 23516/* display: block;*/ 23517/* vertical-align: middle*/ 23518/*}*/ 23519 23520/*img, video {*/ 23521/* max-width: 100%;*/ 23522/* height: auto*/ 23523/*}*/ 23524 23525/*[hidden] {*/ 23526/* display: none*/ 23527/*}*/ 23528 23529:root { 23530 --background: 0 0% 100%; 23531 --foreground: 222.2 84% 4.9%; 23532 --card: 0 0% 100%; 23533 --card-foreground: 222.2 84% 4.9%; 23534 --popover: 0 0% 100%; 23535 --popover-foreground: 222.2 84% 4.9%; 23536 --primary: 222.2 47.4% 11.2%; 23537 --primary-foreground: 210 40% 98%; 23538 --secondary: 210 40% 96.1%; 23539 --secondary-foreground: 222.2 47.4% 11.2%; 23540 --muted: 210 40% 96.1%; 23541 --muted-foreground: 215.4 16.3% 46.9%; 23542 --accent: 210 40% 96.1%; 23543 --accent-foreground: 222.2 47.4% 11.2%; 23544 --destructive: 0 84.2% 60.2%; 23545 --destructive-foreground: 210 40% 98%; 23546 --border: 214.3 31.8% 91.4%; 23547 --input: 214.3 31.8% 91.4%; 23548 --ring: 222.2 84% 4.9%; 23549 --radius: .5rem; 23550 --sidebar-background: 0 0% 98%; 23551 --sidebar-foreground: 240 5.3% 26.1%; 23552 --sidebar-primary: 240 5.9% 10%; 23553 --sidebar-primary-foreground: 0 0% 98%; 23554 --sidebar-accent: 240 4.8% 95.9%; 23555 --sidebar-accent-foreground: 240 5.9% 10%; 23556 --sidebar-border: 220 13% 91%; 23557 --sidebar-ring: 217.2 91.2% 59.8%; 23558 --brand-blue: 204 100% 50%; 23559 --brand-blue-light: 204 100% 95%; 23560 --brand-blue-dark: 204 100% 40% 23561} 23562 23563.dark { 23564 --background: 222.2 84% 4.9%; 23565 --foreground: 210 40% 98%; 23566 --card: 222.2 84% 4.9%; 23567 --card-foreground: 210 40% 98%; 23568 --popover: 222.2 84% 4.9%; 23569 --popover-foreground: 210 40% 98%; 23570 --primary: 210 40% 98%; 23571 --primary-foreground: 222.2 47.4% 11.2%; 23572 --secondary: 217.2 32.6% 17.5%; 23573 --secondary-foreground: 210 40% 98%; 23574 --muted: 217.2 32.6% 17.5%; 23575 --muted-foreground: 215 20.2% 65.1%; 23576 --accent: 217.2 32.6% 17.5%; 23577 --accent-foreground: 210 40% 98%; 23578 --destructive: 0 62.8% 30.6%; 23579 --destructive-foreground: 210 40% 98%; 23580 --border: 217.2 32.6% 17.5%; 23581 --input: 217.2 32.6% 17.5%; 23582 --ring: 212.7 26.8% 83.9%; 23583 --sidebar-background: 240 5.9% 10%; 23584 --sidebar-foreground: 240 4.8% 95.9%; 23585 --sidebar-primary: 224.3 76.3% 48%; 23586 --sidebar-primary-foreground: 0 0% 100%; 23587 --sidebar-accent: 240 3.7% 15.9%; 23588 --sidebar-accent-foreground: 240 4.8% 95.9%; 23589 --sidebar-border: 240 3.7% 15.9%; 23590 --sidebar-ring: 217.2 91.2% 59.8% 23591} 23592 23593/** {*/ 23594/* border-color: hsl(var(--border))*/ 23595/*}*/ 23596 23597/*body {*/ 23598/* background-color: hsl(var(--background));*/ 23599/* color: hsl(var(--foreground))*/ 23600/*}*/ 23601 23602*, :before, :after { 23603 --tw-border-spacing-x: 0; 23604 --tw-border-spacing-y: 0; 23605 --tw-translate-x: 0; 23606 --tw-translate-y: 0; 23607 --tw-rotate: 0; 23608 --tw-skew-x: 0; 23609 --tw-skew-y: 0; 23610 --tw-scale-x: 1; 23611 --tw-scale-y: 1; 23612 --tw-pan-x: ; 23613 --tw-pan-y: ; 23614 --tw-pinch-zoom: ; 23615 --tw-scroll-snap-strictness: proximity; 23616 --tw-gradient-from-position: ;
23617 --tw-gradient-via-position: ; 23618 --tw-gradient-to-position: ; 23619 --tw-ordinal: ; 23620 --tw-slashed-zero: ; 23621 --tw-numeric-figure: ; 23622 --tw-numeric-spacing: ; 23623 --tw-numeric-fraction: ; 23624 --tw-ring-inset: ; 23625 --tw-ring-offset-width: 0px; 23626 --tw-ring-offset-color: #fff; 23627 --tw-ring-color: rgb(59 130 246 / .5); 23628 --tw-ring-offset-shadow: 0 0 #0000; 23629 --tw-ring-shadow: 0 0 #0000; 23630 --tw-shadow: 0 0 #0000; 23631 --tw-shadow-colored: 0 0 #0000; 23632 --tw-blur: ; 23633 --tw-brightness: ; 23634 --tw-contrast: ; 23635 --tw-grayscale: ; 23636 --tw-hue-rotate: ; 23637 --tw-invert: ; 23638 --tw-saturate: ; 23639 --tw-sepia: ; 23640 --tw-drop-shadow: ; 23641 --tw-backdrop-blur: ; 23642 --tw-backdrop-brightness: ; 23643 --tw-backdrop-contrast: ; 23644 --tw-backdrop-grayscale: ; 23645 --tw-backdrop-hue-rotate: ; 23646 --tw-backdrop-invert: ; 23647 --tw-backdrop-opacity: ; 23648 --tw-backdrop-saturate: ; 23649 --tw-backdrop-sepia: ; 23650 --tw-contain-size: ; 23651 --tw-contain-layout: ; 23652 --tw-contain-paint: ; 23653 --tw-contain-style: ; 23654} 23655 23656::backdrop { 23657 --tw-border-spacing-x: 0; 23658 --tw-border-spacing-y: 0; 23659 --tw-translate-x: 0; 23660 --tw-translate-y: 0; 23661 --tw-rotate: 0; 23662 --tw-skew-x: 0; 23663 --tw-skew-y: 0; 23664 --tw-scale-x: 1; 23665 --tw-scale-y: 1; 23666 --tw-pan-x: ; 23667 --tw-pan-y: ; 23668 --tw-pinch-zoom: ; 23669 --tw-scroll-snap-strictness: proximity; 23670 --tw-gradient-from-position: ; 23671 --tw-gradient-via-position: ; 23672 --tw-gradient-to-position: ; 23673 --tw-ordinal: ; 23674 --tw-slashed-zero: ; 23675 --tw-numeric-figure: ; 23676 --tw-numeric-spacing: ; 23677 --tw-numeric-fraction: ; 23678 --tw-ring-inset: ; 23679 --tw-ring-offset-width: 0px; 23680 --tw-ring-offset-color: #fff; 23681 --tw-ring-color: rgb(59 130 246 / .5); 23682 --tw-ring-offset-shadow: 0 0 #0000; 23683 --tw-ring-shadow: 0 0 #0000; 23684 --tw-shadow: 0 0 #0000; 23685 --tw-shadow-colored: 0 0 #0000; 23686 --tw-blur: ; 23687 --tw-brightness: ; 23688 --tw-contrast: ; 23689 --tw-grayscale: ; 23690 --tw-hue-rotate: ; 23691 --tw-invert: ; 23692 --tw-saturate: ; 23693 --tw-sepia: ; 23694 --tw-drop-shadow: ; 23695 --tw-backdrop-blur: ; 23696 --tw-backdrop-brightness: ; 23697 --tw-backdrop-contrast: ; 23698 --tw-backdrop-grayscale: ; 23699 --tw-backdrop-hue-rotate: ; 23700 --tw-backdrop-invert: ; 23701 --tw-backdrop-opacity: ; 23702 --tw-backdrop-saturate: ; 23703 --tw-backdrop-sepia: ; 23704 --tw-contain-size: ; 23705 --tw-contain-layout: ; 23706 --tw-contain-paint: ; 23707 --tw-contain-style: ; 23708} 23709 23710.section-container { 23711 margin-left: auto; 23712 margin-right: auto; 23713 max-width: 80rem; 23714 padding: 4rem 1rem; 23715 color: hsl(var(--foreground)); 23716} 23717 23718@media (min-width: 640px) { 23719 .section-container { 23720 padding: 6rem 1.5rem 23721 } 23722} 23723 23724.section-title { 23725 margin-bottom: 1rem; 23726 text-align: center; 23727 font-size: 1.875rem; 23728 line-height: 2.25rem; 23729 font-weight: 700 23730} 23731 23732@media (min-width: 768px) { 23733 .section-title { 23734 font-size: 2.25rem; 23735 line-height: 2.5rem 23736 } 23737} 23738 23739.section-subtitle { 23740 margin-left: auto; 23741 margin-right: auto; 23742 margin-bottom: 3rem; 23743 max-width: 48rem; 23744 text-align: center; 23745 font-size: 1.125rem; 23746 line-height: 1.75rem; 23747 --tw-text-opacity: 1; 23748 color: rgb(75 85 99 / var(--tw-text-opacity)) 23749} 23750 23751.brand-button { 23752 border-radius: calc(var(--radius) - 2px); 23753 --tw-bg-opacity: 1; 23754 background-color: rgb(59 130 246 / var(--tw-bg-opacity)); 23755 padding: .625rem 1.25rem; 23756 font-weight: 500; 23757 --tw-text-opacity: 1; 23758 color: rgb(255 255 255 / var(--tw-text-opacity)); 23759 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 23760 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 23761 transition-duration: .2s; 23762 animation-duration: .2s 23763} 23764 23765.brand-button:hover { 23766 --tw-bg-opacity: 1; 23767 background-color: rgb(37 99 235 / var(--tw-bg-opacity)) 23768} 23769 23770.drop-zone { 23771 cursor: pointer; 23772 border-radius: var(--radius); 23773 border-width: 2px; 23774 border-style: dashed; 23775 --tw-border-opacity: 1; 23776 border-color: rgb(209 213 219 / var(--tw-border-opacity)); 23777 padding: 3rem; 23778 text-align: center; 23779 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 23780 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 23781 transition-duration: .15s 23782} 23783 23784.drop-zone:hover { 23785 --tw-border-opacity: 1; 23786 border-color: rgb(59 130 246 / var(--tw-border-opacity)) 23787} 23788 23789.sr-only { 23790 position: absolute; 23791 width: 1px; 23792 height: 1px; 23793 padding: 0; 23794 margin: -1px; 23795 overflow: hidden; 23796 clip: rect(0, 0, 0, 0); 23797 white-space: nowrap; 23798 border-width: 0 23799} 23800 23801.pointer-events-none { 23802 pointer-events: none 23803} 23804 23805.pointer-events-auto { 23806 pointer-events: auto 23807} 23808 23809.visible { 23810 visibility: visible 23811} 23812 23813.invisible { 23814 visibility: hidden 23815} 23816 23817.static { 23818 position: static 23819} 23820 23821.fixed { 23822 position: fixed 23823} 23824 23825.absolute { 23826 position: absolute 23827} 23828 23829.relative { 23830 position: relative 23831} 23832 23833.sticky { 23834 position: sticky 23835} 23836 23837.inset-0 { 23838 top: 0; 23839 right: 0; 23840 bottom: 0; 23841 left: 0 23842} 23843 23844.inset-x-0 { 23845 left: 0; 23846 right: 0 23847} 23848 23849.inset-y-0 { 23850 top: 0; 23851 bottom: 0 23852} 23853 23854.-bottom-12 { 23855 bottom: -3rem 23856} 23857 23858.-left-12 { 23859 left: -3rem 23860} 23861 23862.-right-12 { 23863 right: -3rem 23864} 23865 23866.-top-12 { 23867 top: -3rem 23868} 23869 23870.bottom-0 { 23871 bottom: 0 23872} 23873 23874.left-0 { 23875 left: 0 23876} 23877 23878.left-1 { 23879 left: .25rem 23880} 23881 23882.left-1\/2 { 23883 left: 50% 23884} 23885 23886.left-2 { 23887 left: .5rem 23888} 23889 23890.left-\[50\%\] { 23891 left: 50% 23892} 23893 23894.right-0 { 23895 right: 0 23896} 23897 23898.right-1 { 23899 right: .25rem 23900} 23901 23902.right-2 { 23903 right: .5rem 23904} 23905 23906.right-3 { 23907 right: .75rem 23908} 23909 23910.right-4 { 23911 right: 1rem 23912} 23913 23914.top-0 { 23915 top: 0 23916} 23917 23918.top-1\.5 { 23919 top: .375rem 23920} 23921 23922.top-1\/2 { 23923 top: 50% 23924} 23925 23926.top-2 { 23927 top: .5rem 23928} 23929 23930.top-24 { 23931 top: 6rem 23932} 23933 23934.top-3\.5 { 23935 top: .875rem 23936} 23937 23938.top-4 {
23939 top: 1rem 23940} 23941 23942.top-\[1px\] { 23943 top: 1px 23944} 23945 23946.top-\[50\%\] { 23947 top: 50% 23948} 23949 23950.top-\[60\%\] { 23951 top: 60% 23952} 23953 23954.top-full { 23955 top: 100% 23956} 23957 23958.z-0 { 23959 z-index: 0 23960} 23961 23962.z-10 { 23963 z-index: 10 23964} 23965 23966.z-20 { 23967 z-index: 20 23968} 23969 23970.z-50 { 23971 z-index: 50 23972} 23973 23974.z-\[100\] { 23975 z-index: 100 23976} 23977 23978.z-\[1\] { 23979 z-index: 1 23980} 23981 23982.-mx-1 { 23983 margin-left: -.25rem; 23984 margin-right: -.25rem 23985} 23986 23987.mx-2 { 23988 margin-left: .5rem; 23989 margin-right: .5rem 23990} 23991 23992.mx-3\.5 { 23993 margin-left: .875rem; 23994 margin-right: .875rem 23995} 23996 23997.mx-auto { 23998 margin-left: auto; 23999 margin-right: auto 24000} 24001 24002.my-0\.5 { 24003 margin-top: .125rem; 24004 margin-bottom: .125rem 24005} 24006 24007.my-1 { 24008 margin-top: .25rem; 24009 margin-bottom: .25rem 24010} 24011 24012.-ml-4 { 24013 margin-left: -1rem 24014} 24015 24016.-mt-4 { 24017 margin-top: -1rem 24018} 24019 24020.mb-1 { 24021 margin-bottom: .25rem 24022} 24023 24024.mb-12 { 24025 margin-bottom: 3rem 24026} 24027 24028.mb-2 { 24029 margin-bottom: .5rem 24030} 24031 24032.mb-3 { 24033 margin-bottom: .75rem 24034} 24035 24036.mb-4 { 24037 margin-bottom: 1rem 24038} 24039 24040.mb-6 { 24041 margin-bottom: 1.5rem 24042} 24043 24044.mb-8 { 24045 margin-bottom: 2rem 24046} 24047 24048.ml-1 { 24049 margin-left: .25rem 24050} 24051 24052.ml-auto { 24053 margin-left: auto 24054} 24055 24056.mr-1 { 24057 margin-right: .25rem 24058} 24059 24060.mr-2 { 24061 margin-right: .5rem 24062} 24063 24064.mt-1\.5 { 24065 margin-top: .375rem 24066} 24067 24068.mt-12 { 24069 margin-top: 3rem 24070} 24071 24072.mt-2 { 24073 margin-top: .5rem 24074} 24075 24076.mt-20 { 24077 margin-top: 5rem 24078} 24079 24080.mt-24 { 24081 margin-top: 6rem 24082} 24083 24084.mt-4 { 24085 margin-top: 1rem 24086} 24087 24088.mt-auto { 24089 margin-top: auto 24090} 24091 24092.block { 24093 display: block 24094} 24095 24096.flex { 24097 display: flex 24098} 24099 24100.inline-flex { 24101 display: inline-flex 24102} 24103 24104.table { 24105 display: table 24106} 24107 24108.grid { 24109 display: grid 24110} 24111 24112.hidden { 24113 display: none 24114} 24115 24116.aspect-square { 24117 aspect-ratio: 1 / 1 24118} 24119 24120.aspect-video { 24121 aspect-ratio: 16 / 9 24122} 24123 24124.size-4 { 24125 width: 1rem; 24126 height: 1rem 24127} 24128 24129.h-1 { 24130 height: .25rem 24131} 24132 24133.h-1\.5 { 24134 height: .375rem 24135} 24136 24137.h-10 { 24138 height: 2.5rem 24139} 24140 24141.h-11 { 24142 height: 2.75rem 24143} 24144 24145.h-12 { 24146 height: 3rem 24147} 24148 24149.h-16 { 24150 height: 4rem 24151} 24152 24153.h-2 { 24154 height: .5rem 24155} 24156 24157.h-2\.5 { 24158 height: .625rem 24159} 24160 24161.h-3 { 24162 height: .75rem 24163} 24164 24165.h-3\.5 { 24166 height: .875rem 24167} 24168 24169.h-4 { 24170 height: 1rem 24171} 24172 24173.h-5 { 24174 height: 1.25rem 24175} 24176 24177.h-6 { 24178 height: 1.5rem 24179} 24180 24181.h-7 { 24182 height: 1.75rem 24183} 24184 24185.h-8 { 24186 height: 2rem 24187} 24188 24189.h-9 { 24190 height: 2.25rem 24191} 24192 24193.h-\[1px\] { 24194 height: 1px 24195} 24196 24197.h-\[var\(--radix-navigation-menu-viewport-height\)\] { 24198 height: var(--radix-navigation-menu-viewport-height) 24199} 24200 24201.h-\[var\(--radix-select-trigger-height\)\] { 24202 height: var(--radix-select-trigger-height) 24203} 24204 24205.h-auto { 24206 height: auto 24207} 24208 24209.h-full { 24210 height: 100% 24211} 24212 24213.h-px { 24214 height: 1px 24215} 24216 24217.h-svh { 24218 height: 100svh 24219} 24220 24221.max-h-96 { 24222 max-height: 24rem 24223} 24224 24225.max-h-\[300px\] { 24226 max-height: 300px 24227} 24228 24229.max-h-screen { 24230 max-height: 100vh 24231} 24232 24233.min-h-0 { 24234 min-height: 0px 24235} 24236 24237.min-h-\[80px\] { 24238 min-height: 80px 24239} 24240 24241.min-h-screen { 24242 min-height: 100vh 24243} 24244 24245.min-h-svh { 24246 min-height: 100svh 24247} 24248 24249.w-0 { 24250 width: 0px 24251} 24252 24253.w-1 { 24254 width: .25rem 24255} 24256 24257.w-1\/2 { 24258 width: 50% 24259} 24260 24261.w-10 { 24262 width: 2.5rem 24263} 24264 24265.w-11 { 24266 width: 2.75rem 24267} 24268 24269.w-12 { 24270 width: 3rem 24271} 24272 24273.w-16 { 24274 width: 4rem 24275} 24276 24277.w-2 { 24278 width: .5rem 24279} 24280 24281.w-2\.5 { 24282 width: .625rem 24283} 24284 24285.w-3 { 24286 width: .75rem 24287} 24288 24289.w-3\.5 { 24290 width: .875rem 24291} 24292 24293.w-3\/4 { 24294 width: 75% 24295} 24296 24297.w-4 { 24298 width: 1rem 24299} 24300 24301.w-5 { 24302 width: 1.25rem 24303} 24304 24305.w-6 { 24306 width: 1.5rem 24307} 24308 24309.w-64 { 24310 width: 16rem 24311} 24312 24313.w-7 { 24314 width: 1.75rem 24315} 24316 24317.w-72 { 24318 width: 18rem 24319} 24320 24321.w-8 { 24322 width: 2rem 24323} 24324 24325.w-9 { 24326 width: 2.25rem 24327} 24328 24329.w-\[--sidebar-width\] { 24330 width: var(--sidebar-width) 24331} 24332 24333.w-\[100px\] { 24334 width: 100px 24335} 24336 24337.w-\[1px\] { 24338 width: 1px 24339} 24340 24341.w-auto { 24342 width: auto 24343} 24344 24345.w-full { 24346 width: 100% 24347} 24348 24349.w-max { 24350 width: -moz-max-content; 24351 width: max-content 24352} 24353 24354.w-px { 24355 width: 1px 24356} 24357 24358.min-w-0 { 24359 min-width: 0px 24360} 24361 24362.min-w-5 { 24363 min-width: 1.25rem 24364} 24365 24366.min-w-\[12rem\] { 24367 min-width: 12rem 24368} 24369 24370.min-w-\[8rem\] { 24371 min-width: 8rem 24372} 24373 24374.min-w-\[var\(--radix-select-trigger-width\)\] { 24375 min-width: var(--radix-select-trigger-width) 24376} 24377 24378.max-w-4xl { 24379 max-width: 56rem 24380} 24381 24382.max-w-7xl { 24383 max-width: 80rem 24384} 24385 24386.max-w-\[--skeleton-width\] { 24387 max-width: var(--skeleton-width) 24388} 24389 24390.max-w-lg { 24391 max-width: 32rem 24392} 24393 24394.max-w-max { 24395 max-width: -moz-max-content; 24396 max-width: max-content 24397} 24398 24399.max-w-xs { 24400 max-width: 20rem 24401} 24402 24403.flex-1 { 24404 flex: 1 1 0% 24405} 24406 24407.flex-shrink-0, .shrink-0 { 24408 flex-shrink: 0 24409} 24410 24411.flex-grow, .grow { 24412 flex-grow: 1 24413} 24414 24415.grow-0 { 24416 flex-grow: 0 24417} 24418 24419.basis-full { 24420 flex-basis: 100% 24421} 24422 24423.caption-bottom { 24424 caption-side: bottom 24425} 24426 24427.border-collapse { 24428 border-collapse: collapse 24429} 24430 24431.-translate-x-1\/2 { 24432 --tw-translate-x: -50%; 24433 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24434} 24435 24436.-translate-x-px { 24437 --tw-translate-x: -1px; 24438 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24439} 24440 24441.-translate-y-1\/2 { 24442 --tw-translate-y: -50%; 24443 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24444} 24445 24446.translate-x-\[-50\%\] { 24447 --tw-translate-x: -50%; 24448 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24449} 24450 24451.translate-x-px { 24452 --tw-translate-x: 1px; 24453 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24454} 24455 24456.translate-y-\[-50\%\] { 24457 --tw-translate-y: -50%; 24458 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24459} 24460 24461.rotate-45 { 24462 --tw-rotate: 45deg; 24463 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24464} 24465 24466.rotate-90 { 24467 --tw-rotate: 90deg; 24468 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24469} 24470 24471.transform { 24472 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 24473} 24474 24475@keyframes pulse { 24476 50% { 24477 opacity: .5 24478 } 24479} 24480 24481.animate-pulse { 24482 animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite 24483} 24484 24485.cursor-default { 24486 cursor: default 24487} 24488 24489.cursor-pointer { 24490 cursor: pointer 24491} 24492 24493.touch-none { 24494 touch-action: none 24495} 24496 24497.select-none { 24498 -webkit-user-select: none; 24499 -moz-user-select: none; 24500 user-select: none 24501} 24502 24503.list-none { 24504 list-style-type: none 24505} 24506 24507.grid-cols-1 { 24508 grid-template-columns: repeat(1, minmax(0, 1fr)) 24509} 24510 24511.flex-row { 24512 flex-direction: row 24513} 24514 24515.flex-col { 24516 flex-direction: column 24517} 24518 24519.flex-col-reverse { 24520 flex-direction: column-reverse 24521} 24522 24523.flex-wrap { 24524 flex-wrap: wrap 24525} 24526 24527.items-start {
24528 align-items: flex-start 24529} 24530 24531.items-end { 24532 align-items: flex-end 24533} 24534 24535.items-center { 24536 align-items: center 24537} 24538 24539.items-stretch { 24540 align-items: stretch 24541} 24542 24543.justify-center { 24544 justify-content: center 24545} 24546 24547.justify-between { 24548 justify-content: space-between 24549} 24550 24551.gap-1 { 24552 gap: .25rem 24553} 24554 24555.gap-1\.5 { 24556 gap: .375rem 24557} 24558 24559.gap-2 { 24560 gap: .5rem 24561} 24562 24563.gap-4 { 24564 gap: 1rem 24565} 24566 24567.gap-8 { 24568 gap: 2rem 24569} 24570 24571.space-x-1 > :not([hidden]) ~ :not([hidden]) { 24572 --tw-space-x-reverse: 0; 24573 margin-right: calc(.25rem * var(--tw-space-x-reverse)); 24574 margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse))) 24575} 24576 24577.space-x-3 > :not([hidden]) ~ :not([hidden]) { 24578 --tw-space-x-reverse: 0; 24579 margin-right: calc(.75rem * var(--tw-space-x-reverse)); 24580 margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))) 24581} 24582 24583.space-x-4 > :not([hidden]) ~ :not([hidden]) { 24584 --tw-space-x-reverse: 0; 24585 margin-right: calc(1rem * var(--tw-space-x-reverse)); 24586 margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) 24587} 24588 24589.space-y-1 > :not([hidden]) ~ :not([hidden]) { 24590 --tw-space-y-reverse: 0; 24591 margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); 24592 margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) 24593} 24594 24595.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { 24596 --tw-space-y-reverse: 0; 24597 margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse))); 24598 margin-bottom: calc(.375rem * var(--tw-space-y-reverse)) 24599} 24600 24601.space-y-2 > :not([hidden]) ~ :not([hidden]) { 24602 --tw-space-y-reverse: 0; 24603 margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); 24604 margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) 24605} 24606 24607.space-y-4 > :not([hidden]) ~ :not([hidden]) { 24608 --tw-space-y-reverse: 0; 24609 margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); 24610 margin-bottom: calc(1rem * var(--tw-space-y-reverse)) 24611} 24612 24613.overflow-auto { 24614 overflow: auto 24615} 24616 24617.overflow-hidden { 24618 overflow: hidden 24619} 24620 24621.overflow-y-auto { 24622 overflow-y: auto 24623} 24624 24625.overflow-x-hidden { 24626 overflow-x: hidden 24627} 24628 24629.whitespace-nowrap { 24630 white-space: nowrap 24631} 24632 24633.break-words { 24634 overflow-wrap: break-word 24635} 24636 24637.rounded-\[2px\] { 24638 border-radius: 2px 24639} 24640 24641.rounded-\[inherit\] { 24642 border-radius: inherit 24643} 24644 24645.rounded-full { 24646 border-radius: 9999px 24647} 24648 24649.rounded-lg { 24650 border-radius: var(--radius) 24651} 24652 24653.rounded-md { 24654 border-radius: calc(var(--radius) - 2px) 24655} 24656 24657.rounded-sm { 24658 border-radius: calc(var(--radius) - 4px) 24659} 24660 24661.rounded-xl { 24662 border-radius: .75rem 24663} 24664 24665.rounded-t-\[10px\] { 24666 border-top-left-radius: 10px; 24667 border-top-right-radius: 10px 24668} 24669 24670.rounded-tl-sm { 24671 border-top-left-radius: calc(var(--radius) - 4px) 24672} 24673 24674.border { 24675 border-width: 1px 24676} 24677 24678.border-2 { 24679 border-width: 2px 24680} 24681 24682.border-\[1\.5px\] { 24683 border-width: 1.5px 24684} 24685 24686.border-y { 24687 border-top-width: 1px; 24688 border-bottom-width: 1px 24689} 24690 24691.border-b { 24692 border-bottom-width: 1px 24693} 24694 24695.border-l { 24696 border-left-width: 1px 24697} 24698 24699.border-r { 24700 border-right-width: 1px 24701} 24702 24703.border-t { 24704 border-top-width: 1px 24705} 24706 24707.border-dashed { 24708 border-style: dashed 24709} 24710 24711.border-\[--color-border\] { 24712 border-color: var(--color-border) 24713} 24714 24715.border-border\/50 { 24716 border-color: hsl(var(--border) / .5) 24717} 24718 24719.border-destructive { 24720 border-color: hsl(var(--destructive)) 24721} 24722 24723.border-destructive\/50 { 24724 border-color: hsl(var(--destructive) / .5) 24725} 24726 24727.border-gray-200 { 24728 --tw-border-opacity: 1; 24729 border-color: rgb(229 231 235 / var(--tw-border-opacity)) 24730} 24731 24732.border-gray-300 { 24733 --tw-border-opacity: 1; 24734 border-color: rgb(209 213 219 / var(--tw-border-opacity)) 24735} 24736 24737.border-input { 24738 border-color: hsl(var(--input)) 24739} 24740 24741.border-primary { 24742 border-color: hsl(var(--primary)) 24743} 24744 24745.border-red-500 { 24746 --tw-border-opacity: 1; 24747 border-color: rgb(239 68 68 / var(--tw-border-opacity)) 24748} 24749 24750.border-sidebar-border { 24751 border-color: hsl(var(--sidebar-border)) 24752} 24753 24754.border-transparent { 24755 border-color: transparent 24756} 24757 24758.border-white { 24759 --tw-border-opacity: 1; 24760 border-color: rgb(255 255 255 / var(--tw-border-opacity)) 24761} 24762 24763.border-l-transparent { 24764 border-left-color: transparent 24765} 24766 24767.border-t-transparent { 24768 border-top-color: transparent 24769} 24770 24771.bg-\[--color-bg\] { 24772 background-color: var(--color-bg) 24773} 24774 24775.bg-accent { 24776 background-color: hsl(var(--accent)) 24777} 24778 24779.bg-background { 24780 background-color: hsl(var(--background)) 24781} 24782 24783.bg-black\/80 { 24784 background-color: #000c 24785} 24786 24787.bg-blue-50 { 24788 --tw-bg-opacity: 1; 24789 background-color: rgb(239 246 255 / var(--tw-bg-opacity)) 24790} 24791 24792.bg-blue-500 { 24793 --tw-bg-opacity: 1; 24794 background-color: rgb(59 130 246 / var(--tw-bg-opacity)) 24795} 24796 24797.bg-blue-600 { 24798 --tw-bg-opacity: 1; 24799 background-color: rgb(37 99 235 / var(--tw-bg-opacity)) 24800} 24801 24802.bg-blue-700 { 24803 --tw-bg-opacity: 1; 24804 background-color: rgb(29 78 216 / var(--tw-bg-opacity)) 24805} 24806 24807.bg-border { 24808 background-color: hsl(var(--border)) 24809} 24810 24811.bg-card { 24812 background-color: hsl(var(--card)) 24813} 24814 24815.bg-destructive { 24816 background-color: hsl(var(--destructive)) 24817} 24818 24819.bg-foreground { 24820 background-color: hsl(var(--foreground)) 24821} 24822 24823.bg-gray-100 { 24824 --tw-bg-opacity: 1; 24825 background-color: rgb(243 244 246 / var(--tw-bg-opacity)) 24826} 24827 24828.bg-gray-200 { 24829 --tw-bg-opacity: 1; 24830 background-color: rgb(229 231 235 / var(--tw-bg-opacity)) 24831} 24832 24833.bg-gray-50 { 24834 --tw-bg-opacity: 1; 24835 background-color: rgb(249 250 251 / var(--tw-bg-opacity)) 24836} 24837 24838.bg-muted { 24839 background-color: hsl(var(--muted)) 24840} 24841 24842.bg-muted\/50 { 24843 background-color: hsl(var(--muted) / .5) 24844} 24845 24846.bg-popover { 24847 background-color: hsl(var(--popover)) 24848} 24849 24850.bg-primary { 24851 background-color: hsl(var(--primary)) 24852} 24853 24854.bg-secondary { 24855 background-color: hsl(var(--secondary)) 24856} 24857 24858.bg-sidebar { 24859 background-color: hsl(var(--sidebar-background)) 24860} 24861 24862.bg-sidebar-border { 24863 background-color: hsl(var(--sidebar-border)) 24864} 24865 24866.bg-transparent { 24867 background-color: transparent 24868} 24869 24870.bg-white { 24871 --tw-bg-opacity: 1; 24872 background-color: rgb(255 255 255 / var(--tw-bg-opacity)) 24873} 24874 24875.bg-gradient-to-b { 24876 background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) 24877} 24878 24879.from-blue-50 { 24880 --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); 24881 --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); 24882 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) 24883} 24884 24885.to-white { 24886 --tw-gradient-to: #fff var(--tw-gradient-to-position) 24887} 24888 24889.fill-current { 24890 fill: currentColor 24891} 24892 24893.p-0 { 24894 padding: 0 24895} 24896 24897.p-1 { 24898 padding: .25rem 24899} 24900 24901.p-12 { 24902 padding: 3rem 24903} 24904 24905.p-2 { 24906 padding: .5rem 24907} 24908 24909.p-3 { 24910 padding: .75rem 24911} 24912 24913.p-4 { 24914 padding: 1rem 24915} 24916 24917.p-6 { 24918 padding: 1.5rem 24919} 24920 24921.p-\[1px\] { 24922 padding: 1px 24923} 24924 24925.px-1 { 24926 padding-left: .25rem; 24927 padding-right: .25rem 24928} 24929 24930.px-2 { 24931 padding-left: .5rem; 24932 padding-right: .5rem 24933} 24934 24935.px-2\.5 { 24936 padding-left: .625rem; 24937 padding-right: .625rem 24938} 24939 24940.px-3 { 24941 padding-left: .75rem; 24942 padding-right: .75rem 24943} 24944 24945.px-4 { 24946 padding-left: 1rem; 24947 padding-right: 1rem 24948} 24949 24950.px-5 { 24951 padding-left: 1.25rem; 24952 padding-right: 1.25rem 24953} 24954 24955.px-8 { 24956 padding-left: 2rem; 24957 padding-right: 2rem 24958} 24959 24960.py-0\.5 { 24961 padding-top: .125rem; 24962 padding-bottom: .125rem 24963} 24964 24965.py-1 { 24966 padding-top: .25rem; 24967 padding-bottom: .25rem 24968} 24969 24970.py-1\.5 { 24971 padding-top: .375rem; 24972 padding-bottom: .375rem 24973} 24974 24975.py-12 { 24976 padding-top: 3rem; 24977 padding-bottom: 3rem 24978} 24979 24980.py-2 { 24981 padding-top: .5rem; 24982 padding-bottom: .5rem 24983} 24984 24985.py-2\.5 { 24986 padding-top: .625rem; 24987 padding-bottom: .625rem 24988} 24989 24990.py-3 { 24991 padding-top: .75rem; 24992 padding-bottom: .75rem 24993} 24994 24995.py-4 { 24996 padding-top: 1rem; 24997 padding-bottom: 1rem 24998} 24999 25000.py-6 { 25001 padding-top: 1.5rem; 25002 padding-bottom: 1.5rem 25003} 25004 25005.py-8 { 25006 padding-top: 2rem; 25007 padding-bottom: 2rem 25008} 25009 25010.pb-3 { 25011 padding-bottom: .75rem 25012} 25013 25014.pb-4 { 25015 padding-bottom: 1rem 25016} 25017 25018.pb-6 { 25019 padding-bottom: 1.5rem 25020} 25021 25022.pl-10 { 25023 padding-left: 2.5rem 25024} 25025 25026.pl-2\.5 { 25027 padding-left: .625rem 25028} 25029 25030.pl-3 { 25031 padding-left: .75rem 25032} 25033 25034.pl-4 { 25035 padding-left: 1rem 25036} 25037 25038.pl-8 { 25039 padding-left: 2rem 25040} 25041 25042.pr-2 { 25043 padding-right: .5rem 25044} 25045 25046.pr-2\.5 { 25047 padding-right: .625rem 25048} 25049 25050.pr-3 { 25051 padding-right: .75rem 25052} 25053 25054.pr-8 { 25055 padding-right: 2rem 25056} 25057 25058.pt-0 { 25059 padding-top: 0 25060} 25061 25062.pt-1 { 25063 padding-top: .25rem 25064} 25065 25066.pt-12 { 25067 padding-top: 3rem 25068} 25069 25070.pt-3 { 25071 padding-top: .75rem 25072} 25073 25074.pt-4 { 25075 padding-top: 1rem 25076} 25077 25078.pt-6 { 25079 padding-top: 1.5rem 25080} 25081 25082.text-left { 25083 text-align: left 25084} 25085 25086.text-center { 25087 text-align: center 25088} 25089 25090.align-middle { 25091 vertical-align: middle 25092} 25093 25094.font-mono { 25095 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace 25096} 25097 25098.text-2xl { 25099 font-size: 1.5rem; 25100 line-height: 2rem 25101} 25102 25103.text-3xl { 25104 font-size: 1.875rem; 25105 line-height: 2.25rem 25106} 25107 25108.text-4xl { 25109 font-size: 2.25rem; 25110 line-height: 2.5rem 25111} 25112 25113.text-\[0\.8rem\] { 25114 font-size: .8rem 25115} 25116 25117.text-base { 25118 font-size: 1rem; 25119 line-height: 1.5rem 25120} 25121 25122.text-lg { 25123 font-size: 1.125rem; 25124 line-height: 1.75rem 25125} 25126 25127.text-sm { 25128 font-size: .875rem; 25129 line-height: 1.25rem 25130} 25131 25132.text-xl { 25133 font-size: 1.25rem; 25134 line-height: 1.75rem 25135} 25136 25137.text-xs { 25138 font-size: .75rem; 25139 line-height: 1rem 25140} 25141 25142.font-bold { 25143 font-weight: 700 25144} 25145 25146.font-medium { 25147 font-weight: 500 25148} 25149 25150.font-normal { 25151 font-weight: 400 25152} 25153 25154.font-semibold { 25155 font-weight: 600 25156} 25157 25158.italic { 25159 font-style: italic 25160} 25161 25162.tabular-nums { 25163 --tw-numeric-spacing: tabular-nums; 25164 font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) 25165} 25166 25167.leading-none { 25168 line-height: 1 25169} 25170 25171.tracking-tight { 25172 letter-spacing: -.025em 25173} 25174 25175.tracking-widest { 25176 letter-spacing: .1em 25177} 25178 25179.text-accent-foreground { 25180 color: hsl(var(--accent-foreground)) 25181} 25182 25183.text-blue-500 { 25184 --tw-text-opacity: 1; 25185 color: rgb(59 130 246 / var(--tw-text-opacity)) 25186} 25187 25188.text-blue-600 { 25189 --tw-text-opacity: 1; 25190 color: rgb(37 99 235 / var(--tw-text-opacity)) 25191} 25192 25193.text-card-foreground { 25194 color: hsl(var(--card-foreground)) 25195} 25196 25197.text-current { 25198 color: currentColor 25199} 25200 25201.text-destructive { 25202 color: hsl(var(--destructive)) 25203} 25204 25205.text-destructive-foreground { 25206 color: hsl(var(--destructive-foreground)) 25207} 25208 25209.text-foreground { 25210 color: hsl(var(--foreground)) 25211} 25212 25213.text-foreground\/50 { 25214 color: hsl(var(--foreground) / .5) 25215} 25216 25217.text-gray-400 { 25218 --tw-text-opacity: 1; 25219 color: rgb(156 163 175 / var(--tw-text-opacity)) 25220} 25221 25222.text-gray-500 { 25223 --tw-text-opacity: 1; 25224 color: rgb(107 114 128 / var(--tw-text-opacity)) 25225} 25226 25227.text-gray-600 { 25228 --tw-text-opacity: 1; 25229 color: rgb(75 85 99 / var(--tw-text-opacity)) 25230} 25231 25232.text-gray-700 { 25233 --tw-text-opacity: 1; 25234 color: rgb(55 65 81 / var(--tw-text-opacity)) 25235} 25236 25237.text-gray-900 { 25238 --tw-text-opacity: 1; 25239 color: rgb(17 24 39 / var(--tw-text-opacity)) 25240} 25241 25242.text-muted-foreground { 25243 color: hsl(var(--muted-foreground)) 25244} 25245 25246.text-popover-foreground { 25247 color: hsl(var(--popover-foreground)) 25248} 25249 25250.text-primary { 25251 color: hsl(var(--primary)) 25252} 25253 25254.text-primary-foreground { 25255 color: hsl(var(--primary-foreground)) 25256} 25257 25258.text-red-500 { 25259 --tw-text-opacity: 1; 25260 color: rgb(239 68 68 / var(--tw-text-opacity)) 25261} 25262 25263.text-secondary-foreground { 25264 color: hsl(var(--secondary-foreground)) 25265} 25266 25267.text-sidebar-foreground { 25268 color: hsl(var(--sidebar-foreground)) 25269} 25270 25271.text-sidebar-foreground\/70 { 25272 color: hsl(var(--sidebar-foreground) / .7) 25273} 25274 25275.text-white { 25276 --tw-text-opacity: 1; 25277 color: rgb(255 255 255 / var(--tw-text-opacity)) 25278} 25279 25280.underline { 25281 text-decoration-line: underline 25282} 25283 25284.underline-offset-4 { 25285 text-underline-offset: 4px 25286} 25287 25288.placeholder-gray-500::-moz-placeholder { 25289 --tw-placeholder-opacity: 1; 25290 color: rgb(107 114 128 / var(--tw-placeholder-opacity)) 25291} 25292 25293.placeholder-gray-500::placeholder { 25294 --tw-placeholder-opacity: 1; 25295 color: rgb(107 114 128 / var(--tw-placeholder-opacity)) 25296} 25297 25298.opacity-0 { 25299 opacity: 0 25300} 25301 25302.opacity-50 { 25303 opacity: .5 25304} 25305 25306.opacity-60 { 25307 opacity: .6 25308} 25309 25310.opacity-70 { 25311 opacity: .7 25312} 25313 25314.opacity-90 { 25315 opacity: .9 25316} 25317 25318.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { 25319 --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
25320 --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); 25321 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25322} 25323 25324.shadow-lg { 25325 --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); 25326 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 25327 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25328} 25329 25330.shadow-md { 25331 --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); 25332 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); 25333 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25334} 25335 25336.shadow-none { 25337 --tw-shadow: 0 0 #0000; 25338 --tw-shadow-colored: 0 0 #0000; 25339 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25340} 25341 25342.shadow-sm { 25343 --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
25344 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 25345 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important 25346} 25347 25348.shadow-xl { 25349 --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); 25350 --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); 25351 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25352} 25353 25354.outline-none { 25355 outline: 2px solid transparent; 25356 outline-offset: 2px 25357} 25358 25359.outline { 25360 outline-style: solid 25361} 25362 25363.ring-0 { 25364 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 25365 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); 25366 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) 25367} 25368 25369.ring-2 { 25370 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 25371 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 25372 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
25372dow, 0 0 #0000) 25373} 25374 25375.ring-ring { 25376 --tw-ring-color: hsl(var(--ring)) 25377} 25378 25379.ring-sidebar-ring { 25380 --tw-ring-color: hsl(var(--sidebar-ring)) 25381} 25382 25383.ring-offset-background { 25384 --tw-ring-offset-color: hsl(var(--background)) 25385} 25386 25387.filter { 25388 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 25389} 25390 25391.transition { 25392 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 25393 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 25394 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; 25395 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25396 transition-duration: .15s 25397} 25398 25399.transition-\[left\,right\,width\] { 25400 transition-property: left, right, width; 25401 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25402 transition-duration: .15s 25403} 25404 25405.transition-\[margin\,opa\] { 25406 transition-property: margin, opa; 25407 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25408 transition-duration: .15s 25409} 25410 25411.transition-\[width\,height\,padding\] { 25412 transition-property: width, height, padding; 25413 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25414 transition-duration: .15s 25415} 25416 25417.transition-\[width\] { 25418 transition-property: width; 25419 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25420 transition-duration: .15s 25421} 25422 25423.transition-all { 25424 transition-property: all; 25425 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25426 transition-duration: .15s 25427} 25428 25429.transition-colors { 25430 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 25431 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25432 transition-duration: .15s 25433} 25434 25435.transition-opacity { 25436 transition-property: opacity; 25437 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25438 transition-duration: .15s 25439} 25440 25441.transition-shadow { 25442 transition-property: box-shadow; 25443 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25444 transition-duration: .15s 25445} 25446 25447.transition-transform { 25448 transition-property: transform; 25449 transition-timing-function: cubic-bezier(.4, 0, .2, 1); 25450 transition-duration: .15s 25451} 25452 25453.duration-1000 { 25454 transition-duration: 1s 25455} 25456 25457.duration-200 { 25458 transition-duration: .2s 25459} 25460 25461.duration-300 { 25462 transition-duration: .3s 25463} 25464 25465.ease-in-out { 25466 transition-timing-function: cubic-bezier(.4, 0, .2, 1) 25467} 25468 25469.ease-linear { 25470 transition-timing-function: linear 25471} 25472 25473@keyframes enter { 25474 0% { 25475 opacity: var(--tw-enter-opacity, 1); 25476 transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)) 25477 } 25478} 25479 25480@keyframes exit { 25481 to { 25482 opacity: var(--tw-exit-opacity, 1); 25483 transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)) 25484 } 25485} 25486 25487.animate-in { 25488 animation-name: enter; 25489 animation-duration: .15s; 25490 --tw-enter-opacity: initial; 25491 --tw-enter-scale: initial; 25492 --tw-enter-rotate: initial; 25493 --tw-enter-translate-x: initial; 25494 --tw-enter-translate-y: initial 25495} 25496 25497.fade-in-0 { 25498 --tw-enter-opacity: 0 25499} 25500 25501.fade-in-80 { 25502 --tw-enter-opacity: .8 25503} 25504 25505.zoom-in-95 { 25506 --tw-enter-scale: .95 25507} 25508 25509.duration-1000 { 25510 animation-duration: 1s 25511} 25512 25513.duration-200 { 25514 animation-duration: .2s 25515} 25516 25517.duration-300 { 25518 animation-duration: .3s 25519} 25520 25521.ease-in-out { 25522 animation-timing-function: cubic-bezier(.4, 0, .2, 1) 25523} 25524 25525.ease-linear { 25526 animation-timing-function: linear 25527} 25528 25529.file\:border-0::file-selector-button { 25530 border-width: 0px 25531} 25532 25533.file\:bg-transparent::file-selector-button { 25534 background-color: transparent 25535} 25536 25537.file\:text-sm::file-selector-button { 25538 font-size: .875rem; 25539 line-height: 1.25rem 25540} 25541 25542.file\:font-medium::file-selector-button { 25543 font-weight: 500 25544} 25545 25546.file\:text-foreground::file-selector-button { 25547 color: hsl(var(--foreground)) 25548} 25549 25550.placeholder\:text-muted-foreground::-moz-placeholder { 25551 color: hsl(var(--muted-foreground)) 25552} 25553 25554.placeholder\:text-muted-foreground::placeholder { 25555 color: hsl(var(--muted-foreground)) 25556} 25557 25558.after\:absolute:after { 25559 content: var(--tw-content); 25560 position: absolute 25561} 25562 25563.after\:-inset-2:after { 25564 content: var(--tw-content); 25565 top: -.5rem; 25566 right: -.5rem; 25567 bottom: -.5rem; 25568 left: -.5rem 25569} 25570 25571.after\:inset-y-0:after { 25572 content: var(--tw-content); 25573 top: 0; 25574 bottom: 0 25575} 25576 25577.after\:left-1\/2:after { 25578 content: var(--tw-content); 25579 left: 50% 25580} 25581 25582.after\:w-1:after { 25583 content: var(--tw-content); 25584 width: .25rem 25585} 25586 25587.after\:w-\[2px\]:after { 25588 content: var(--tw-content); 25589 width: 2px 25590} 25591 25592.after\:-translate-x-1\/2:after { 25593 content: var(--tw-content); 25594 --tw-translate-x: -50%; 25595 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 25596} 25597 25598.first\:rounded-l-md:first-child { 25599 border-top-left-radius: calc(var(--radius) - 2px); 25600 border-bottom-left-radius: calc(var(--radius) - 2px) 25601} 25602 25603.first\:border-l:first-child { 25604 border-left-width: 1px 25605} 25606 25607.last\:rounded-r-md:last-child { 25608 border-top-right-radius: calc(var(--radius) - 2px); 25609 border-bottom-right-radius: calc(var(--radius) - 2px) 25610} 25611 25612.focus-within\:relative:focus-within { 25613 position: relative 25614} 25615 25616.focus-within\:z-20:focus-within { 25617 z-index: 20 25618} 25619 25620.hover\:border-white:hover { 25621 --tw-border-opacity: 1; 25622 border-color: rgb(255 255 255 / var(--tw-border-opacity)) 25623} 25624 25625.hover\:bg-accent:hover { 25626 background-color: hsl(var(--accent)) 25627} 25628 25629.hover\:bg-blue-50:hover { 25630 --tw-bg-opacity: 1; 25631 background-color: rgb(239 246 255 / var(--tw-bg-opacity)) 25632} 25633 25634.hover\:bg-blue-700:hover { 25635 --tw-bg-opacity: 1; 25636 background-color: rgb(29 78 216 / var(--tw-bg-opacity)) 25637} 25638
25639.hover\:bg-destructive\/80:hover { 25640 background-color: hsl(var(--destructive) / .8) 25641} 25642 25643.hover\:bg-destructive\/90:hover { 25644 background-color: hsl(var(--destructive) / .9) 25645} 25646 25647.hover\:bg-muted:hover { 25648 background-color: hsl(var(--muted)) 25649} 25650 25651.hover\:bg-muted\/50:hover { 25652 background-color: hsl(var(--muted) / .5) 25653} 25654 25655.hover\:bg-primary:hover { 25656 background-color: hsl(var(--primary)) 25657} 25658 25659.hover\:bg-primary\/80:hover { 25660 background-color: hsl(var(--primary) / .8) 25661} 25662 25663.hover\:bg-primary\/90:hover { 25664 background-color: hsl(var(--primary) / .9) 25665} 25666 25667.hover\:bg-red-50:hover { 25668 --tw-bg-opacity: 1; 25669 background-color: rgb(254 242 242 / var(--tw-bg-opacity)) 25670} 25671 25672.hover\:bg-secondary:hover { 25673 background-color: hsl(var(--secondary)) 25674} 25675 25676.hover\:bg-secondary\/80:hover { 25677 background-color: hsl(var(--secondary) / .8) 25678} 25679 25680.hover\:bg-sidebar-accent:hover { 25681 background-color: hsl(var(--sidebar-accent)) 25682} 25683 25684.hover\:text-accent-foreground:hover { 25685 color: hsl(var(--accent-foreground)) 25686} 25687 25688.hover\:text-blue-500:hover { 25689 --tw-text-opacity: 1; 25690 color: rgb(59 130 246 / var(--tw-text-opacity)) 25691} 25692 25693.hover\:text-blue-700:hover { 25694 --tw-text-opacity: 1; 25695 color: rgb(29 78 216 / var(--tw-text-opacity)) 25696} 25697 25698.hover\:text-foreground:hover { 25699 color: hsl(var(--foreground)) 25700} 25701 25702.hover\:text-muted-foreground:hover { 25703 color: hsl(var(--muted-foreground)) 25704} 25705 25706.hover\:text-primary-foreground:hover { 25707 color: hsl(var(--primary-foreground)) 25708} 25709 25710.hover\:text-red-500:hover { 25711 --tw-text-opacity: 1; 25712 color: rgb(239 68 68 / var(--tw-text-opacity)) 25713} 25714 25715.hover\:text-sidebar-accent-foreground:hover { 25716 color: hsl(var(--sidebar-accent-foreground)) 25717} 25718 25719.hover\:underline:hover { 25720 text-decoration-line: underline 25721} 25722 25723.hover\:opacity-100:hover { 25724 opacity: 1 25725} 25726 25727.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]: hover { 25728 --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
25729 --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); 25730 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25731} 25732 25733.hover\:shadow-md:hover { 25734 --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); 25735 --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); 25736 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25737} 25738 25739.hover\:after\:bg-sidebar-border:hover:after { 25740 content: var(--tw-content); 25741 background-color: hsl(var(--sidebar-border)) 25742} 25743 25744.focus\:border-blue-500:focus { 25745 --tw-border-opacity: 1; 25746 border-color: rgb(59 130 246 / var(--tw-border-opacity)) 25747} 25748 25749.focus\:bg-accent:focus { 25750 background-color: hsl(var(--accent)) 25751} 25752 25753.focus\:bg-primary:focus { 25754 background-color: hsl(var(--primary)) 25755} 25756 25757.focus\:text-accent-foreground:focus { 25758 color: hsl(var(--accent-foreground)) 25759} 25760 25761.focus\:text-primary-foreground:focus { 25762 color: hsl(var(--primary-foreground)) 25763} 25764 25765.focus\:opacity-100:focus { 25766 opacity: 1 25767} 25768 25769.focus\:outline-none:focus { 25770 outline: 2px solid transparent; 25771 outline-offset: 2px 25772} 25773 25774.focus\:ring-2:focus { 25775 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 25776 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 25777 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
25777dow, 0 0 #0000) 25778} 25779 25780.focus\:ring-blue-500:focus { 25781 --tw-ring-opacity: 1; 25782 --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)) 25783} 25784 25785.focus\:ring-ring:focus { 25786 --tw-ring-color: hsl(var(--ring)) 25787} 25788 25789.focus\:ring-offset-2:focus { 25790 --tw-ring-offset-width: 2px 25791} 25792 25793.focus-visible\:outline-none:focus-visible { 25794 outline: 2px solid transparent; 25795 outline-offset: 2px 25796} 25797 25798.focus-visible\:ring-1:focus-visible { 25799 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 25800 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 25801 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) 25802} 25803 25804.focus-visible\:ring-2:focus-visible { 25805 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 25806 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 25807 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
25807dow, 0 0 #0000) 25808} 25809 25810.focus-visible\:ring-ring:focus-visible { 25811 --tw-ring-color: hsl(var(--ring)) 25812} 25813 25814.focus-visible\:ring-sidebar-ring:focus-visible { 25815 --tw-ring-color: hsl(var(--sidebar-ring)) 25816} 25817 25818.focus-visible\:ring-offset-1:focus-visible { 25819 --tw-ring-offset-width: 1px 25820} 25821 25822.focus-visible\:ring-offset-2:focus-visible { 25823 --tw-ring-offset-width: 2px 25824} 25825 25826.focus-visible\:ring-offset-background:focus-visible { 25827 --tw-ring-offset-color: hsl(var(--background)) 25828} 25829 25830.active\:bg-sidebar-accent:active { 25831 background-color: hsl(var(--sidebar-accent)) 25832} 25833 25834.active\:text-sidebar-accent-foreground:active { 25835 color: hsl(var(--sidebar-accent-foreground)) 25836} 25837 25838.disabled\:pointer-events-none:disabled { 25839 pointer-events: none 25840} 25841 25842.disabled\:cursor-not-allowed:disabled { 25843 cursor: not-allowed 25844} 25845 25846.disabled\:opacity-50:disabled { 25847 opacity: .5 25848} 25849 25850.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { 25851 opacity: 1 25852} 25853 25854.group\/menu-item:hover .group-hover\/menu-item\:opacity-100, .group:hover .group-hover\:opacity-100 { 25855 opacity: 1 25856} 25857 25858.group.destructive .group-\[\.destructive\]\:border-muted\/40 { 25859 border-color: hsl(var(--muted) / .4) 25860} 25861 25862.group.toaster .group-\[\.toaster\]\:border-border { 25863 border-color: hsl(var(--border)) 25864} 25865 25866.group.toast .group-\[\.toast\]\:bg-muted { 25867 background-color: hsl(var(--muted)) 25868} 25869 25870.group.toast .group-\[\.toast\]\:bg-primary { 25871 background-color: hsl(var(--primary)) 25872} 25873 25874.group.toaster .group-\[\.toaster\]\:bg-background { 25875 background-color: hsl(var(--background)) 25876} 25877 25878.group.destructive .group-\[\.destructive\]\:text-red-300 { 25879 --tw-text-opacity: 1; 25880 color: rgb(252 165 165 / var(--tw-text-opacity)) 25881} 25882 25883.group.toast .group-\[\.toast\]\:text-muted-foreground { 25884 color: hsl(var(--muted-foreground)) 25885} 25886 25887.group.toast .group-\[\.toast\]\:text-primary-foreground { 25888 color: hsl(var(--primary-foreground)) 25889} 25890 25891.group.toaster .group-\[\.toaster\]\:text-foreground { 25892 color: hsl(var(--foreground)) 25893} 25894 25895.group.toaster .group-\[\.toaster\]\:shadow-lg { 25896 --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
25897 --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); 25898 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 25899} 25900 25901.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover { 25902 border-color: hsl(var(--destructive) / .3) 25903} 25904 25905.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover { 25906 background-color: hsl(var(--destructive)) 25907} 25908 25909.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover { 25910 color: hsl(var(--destructive-foreground)) 25911} 25912 25913.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { 25914 --tw-text-opacity: 1; 25915 color: rgb(254 242 242 / var(--tw-text-opacity)) 25916} 25917 25918.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus { 25919 --tw-ring-color: hsl(var(--destructive)) 25920} 25921 25922.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { 25923 --tw-ring-opacity: 1; 25924 --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity)) 25925} 25926 25927.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { 25928 --tw-ring-offset-color: #dc2626 25929} 25930 25931.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground { 25932 color: hsl(var(--sidebar-accent-foreground)) 25933} 25934 25935.peer:disabled ~ .peer-disabled\:cursor-not-allowed { 25936 cursor: not-allowed 25937} 25938 25939.peer:disabled ~ .peer-disabled\:opacity-70 { 25940 opacity: .7 25941} 25942 25943.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) { 25944 background-color: hsl(var(--sidebar-background)) 25945} 25946 25947.has-\[\:disabled\]\:opacity-50:has(:disabled) { 25948 opacity: .5 25949} 25950 25951.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 { 25952 padding-right: 2rem 25953} 25954 25955.aria-disabled\:pointer-events-none[aria-disabled=true] { 25956 pointer-events: none 25957} 25958 25959.aria-disabled\:opacity-50[aria-disabled=true] { 25960 opacity: .5 25961} 25962 25963.aria-selected\:bg-accent[aria-selected=true] { 25964 background-color: hsl(var(--accent)) 25965} 25966 25967.aria-selected\:bg-accent\/50[aria-selected=true] { 25968 background-color: hsl(var(--accent) / .5) 25969} 25970 25971.aria-selected\:text-accent-foreground[aria-selected=true] { 25972 color: hsl(var(--accent-foreground)) 25973} 25974 25975.aria-selected\:text-muted-foreground[aria-selected=true] { 25976 color: hsl(var(--muted-foreground)) 25977} 25978 25979.aria-selected\:opacity-100[aria-selected=true] { 25980 opacity: 1 25981} 25982 25983.aria-selected\:opacity-30[aria-selected=true] { 25984 opacity: .3 25985} 25986 25987.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true], .data-\[disabled\]\:pointer-events-none[data-disabled] { 25988 pointer-events: none 25989} 25990 25991.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical] { 25992 height: 1px 25993} 25994 25995.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical] { 25996 width: 100% 25997} 25998 25999.data-\[side\=bottom\]\:translate-y-1[data-side=bottom] { 26000 --tw-translate-y: .25rem; 26001 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26002} 26003 26004.data-\[side\=left\]\:-translate-x-1[data-side=left] { 26005 --tw-translate-x: -.25rem; 26006 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26007} 26008 26009.data-\[side\=right\]\:translate-x-1[data-side=right] { 26010 --tw-translate-x: .25rem; 26011 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26012} 26013 26014.data-\[side\=top\]\:-translate-y-1[data-side=top] { 26015 --tw-translate-y: -.25rem; 26016 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26017} 26018 26019.data-\[state\=checked\]\:translate-x-5[data-state=checked] { 26020 --tw-translate-x: 1.25rem; 26021 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26022} 26023 26024.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked], .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] { 26025 --tw-translate-x: 0px; 26026 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26027} 26028 26029.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] { 26030 --tw-translate-x: var(--radix-toast-swipe-end-x); 26031 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26032} 26033 26034.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] { 26035 --tw-translate-x: var(--radix-toast-swipe-move-x); 26036 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26037} 26038 26039@keyframes accordion-up { 26040 0% { 26041 height: var(--radix-accordion-content-height) 26042 } 26043 26044 to { 26045 height: 0 26046 } 26047} 26048 26049.data-\[state\=closed\]\:animate-accordion-up[data-state=closed] { 26050 animation: accordion-up .2s ease-out 26051} 26052 26053@keyframes accordion-down { 26054 0% { 26055 height: 0 26056 } 26057 26058 to { 26059 height: var(--radix-accordion-content-height) 26060 } 26061} 26062 26063.data-\[state\=open\]\:animate-accordion-down[data-state=open] { 26064 animation: accordion-down .2s ease-out 26065} 26066
26067.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical] { 26068 flex-direction: column 26069} 26070 26071.data-\[active\=true\]\:bg-sidebar-accent[data-active=true] { 26072 background-color: hsl(var(--sidebar-accent)) 26073} 26074 26075.data-\[active\]\:bg-accent\/50[data-active] { 26076 background-color: hsl(var(--accent) / .5) 26077} 26078 26079.data-\[selected\=\'true\'\]\:bg-accent[data-selected=true] { 26080 background-color: hsl(var(--accent)) 26081} 26082 26083.data-\[state\=active\]\:bg-background[data-state=active] { 26084 background-color: hsl(var(--background)) 26085} 26086 26087.data-\[state\=checked\]\:bg-primary[data-state=checked] { 26088 background-color: hsl(var(--primary)) 26089} 26090 26091.data-\[state\=on\]\:bg-accent[data-state=on], .data-\[state\=open\]\:bg-accent[data-state=open] { 26092 background-color: hsl(var(--accent)) 26093} 26094 26095.data-\[state\=open\]\:bg-accent\/50[data-state=open] { 26096 background-color: hsl(var(--accent) / .5) 26097} 26098 26099.data-\[state\=open\]\:bg-secondary[data-state=open] { 26100 background-color: hsl(var(--secondary)) 26101} 26102 26103.data-\[state\=selected\]\:bg-muted[data-state=selected] { 26104 background-color: hsl(var(--muted)) 26105} 26106 26107.data-\[state\=unchecked\]\:bg-input[data-state=unchecked] { 26108 background-color: hsl(var(--input)) 26109} 26110 26111.data-\[active\=true\]\:font-medium[data-active=true] { 26112 font-weight: 500 26113} 26114 26115.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true] { 26116 color: hsl(var(--sidebar-accent-foreground)) 26117} 26118 26119.data-\[selected\=true\]\:text-accent-foreground[data-selected=true] { 26120 color: hsl(var(--accent-foreground)) 26121} 26122 26123.data-\[state\=active\]\:text-foreground[data-state=active] { 26124 color: hsl(var(--foreground)) 26125} 26126 26127.data-\[state\=checked\]\:text-primary-foreground[data-state=checked] { 26128 color: hsl(var(--primary-foreground)) 26129} 26130 26131.data-\[state\=on\]\:text-accent-foreground[data-state=on], .data-\[state\=open\]\:text-accent-foreground[data-state=open] { 26132 color: hsl(var(--accent-foreground)) 26133} 26134 26135.data-\[state\=open\]\:text-muted-foreground[data-state=open] { 26136 color: hsl(var(--muted-foreground)) 26137} 26138 26139.data-\[disabled\=true\]\:opacity-50[data-disabled=true], .data-\[disabled\]\:opacity-50[data-disabled] { 26140 opacity: .5 26141} 26142 26143.data-\[state\=open\]\:opacity-100[data-state=open] { 26144 opacity: 1 26145} 26146 26147.data-\[state\=active\]\:shadow-sm[data-state=active] { 26148 --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
26149 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 26150 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 26151} 26152 26153.data-\[swipe\=move\]\:transition-none[data-swipe=move] { 26154 transition-property: none 26155} 26156 26157.data-\[state\=closed\]\:duration-300[data-state=closed] { 26158 transition-duration: .3s 26159} 26160 26161.data-\[state\=open\]\:duration-500[data-state=open] { 26162 transition-duration: .5s 26163} 26164 26165.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-], .data-\[state\=open\]\:animate-in[data-state=open], .data-\[state\=visible\]\:animate-in[data-state=visible] { 26166 animation-name: enter; 26167 animation-duration: .15s; 26168 --tw-enter-opacity: initial; 26169 --tw-enter-scale: initial; 26170 --tw-enter-rotate: initial; 26171 --tw-enter-translate-x: initial; 26172 --tw-enter-translate-y: initial 26173} 26174 26175.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-], .data-\[state\=closed\]\:animate-out[data-state=closed], .data-\[state\=hidden\]\:animate-out[data-state=hidden], .data-\[swipe\=end\]\:animate-out[data-swipe=end] { 26176 animation-name: exit; 26177 animation-duration: .15s; 26178 --tw-exit-opacity: initial; 26179 --tw-exit-scale: initial; 26180 --tw-exit-rotate: initial; 26181 --tw-exit-translate-x: initial; 26182 --tw-exit-translate-y: initial 26183} 26184 26185.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-] { 26186 --tw-enter-opacity: 0 26187} 26188 26189.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-], .data-\[state\=closed\]\:fade-out-0[data-state=closed] { 26190 --tw-exit-opacity: 0 26191} 26192 26193.data-\[state\=closed\]\:fade-out-80[data-state=closed] { 26194 --tw-exit-opacity: .8 26195} 26196 26197.data-\[state\=hidden\]\:fade-out[data-state=hidden] { 26198 --tw-exit-opacity: 0 26199} 26200 26201.data-\[state\=open\]\:fade-in-0[data-state=open], .data-\[state\=visible\]\:fade-in[data-state=visible] { 26202 --tw-enter-opacity: 0 26203} 26204 26205.data-\[state\=closed\]\:zoom-out-95[data-state=closed] { 26206 --tw-exit-scale: .95 26207} 26208 26209.data-\[state\=open\]\:zoom-in-90[data-state=open] { 26210 --tw-enter-scale: .9 26211} 26212 26213.data-\[state\=open\]\:zoom-in-95[data-state=open] { 26214 --tw-enter-scale: .95 26215} 26216 26217.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end] { 26218 --tw-enter-translate-x: 13rem 26219} 26220 26221.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start] { 26222 --tw-enter-translate-x: -13rem 26223} 26224 26225.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end] { 26226 --tw-exit-translate-x: 13rem 26227} 26228 26229.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start] { 26230 --tw-exit-translate-x: -13rem 26231} 26232 26233.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] { 26234 --tw-enter-translate-y: -.5rem 26235} 26236 26237.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] { 26238 --tw-enter-translate-x: .5rem 26239} 26240 26241.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] { 26242 --tw-enter-translate-x: -.5rem 26243} 26244 26245.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] { 26246 --tw-enter-translate-y: .5rem 26247} 26248 26249.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] { 26250 --tw-exit-translate-y: 100% 26251} 26252 26253.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] { 26254 --tw-exit-translate-x: -100% 26255} 26256 26257.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] { 26258 --tw-exit-translate-x: -50% 26259} 26260 26261.data-\[state\=closed\]\:slide-out-to-right[data-state=closed], .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed] { 26262 --tw-exit-translate-x: 100% 26263} 26264 26265.data-\[state\=closed\]\:slide-out-to-top[data-state=closed] { 26266 --tw-exit-translate-y: -100% 26267} 26268 26269.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] { 26270 --tw-exit-translate-y: -48% 26271} 26272 26273.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] { 26274 --tw-enter-translate-y: 100% 26275} 26276 26277.data-\[state\=open\]\:slide-in-from-left[data-state=open] { 26278 --tw-enter-translate-x: -100% 26279} 26280 26281.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] { 26282 --tw-enter-translate-x: -50% 26283} 26284 26285.data-\[state\=open\]\:slide-in-from-right[data-state=open] { 26286 --tw-enter-translate-x: 100% 26287} 26288 26289.data-\[state\=open\]\:slide-in-from-top[data-state=open] { 26290 --tw-enter-translate-y: -100% 26291} 26292
26293.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open] { 26294 --tw-enter-translate-y: -48% 26295} 26296 26297.data-\[state\=open\]\:slide-in-from-top-full[data-state=open] { 26298 --tw-enter-translate-y: -100% 26299} 26300 26301.data-\[state\=closed\]\:duration-300[data-state=closed] { 26302 animation-duration: .3s 26303} 26304 26305.data-\[state\=open\]\:duration-500[data-state=open] { 26306 animation-duration: .5s 26307} 26308 26309.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after { 26310 content: var(--tw-content); 26311 left: 0 26312} 26313 26314.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after { 26315 content: var(--tw-content); 26316 height: .25rem 26317} 26318 26319.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after { 26320 content: var(--tw-content); 26321 width: 100% 26322} 26323 26324.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after { 26325 content: var(--tw-content); 26326 --tw-translate-y: -50%; 26327 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26328} 26329 26330.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after { 26331 content: var(--tw-content); 26332 --tw-translate-x: 0px; 26333 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26334} 26335 26336.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open] { 26337 background-color: hsl(var(--sidebar-accent)) 26338} 26339 26340.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open] { 26341 color: hsl(var(--sidebar-accent-foreground)) 26342} 26343 26344.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { 26345 left: calc(var(--sidebar-width) * -1) 26346} 26347 26348.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { 26349 right: calc(var(--sidebar-width) * -1) 26350} 26351 26352.group[data-side=left] .group-data-\[side\=left\]\:-right-4 { 26353 right: -1rem 26354} 26355 26356.group[data-side=right] .group-data-\[side\=right\]\:left-0 { 26357 left: 0 26358} 26359 26360.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8 { 26361 margin-top: -2rem 26362} 26363 26364.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden { 26365 display: none 26366} 26367 26368.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8 { 26369 width: 2rem !important; 26370 height: 2rem !important 26371} 26372 26373.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] { 26374 width: var(--sidebar-width-icon) 26375} 26376 26377.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] { 26378 width: calc(var(--sidebar-width-icon) + 1rem) 26379} 26380 26381.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] { 26382 width: calc(var(--sidebar-width-icon) + 1rem + 2px) 26383} 26384 26385.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 { 26386 width: 0px 26387} 26388 26389.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { 26390 --tw-translate-x: 0px; 26391 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26392} 26393 26394.group[data-side=right] .group-data-\[side\=right\]\:rotate-180, .group[data-state=open] .group-data-\[state\=open\]\:rotate-180 { 26395 --tw-rotate: 180deg; 26396 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26397} 26398 26399.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden { 26400 overflow: hidden 26401} 26402 26403.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg { 26404 border-radius: var(--radius) 26405} 26406 26407.group[data-variant=floating] .group-data-\[variant\=floating\]\:border { 26408 border-width: 1px 26409} 26410 26411.group[data-side=left] .group-data-\[side\=left\]\:border-r { 26412 border-right-width: 1px 26413} 26414 26415.group[data-side=right] .group-data-\[side\=right\]\:border-l { 26416 border-left-width: 1px 26417} 26418 26419.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border { 26420 border-color: hsl(var(--sidebar-border)) 26421} 26422 26423.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0 { 26424 padding: 0 !important 26425} 26426 26427.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2 { 26428 padding: .5rem !important 26429} 26430 26431.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0 { 26432 opacity: 0 26433} 26434 26435.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow { 26436 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
26437 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); 26438 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 26439} 26440 26441.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after { 26442 content: var(--tw-content); 26443 left: 100% 26444} 26445 26446.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover { 26447 background-color: hsl(var(--sidebar-background)) 26448} 26449 26450.peer\/menu-button[data-size=default] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { 26451 top: .375rem 26452} 26453 26454.peer\/menu-button[data-size=lg] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { 26455 top: .625rem 26456} 26457 26458.peer\/menu-button[data-size=sm] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { 26459 top: .25rem 26460} 26461 26462.peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] { 26463 min-height: calc(100svh - 1rem) 26464} 26465 26466.peer\/menu-button[data-active=true] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground { 26467 color: hsl(var(--sidebar-accent-foreground)) 26468} 26469 26470.dark\:border-destructive:is(.dark *) { 26471 border-color: hsl(var(--destructive)) 26472} 26473 26474@media (min-width: 640px) { 26475 .sm\:bottom-0 { 26476 bottom: 0 26477 } 26478 26479 .sm\:right-0 { 26480 right: 0 26481 } 26482 26483 .sm\:top-auto { 26484 top: auto 26485 } 26486 26487 .sm\:mb-0 { 26488 margin-bottom: 0 26489 } 26490 26491 .sm\:mt-0 { 26492 margin-top: 0 26493 } 26494 26495 .sm\:flex { 26496 display: flex 26497 } 26498 26499 .sm\:max-w-sm { 26500 max-width: 24rem 26501 } 26502 26503 .sm\:flex-row { 26504 flex-direction: row 26505 } 26506 26507 .sm\:flex-col { 26508 flex-direction: column 26509 } 26510 26511 .sm\:justify-end { 26512 justify-content: flex-end 26513 } 26514 26515 .sm\:justify-between { 26516 justify-content: space-between 26517 } 26518 26519 .sm\:gap-2\.5 { 26520 gap: .625rem 26521 } 26522 26523 .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { 26524 --tw-space-x-reverse: 0; 26525 margin-right: calc(.5rem * var(--tw-space-x-reverse)); 26526 margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse))) 26527 } 26528 26529 .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { 26530 --tw-space-x-reverse: 0; 26531 margin-right: calc(1rem * var(--tw-space-x-reverse)); 26532 margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) 26533 } 26534 26535 .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { 26536 --tw-space-y-reverse: 0; 26537 margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); 26538 margin-bottom: calc(0px * var(--tw-space-y-reverse)) 26539 } 26540 26541 .sm\:rounded-lg { 26542 border-radius: var(--radius) 26543 } 26544 26545 .sm\:p-8 { 26546 padding: 2rem 26547 } 26548 26549 .sm\:px-6 { 26550 padding-left: 1.5rem; 26551 padding-right: 1.5rem 26552 } 26553 26554 .sm\:text-left { 26555 text-align: left 26556 } 26557 26558 .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open] { 26559 --tw-enter-translate-y: 100% 26560 } 26561} 26562 26563@media (min-width: 768px) { 26564 .md\:absolute { 26565 position: absolute 26566 } 26567 26568 .md\:ml-8 { 26569 margin-left: 2rem 26570 } 26571 26572 .md\:block { 26573 display: block 26574 } 26575 26576 .md\:flex { 26577 display: flex 26578 } 26579 26580 .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { 26581 width: var(--radix-navigation-menu-viewport-width) 26582 } 26583 26584 .md\:w-auto { 26585 width: auto 26586 } 26587 26588 .md\:max-w-\[420px\] { 26589 max-width: 420px 26590 } 26591 26592 .md\:grid-cols-3 { 26593 grid-template-columns:repeat(3, minmax(0, 1fr)) 26594 } 26595 26596 .md\:grid-cols-4 { 26597 grid-template-columns:repeat(4, minmax(0, 1fr)) 26598 } 26599 26600 .md\:py-12 { 26601 padding-top: 3rem; 26602 padding-bottom: 3rem 26603 } 26604 26605 .md\:py-4 { 26606 padding-top: 1rem; 26607 padding-bottom: 1rem 26608 } 26609 26610 .md\:text-4xl { 26611 font-size: 2.25rem; 26612 line-height: 2.5rem 26613 } 26614 26615 .md\:text-sm { 26616 font-size: .875rem; 26617 line-height: 1.25rem 26618 } 26619 26620 .md\:opacity-0 { 26621 opacity: 0 26622 } 26623 26624 .after\:md\:hidden:after { 26625 content: var(--tw-content); 26626 display: none 26627 } 26628 26629 .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { 26630 margin: .5rem 26631 } 26632 26633 .peer[data-state=collapsed][data-variant=inset] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 { 26634 margin-left: .5rem 26635 } 26636 26637 .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { 26638 margin-left: 0 26639 } 26640 26641 .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { 26642 border-radius: .75rem 26643 } 26644 26645 .peer[data-variant=inset] ~ .md\:peer-data-\[variant\=inset\]\:shadow { 26646 --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
26647 --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); 26648 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 26649 } 26650} 26651 26652@media (min-width: 1024px) { 26653 .lg\:text-5xl { 26654 font-size: 3rem; 26655 line-height: 1 26656 } 26657} 26658 26659.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) { 26660 background-color: hsl(var(--accent)) 26661} 26662 26663.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { 26664 border-top-left-radius: calc(var(--radius) - 2px); 26665 border-bottom-left-radius: calc(var(--radius) - 2px) 26666} 26667 26668.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { 26669 border-top-right-radius: calc(var(--radius) - 2px); 26670 border-bottom-right-radius: calc(var(--radius) - 2px) 26671} 26672 26673.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) { 26674 background-color: hsl(var(--accent) / .5) 26675} 26676 26677.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { 26678 border-top-right-radius: calc(var(--radius) - 2px); 26679 border-bottom-right-radius: calc(var(--radius) - 2px) 26680} 26681 26682.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { 26683 padding-right: 0 26684} 26685 26686.\[\&\>button\]\:hidden > button { 26687 display: none 26688} 26689 26690.\[\&\>span\:last-child\]\:truncate > span:last-child { 26691 overflow: hidden; 26692 text-overflow: ellipsis; 26693 white-space: nowrap 26694} 26695 26696.\[\&\>span\]\:line-clamp-1 > span { 26697 overflow: hidden; 26698 display: -webkit-box; 26699 -webkit-box-orient: vertical; 26700 -webkit-line-clamp: 1 26701} 26702 26703.\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div { 26704 --tw-translate-y: -3px; 26705 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26706} 26707 26708.\[\&\>svg\]\:absolute > svg { 26709 position: absolute 26710} 26711 26712.\[\&\>svg\]\:left-4 > svg { 26713 left: 1rem 26714} 26715 26716.\[\&\>svg\]\:top-4 > svg { 26717 top: 1rem 26718} 26719 26720.\[\&\>svg\]\:size-3\.5 > svg { 26721 width: .875rem; 26722 height: .875rem 26723} 26724 26725.\[\&\>svg\]\:size-4 > svg { 26726 width: 1rem; 26727 height: 1rem 26728} 26729 26730.\[\&\>svg\]\:h-2\.5 > svg { 26731 height: .625rem 26732} 26733 26734.\[\&\>svg\]\:h-3 > svg { 26735 height: .75rem 26736} 26737 26738.\[\&\>svg\]\:w-2\.5 > svg { 26739 width: .625rem 26740} 26741 26742.\[\&\>svg\]\:w-3 > svg { 26743 width: .75rem 26744} 26745 26746.\[\&\>svg\]\:shrink-0 > svg { 26747 flex-shrink: 0 26748} 26749 26750.\[\&\>svg\]\:text-destructive > svg { 26751 color: hsl(var(--destructive)) 26752} 26753 26754.\[\&\>svg\]\:text-foreground > svg { 26755 color: hsl(var(--foreground)) 26756} 26757 26758.\[\&\>svg\]\:text-muted-foreground > svg { 26759 color: hsl(var(--muted-foreground)) 26760} 26761 26762.\[\&\>svg\]\:text-sidebar-accent-foreground > svg { 26763 color: hsl(var(--sidebar-accent-foreground)) 26764} 26765 26766.\[\&\>svg\~\*\]\:pl-7 > svg ~ * { 26767 padding-left: 1.75rem 26768} 26769 26770.\[\&\>tr\]\:last\:border-b-0:last-child > tr { 26771 border-bottom-width: 0px 26772} 26773 26774.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical] > div { 26775 --tw-rotate: 90deg; 26776 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26777} 26778 26779.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open] > svg { 26780 --tw-rotate: 180deg; 26781 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 26782} 26783 26784.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { 26785 fill: hsl(var(--muted-foreground)) 26786} 26787 26788.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { 26789 stroke: hsl(var(--border) / .5) 26790} 26791 26792.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { 26793 stroke: hsl(var(--border)) 26794} 26795 26796.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { 26797 stroke: transparent 26798} 26799 26800.\[\&_\.recharts-layer\]\:outline-none .recharts-layer { 26801 outline: 2px solid transparent; 26802 outline-offset: 2px 26803} 26804 26805.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { 26806 stroke: hsl(var(--border)) 26807} 26808 26809.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { 26810 fill: hsl(var(--muted)) 26811} 26812 26813.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { 26814 stroke: hsl(var(--border)) 26815} 26816 26817.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { 26818 stroke: transparent 26819} 26820 26821.\[\&_\.recharts-sector\]\:outline-none .recharts-sector, .\[\&_\.recharts-surface\]\:outline-none .recharts-surface { 26822 outline: 2px solid transparent; 26823 outline-offset: 2px 26824} 26825 26826.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { 26827 padding-left: .5rem; 26828 padding-right: .5rem 26829} 26830 26831.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { 26832 padding-top: .375rem; 26833 padding-bottom: .375rem 26834} 26835 26836.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { 26837 font-size: .75rem; 26838 line-height: 1rem 26839} 26840 26841.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { 26842 font-weight: 500 26843} 26844 26845.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { 26846 color: hsl(var(--muted-foreground)) 26847} 26848 26849.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { 26850 padding-top: 0 26851} 26852 26853.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { 26854 padding-left: .5rem; 26855 padding-right: .5rem 26856} 26857 26858.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { 26859 height: 1.25rem 26860} 26861 26862.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { 26863 width: 1.25rem 26864} 26865 26866.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { 26867 height: 3rem 26868} 26869 26870.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { 26871 padding-left: .5rem; 26872 padding-right: .5rem 26873} 26874 26875.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { 26876 padding-top: .75rem; 26877 padding-bottom: .75rem 26878} 26879 26880.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { 26881 height: 1.25rem 26882} 26883 26884.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { 26885 width: 1.25rem 26886} 26887 26888.\[\&_p\]\:leading-relaxed p { 26889 line-height: 1.625 26890} 26891 26892.\[\&_svg\]\:pointer-events-none svg { 26893 pointer-events: none 26894} 26895 26896.\[\&_svg\]\:size-4 svg { 26897 width: 1rem; 26898 height: 1rem 26899} 26900 26901.\[\&_svg\]\:shrink-0 svg { 26902 flex-shrink: 0 26903} 26904 26905.\[\&_tr\:last-child\]\:border-0 tr:last-child { 26906 border-width: 0px 26907} 26908 26909.\[\&_tr\]\:border-b tr { 26910 border-bottom-width: 1px 26911} 26912 26913[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { 26914 right: -.5rem 26915} 26916 26917[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { 26918 cursor: e-resize 26919} 26920 26921[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize { 26922 cursor: w-resize 26923} 26924 26925[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { 26926 left: -.5rem 26927} 26928 26929[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { 26930 cursor: w-resize 26931} 26932 26933[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize { 26934 cursor: e-resize 26935} 26936 26937 </style> 26938 <style type="text/css" class="tool-stylesheets"> 26939 @font-face{font-display:auto;font-family:summernote;font-style:normal;font-weight:400;src:url(/v3/js/plugins/summernote/font/summernote.eot?#iefix) format("embedded-opentype"),url(/v3/js/plugins/summernote/font/summernote.woff2) format("woff2"),url(/v3/js/plugins/summernote/font/summernote.woff) format("woff"),url(/v3/js/plugins/summernote/font/summernote.ttf) format("truetype")}
26939[class*=" note-icon"]:before,[class^=note-icon]:before{text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none;display:inline-block;font-family:summernote;font-size:inherit;font-style:normal;text-decoration:inherit;text-transform:none;vertical-align:middle}.note-icon-fw{text-align:center;width:1.25em}.note-icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.note-icon-pull-left{float:left}.note-icon-pull-right{float:right}.note-icon.note-icon-pull-left{margin-right:.3em}.note-icon.note-icon-pull-right{margin-left:.3em}.note-icon-align:before{content:"\ea01"}.note-icon-align-center:before{content:"\ea02"}.note-icon-align-indent:before{content:"\ea03"}.note-icon-align-justify:before{content:"\ea04"}.note-icon-align-left:before{content:"\ea05"}.note-icon-align-outdent:before{content:"\ea06"}.note-icon-align-right:before{content:"\ea07"}.note-icon-arrow-circle-down:before{content:"\ea08"}.note-icon-arrow-circle-left:before{content:"\ea09"}.note-icon-arrow-circle-right:before{content:"\ea0a"}.note-icon-arrow-circle-up:before{content:"\ea0b"}.note-icon-arrows-alt:before{content:"\ea0c"}.note-icon-arrows-h:before{content:"\ea0d"}.note-icon-arrows-v:before{content:"\ea0e"}.note-icon-bold:before{content:"\ea0f"}.note-icon-caret:before{content:"\ea10"}.note-icon-chain-broken:before{content:"\ea11"}.note-icon-circle:before{content:"\ea12"}.note-icon-close:before{content:"\ea13"}.note-icon-code:before{content:"\ea14"}.note-icon-col-after:before{content:"\ea15"}.note-icon-col-before:before{content:"\ea16"}.note-icon-col-remove:before{content:"\ea17"}.note-icon-eraser:before{content:"\ea18"}.note-icon-float-left:before{content:"\ea19"}.note-icon-float-none:before{content:"\ea1a"}.note-icon-float-right:before{content:"\ea1b"}.note-icon-font:before{content:"\ea1c"}.note-icon-frame:before{content:"\ea1d"}.note-icon-italic:before{content:"\ea1e"}.note-icon-link:before{content:"\ea1f"}.note-icon-magic:before{content:"\ea20"}.note-icon-menu-check:before{content:"\ea21"}.note-icon-minus:before{content:"\ea22"}.note-icon-orderedlist:before{content:"\ea23"}.note-icon-pencil:before{content:"\ea24"}.note-icon-picture:before{content:"\ea25"}.note-icon-question:before{content:"\ea26"}.note-icon-redo:before{content:"\ea27"}.note-icon-rollback:before{content:"\ea28"}.note-icon-row-above:before{content:"\ea29"}.note-icon-row-below:before{content:"\ea2a"}.note-icon-row-remove:before{content:"\ea2b"}.note-icon-special-character:before{content:"\ea2c"}.note-icon-square:before{content:"\ea2d"}.note-icon-strikethrough:before{content:"\ea2e"}.note-icon-subscript:before{content:"\ea2f"}.note-icon-summernote:before{content:"\ea30"}.note-icon-superscript:before{content:"\ea31"}.note-icon-table:before{content:"\ea32"}.note-icon-text-height:before{content:"\ea33"}.note-icon-trash:before{content:"\ea34"}.note-icon-underline:before{content:"\ea35"}.note-icon-undo:before{content:"\ea36"}.note-icon-unorderedlist:before{content:"\ea37"}.note-icon-video:before{content:"\ea38"}.note-editor{position:relative}.note-editor .note-dropzone{background-color:#fff;color:#87cefa;display:none;opacity:.95;position:absolute;z-index:100}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:700;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-airframe,.note-editor.note-frame{border:1px solid #00000032}.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable{word-wrap:break-word;overflow:auto;padding:10px}.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]{background-color:#8080801d}.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{background-color:#222;border:none;border-radius:0;box-shadow:none;-ms-box-sizing:border-box;box-sizing:border-box;color:#ccc;display:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;margin-bottom:0;outline:none;padding:10px;resize:none;width:100%}.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen{left:0;position:fixed;top:0;width:100%!important;z-index:1050}.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output{border:0;border-top:1px solid #e2e2e2;color:#000;display:block;font-size:14px;height:20px;line-height:1.42857143;margin-bottom:0;width:100%}.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty{border-top:0 solid transparent;height:0}.note-editor.note-airframe .note-status-output .pull-right,.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted{color:#7
2693977}.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert{background-color:#f5f5f5;border-radius:0;color:#000;margin:-7px 0 0;padding:7px 10px 2px}.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success{background-color:#dff0d8!important;color:#3c763d!important}.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info{background-color:#d9edf7!important;color:#31708f!important}.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning{background-color:#fcf8e3!important;color:#8a6d3b!important}.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger{background-color:#f2dede!important;color:#a94442!important}.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar{background-color:#8080801d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #00000032}.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar{cursor:ns-resize;height:9px;padding-top:1px;width:100%}.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{border-top:1px solid #00000032;margin:1px auto;width:20px}.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative}.note-editor .note-toolbar,.note-popover .popover-content{margin:0;padding:0 0 5px 5px}.note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin-left:0;margin-right:5px;margin-top:5px}.note-editor .note-toolbar .note-btn-group .note-table,.note-popover .popover-content .note-btn-group .note-table{min-width:0;padding:5px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{cursor:pointer;height:10em;position:absolute!important;width:10em;z-index:3}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;height:5em;position:relative!important;width:5em;z-index:1}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;height:1em;position:absolute!important;width:1em;z-index:2}.note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre,.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-editor .note-toolbar .note-style .dropdown-style h1,.note-editor .note-toolbar .note-style .dropdown-style h2,.note-editor .note-toolbar .note-style .dropdown-style h3,.note-editor .note-toolbar .note-style .dropdown-style h4,.note-editor .note-toolbar .note-style .dropdown-style h5,.note-editor .note-toolbar .note-style .dropdown-style h6,.note-editor .note-toolbar .note-style .dropdown-style p,.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p{margin:0;padding:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{min-width:337px}.note-editor .note-toolbar .note-color .dropdown-toggle,.note-popover .popover-content .note-color .dropdown-toggle{padding-left:5px;width:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{border-bottom:1px solid #eee;font-size:12px;margin:2px 7px;text-align:center}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{border-radius:5px;cursor:pointer;font-size:11px;margin:3px;padding:0 3px;width:100%}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu{min-width:228px;padding:5px}.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,.note-popover .popover-content .note-para .note-dropdown-menu>div+div{margin-left:5px}.note-editor .note-toolbar .note-dropdown-menu,.note-popover .popover-content .note-dropdown-menu{min-width:160px}.note-editor .note-toolbar .note-dropdown-menu.right,.note-popover .popover-content .note-dropdown-menu.right{left:auto;right:0}.note-editor .note-toolbar .note-dropdown-menu.right:before,.note-popover .popover-content .note-dropdown-menu.right:before{left:auto!important;right:9px}.note-editor .note-toolbar .note-dropdown-menu.right:after,.note-popover .popover-content .note-dropdown-menu.right:after{left:auto!important;right:10px}.note-editor .note-toolbar .note-dropdown-menu.note-check a i,.note-popover .popover-content .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,.note-popover .popover-content .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-editor .note-toolbar .note-fontsize-10,.note-popover .popover-content .note-fontsize-10{font-size:10px}.note-editor .note-toolbar .note-color-palette,.note-popover .popover-content .note-color-palette{line-height:1}.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{border:0;border-radius:0;height:20px;margin:0;padding:0;width:20px}.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,.note-popover .popover-content .note-color-palette div .note-color-btn:hover{transform:scale(1.2);transition:all .2s}.note-modal .modal-dialog{border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{border:4px dashed #d3d3d3;color:#d3d3d3;font-size:30px;line-height:4;margin-bottom:10px;min-height:100px;text-align:center}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.note-placeholder{color:gray;display:none;position:absolute}.note-handle .note-control-selection{border:1px solid #000;display:none;position:absolute}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30);height:100%;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;width:100%}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing{border:1px solid #000;height:7px;width:7px}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{border-bottom:none;border-right:none;left:-5px;top:-5px}.note-handle .note-control-selection .note-control-ne{border-bottom:none;border-left:none;right:-5px;top:-5px}.note-handle .note-control-selection .note-control-sw{border-right:none;border-top:none;bottom:-5px;left:-5px}.note-handle .note-control-selection .note-control-se{bottom:-5px;cursor:se-resize;right:-5px}.note-handle .note-control-selection .note-control-se.note-control-holder{border-left:none;border-top:none;cursor:default}.note-handle .note-control-selection .note-control-selection-info{background-color:#000;border-radius:5px;bottom:0;color:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);font-size:12px;margin:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;padding:5px;right:0}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;overflow:auto;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{background-color:#428bca;clear:both;color:#fff;cursor:pointer;display:block;font-weight:400;line-height:1.4;outline:0;text-decoration:none;white-space:nowrap}body .note-fullscreen-body,html .note-fullscreen-body{overflow:hidden!important}.note-toolbar{background:#8080801d}.note-btn-group .note-btn{border-color:#00000032;font-size:13px;padding:.28rem .65rem} 26940 .note-statusbar.locked { 26941 display: none; 26942} 26943 26944.note-toolbar { 26945 background: transparent; 26946 border-bottom-color: #E3E3E4; 26947} 26948 26949.note-btn-group .note-btn { 26950 background: #fff; 26951 padding: 6px; 26952 border: none; 26953 border-radius: 6px; 26954} 26955 26956.note-btn-group .note-btn:hover { 26957 background: #F6F6F6; 26958} 26959 26960.note-editor.note-frame .note-editing-area .note-editable h1 { 26961 font-weight: 400; 26962 font-size: 32px; 26963 line-height: calc(48 / 32); 26964 color: #181D20; 26965} 26966 26967.note-editor.note-frame .note-editing-area .note-editable h2 { 26968 font-weight: 400; 26969 font-size: 24px; 26970 line-height: calc(32 / 24); 26971 color: #181D20; 26972} 26973 26974.note-editor.note-frame .note-editing-area .note-editable h3 { 26975 font-weight: 400; 26976 font-size: 18px; 26977 line-height: calc(26 / 18); 26978 color: #181D20; 26979} 26980 26981.note-editor.note-frame .note-editing-area .note-editable h4 { 26982 font-weight: 400; 26983 font-size: 16px; 26984 line-height: calc(24 / 16); 26985 color: #181D20; 26986} 26987 26988.note-editor.note-frame .note-editing-area .note-editable ul, 26989.note-editor.note-frame .note-editing-area .note-editable ol { 26990 list-style-position: inside; 26991 font-weight: 400; 26992 font-size: 14px; 26993 line-height: calc(20 / 14); 26994} 26995 26996.note-editor.note-frame .note-editing-area .note-editable ul { 26997 list-style-type: disc; 26998} 26999 27000.note-editor.note-frame .note-editing-area .note-editable ol { 27001 list-style-type: decimal; 27002} 27003 27004/* modal-continue-writing */ 27005.modal-continue-writing {} 27006
27007.modal-continue-writing .modal-dialog { 27008 max-width: 784px; 27009} 27010 27011.modal-continue-writing .modal-content { 27012 border-radius: 12px; 27013} 27014 27015.modal-continue-writing .modal-header { 27016 border: none; 27017 padding: 24px 24px 0; 27018} 27019 27020.modal-continue-writing .modal-header .close { 27021 margin: 0; 27022 padding: 0; 27023} 27024 27025.modal-continue-writing .modal-title { 27026 color: #181D20; 27027 font-weight: bold; 27028 font-size: 24px; 27029 flex-grow: 1; 27030} 27031 27032.modal-continue-writing .modal-body { 27033 padding: 24px; 27034} 27035 27036.chart-creators_bar .form-check { 27037 overflow: hidden; 27038 margin-left: 8px; 27039 margin-right: 8px; 27040} 27041 27042.continue-writing { 27043 color: #181D20; 27044} 27045 27046.continue-writing__item { 27047 margin-top: 16px; 27048} 27049 27050.continue-writing__item:first-child { 27051 margin-top: 0; 27052} 27053 27054.continue-writing__item--action { 27055 margin-top: 24px; 27056} 27057 27058.continue-writing__item p { 27059 font-weight: 500; 27060 font-size: 18px; 27061 line-height: 26px; 27062} 27063 27064.continue-writing__group { 27065 margin-top: 10px; 27066 display: flex; 27067 align-items: center; 27068 margin-left: -8px; 27069} 27070 27071.continue-writing .form-check { 27072 padding: 0; 27073 flex-basis: calc(100% / 4); 27074 flex-grow: 1; 27075 flex-shrink: 0; 27076 max-width: 240px; 27077 margin-left: 8px; 27078} 27079 27080.continue-writing .form-check-input { 27081 position: absolute; 27082 opacity: 0; 27083 visibility: hidden; 27084} 27085 27086.continue-writing .form-check-input:checked+.form-check-label { 27087 color: #1A8FE3; 27088 background-color: #F6FBFE; 27089 border-color: #1A8FE3; 27090} 27091 27092.continue-writing .form-check-label { 27093 padding: 16px 24px; 27094 border: 1px solid #E3E3E4; 27095 border-radius: 8px; 27096 font-size: 16px; 27097 line-height: 24px; 27098 color: #707375; 27099 cursor: pointer; 27100 transition: color, border-color .2s linear; 27101 white-space: nowrap; 27102 width: 100%; 27103 box-sizing: border-box; 27104} 27105 27106.continue-writing .button { 27107 flex-basis: calc(100% / 3); 27108 flex-grow: 1; 27109 flex-shrink: 0; 27110 margin-left: 8px; 27111 padding-top: 16px; 27112 padding-bottom: 16px; 27113 border-radius: 8px; 27114} 27115 27116.continue-writing .btn-secondary { 27117 background: #EFEFEF; 27118 border: 1px solid #E3E3E4; 27119 color: #A7A9AA; 27120} 27121 27122.continue-writing .btn-secondary:focus { 27123 box-shadow: none; 27124} 27125 27126.dark-mode .close, 27127.dark-mode .modal-continue-writing .modal-title, 27128.dark-mode .continue-writing { 27129 color: #fff; 27130} 27131 27132.dark-mode .continue-writing .form-check-label { 27133 color: #fff; 27134} 27135 27136.dark-mode .continue-writing .form-check-input:checked+.form-check-label { 27137 background-color: #223544; 27138} 27139 27140.dark-mode .continue-writing .btn-secondary { 27141 background-color: #40474c; 27142 color: #bfc1c3; 27143} 27144 27145@media (max-width: 767px) { 27146 27147 .modal-continue-writing .modal-title { 27148 font-size: 16px; 27149 } 27150 27151 .modal-continue-writing .modal-body { 27152 padding-top: 16px; 27153 } 27154 27155 .continue-writing__group { 27156 margin-top: 2px; 27157 flex-direction: column; 27158 margin-left: 0; 27159 } 27160 27161 .continue-writing__item--action { 27162 margin-top: 8px; 27163 } 27164 27165 .continue-writing__item p { 27166 font-weight: 500; 27167 font-size: 14px; 27168 line-height: 20px; 27169 } 27170 27171 .continue-writing .form-check { 27172 margin-left: 0; 27173 margin-top: 8px; 27174 max-width: 100%; 27175 width: 100%; 27176 text-align: center; 27177 } 27178 27179 .continue-writing .form-check-label { 27180 font-size: 12px; 27181 line-height: 18px; 27182 } 27183 27184 .continue-writing .button { 27185 margin-left: 0; 27186 margin-top: 8px; 27187 width: 100%; 27188 font-size: 12px; 27189 line-height: 18px; 27190 padding-top: 11px; 27191 padding-bottom: 11px; 27192 } 27193} 27194 27195 </style> 27196 <style nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 27197 .menu2 li a > svg { 27198 width: 20px; 27199 height: 20px; 27200 margin-right: 8px; 27201 flex-shrink: 0; 27202} 27203 27204.drop_menu a > svg, .menu2 li a > svg { 27205 color: #1A8FE3; 27206} 27207 27208.drop_menu a:hover > svg, .menu2 li a:hover > svg { 27209 color: var(--blue); 27210} 27211 27212.expand_menu .tools_box { 27213 display: block; 27214} 27215 27216.video-js button.vjs-big-play-button { 27217 top: calc(50% - 25px); 27218 left: calc(50% - 45px); 27219} 27220 27221.icon_box.v1 { 27222 color: #E24841; 27223} 27224 27225.icon_box.v2 { 27226 color: #E2C740; 27227} 27228 27229.icon_box.v3 { 27230 color: #FF7919; 27231} 27232 27233.icon_box.v4 { 27234 color: #10D0D5; 27235} 27236 27237.icon_box.v5 { 27238 color: #624BD8; 27239} 27240 27241.icon_box.v6 { 27242 color: #3D99F5; 27243} 27244 27245.icon_box.v7 { 27246 color: #79DC47; 27247} 27248 27249.icon_box.v8 { 27250 color: #FF5975; 27251} 27252 27253.no-border { 27254 border: 0; 27255 box-shadow: none; 27256} 27257 27258.files_name, .files_tree .files_name { 27259 display: flex; 27260 flex-shrink: 1; 27261 width: auto; 27262 padding-right: 16px; 27263 margin-right: 10px; 27264} 27265 27266.background-chess { 27267 background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%); 27268 background-size: 20px 20px; 27269 background-position: 0 0, 0 10px, 10px -10px, -10px 0px; 27270} 27271 27272@media (min-width: 992px) and (max-width: 1199.98px) { 27273 .menu2 li a svg { 27274 width: 15px; 27275 height: 15px; 27276 margin-right: 5px; 27277 } 27278} 27279 27280form .is-invalid { 27281 border-color: #a52219; 27282} 27283 27284.uploader-container { 27285 position: relative; 27286 display: -webkit-box; 27287 display: -ms-flexbox; 27288 display: flex; 27289 -webkit-box-align: center; 27290 -ms-flex-align: center;
27291 align-items: center; 27292 width: 100%; 27293 max-width: 100%; 27294 -webkit-transition: 0.2s; 27295 -o-transition: 0.2s; 27296 transition: 0.2s; 27297 border-radius: 12px; 27298 padding: 24px; 27299 -webkit-box-pack: center; 27300 -ms-flex-pack: center; 27301 justify-content: center; 27302 -webkit-box-orient: vertical; 27303 -webkit-box-direction: normal; 27304 -ms-flex-direction: column; 27305 flex-direction: column; 27306 margin-top: 4.5rem; 27307 /*height: 366px;*/ 27308 min-height: 366px; 27309 background: #FFFFFF; 27310} 27311 27312.compress-result { 27313 background: none; 27314 border: none; 27315 padding: 0; 27316} 27317 27318.file-uploader--wrapper, .component--wrapper, .component-sended--wrapper { 27319 width: 100%; 27320} 27321 27322.component--wrapper .card-footer { 27323 background-color: unset; 27324} 27325 27326.file-drop-area { 27327 margin-top: unset; 27328 border: none; 27329 border-radius: unset; 27330} 27331 27332.file-drop-area.hidden-area { 27333 width: 100%; 27334 height: 100%; 27335 padding: 0; 27336} 27337 27338.file-drop-area.hidden-area .file-uploads.button { 27339 width: 100%; 27340 height: 100%; 27341} 27342 27343.file-drop-area.hidden-area .file-uploads.button label { 27344 cursor: pointer; 27345} 27346 27347.extra-large-modal .modal-dialog { 27348 max-width: 90%; 27349} 27350 27351.extra-large-modal .modal-dialog img { 27352 max-width: 95%; 27353} 27354 27355.centered-modal .modal-body { 27356 text-align: center; 27357} 27358 27359.extra-large-modal.page-width-pdf .modal-dialog { 27360 max-width: 1080px; 27361} 27362 27363div[class^="text-tr-transform__s"] { 27364 display: none; 27365} 27366 27367.tr-transform--active, .text-tr-transform--active { 27368 position: absolute; 27369 z-index: 5; 27370} 27371 27372.text-tr-transform__content { 27373/ / min-width: 100 px; 27374 max-width: 700px; 27375} 27376 27377.tr-transform__content, .text-tr-transform__content { 27378 user-select: none; 27379} 27380 27381.tr-transform__content input, .text-tr-transform__content input { 27382 width: 100%; 27383 height: 50px; 27384 font-size: 24px; 27385 background-color: rgba(0, 0, 0, 0.2); 27386 border: none; 27387 font-family: Dancing Script, Source Sans Pro, Helvetica, Arial, sans-serif; 27388} 27389 27390.tr-transform__content img { 27391 width: 100% !important; 27392 background-color: rgba(0, 0, 0, 0.2); 27393} 27394 27395.tr-transform__content div.full-transform-block { 27396 width: 100%; 27397 height: 100%; 27398 /*font-size: 24px;*/ 27399 background-color: rgba(0, 0, 0, 0.2); 27400 border: none; 27401 /*font-family: Dancing Script, Source Sans Pro, Helvetica, Arial, sans-serif;*/ 27402 color: #000000; 27403 line-height: 1.2; 27404} 27405 27406.tr-transform__rotator, .text-tr-transform__rotator { 27407 top: -45px; 27408 left: calc(50% - 7px); 27409} 27410 27411.tr-transform__rotator, 27412.text-tr-transform__rotator { 27413 background: unset !important; 27414 border: unset !important; 27415} 27416 27417.tr-transform__rotator, 27418.tr-transform__scale-point, 27419.text-tr-transform__rotator, 27420.text-tr-transform__scale-point { 27421 background: #fff; 27422 width: 15px; 27423 height: 15px; 27424 border-radius: 50%; 27425 position: absolute; 27426 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); 27427 border: 1px solid rgba(0, 0, 0, 0.1); 27428 cursor: pointer; 27429} 27430 27431.tr-transform__rotator:hover, 27432.tr-transform__scale-point:hover, 27433.text-tr-transform__rotator:hover, 27434.text-tr-transform__scale-point:hover { 27435 background: #F1F5F8; 27436} 27437 27438.tr-transform__rotator:active, 27439.tr-transform__scale-point:active, 27440.text-tr-transform__rotator:active, 27441.text-tr-transform__scale-point:active { 27442 background: #DAE1E7; 27443} 27444 27445.tr-transform__scale-point { 27446 27447} 27448 27449.tr-transform__scale-point--tl, 27450.text-tr-transform__scale-point--tl { 27451 top: -7px; 27452 left: -7px; 27453} 27454 27455.tr-transform__scale-point--ml, 27456.text-tr-transform__scale-point--ml { 27457 top: calc(50% - 7px); 27458 left: -7px; 27459} 27460 27461.tr-transform__scale-point--tr, 27462.text-tr-transform__scale-point--tr { 27463 left: calc(100% - 7px); 27464 top: -7px; 27465} 27466 27467.tr-transform__scale-point--tm, 27468.text-tr-transform__scale-point--tm { 27469 left: calc(50% - 7px); 27470 top: -7px; 27471} 27472 27473.tr-transform__scale-point--mr, 27474.text-tr-transform__scale-point--mr { 27475 left: calc(100% - 7px); 27476 top: calc(50% - 7px); 27477} 27478 27479.tr-transform__scale-point--bl, 27480.text-tr-transform__scale-point--bl { 27481 left: -7px; 27482 top: calc(100% - 7px); 27483} 27484 27485.tr-transform__scale-point--bm, 27486.text-tr-transform__scale-point--bm { 27487 left: calc(50% - 7px); 27488 top: calc(100% - 7px); 27489} 27490 27491.tr-transform__scale-point--br, 27492.text-tr-transform__scale-point--br { 27493 left: calc(100% - 7px); 27494 top: calc(100% - 7px); 27495} 27496 27497.del-icon-block { 27498 opacity: 1; 27499 position: absolute; 27500 top: -3px; 27501 left: -6px; 27502 cursor: pointer; 27503 z-index: 5; 27504} 27505 27506.del-icon-block_wrapper, .del-icon-block_item, 27507.del-icon-block_item svg, .del-icon-block_item svg path { 27508 z-index: 4; 27509} 27510 27511.del-icon-block .del-icon-block_wrapper { 27512 border-radius: 50%; 27513 color: #fff; 27514 background-color: #262626; 27515 height: 24px; 27516 width: 24px; 27517 padding: 6px; 27518 line-height: 0; 27519 -webkit-box-sizing: border-box; 27520 box-sizing: border-box; 27521} 27522 27523.del-icon-block .del-icon-block_item { 27524 overflow: hidden; 27525 width: 100%; 27526 height: 100%; 27527} 27528 27529.video-player-box .video-js { 27530 margin: 0 auto; 27531} 27532 27533.compress_area { 27534 min-height: 830px; 27535} 27536 27537.btn-primary { 27538 background-color: #1A8FE3; 27539 border-radius: 10px; 27540} 27541 27542.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active { 27543 background-color: #126daf; 27544 color: #fff; 27545} 27546 27547.show > .btn-primary.dropdown-toggle { 27548 background-color: #126daf; 27549 color: #fff; 27550} 27551 27552.btn-outline-primary { 27553 color: #71BAEE; 27554 border: 1px solid #83C2F0; 27555 border-radius: 10px; 27556} 27557 27558.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active { 27559 background-color: #71BAEE; 27560 border-color: #71BAEE; 27561 color: #fff; 27562} 27563 27564.show > .btn-outline-primary.dropdown-toggle { 27565 background-color: #71BAEE; 27566 border-color: #71BAEE; 27567 color: #fff; 27568} 27569 27570.sign-image-upload:not(.dropdown-toggle) { 27571 font-weight: 600; 27572 font-size: 12px; 27573 line-height: 1.3; 27574 padding: 12px 24px; 27575} 27576 27577/* --- Spin button styles from bootstrap vue --- */ 27578.b-form-spinbutton { 27579 text-align: center; 27580 overflow: hidden; 27581 background-image: none; 27582 padding: 0; 27583} 27584 27585[dir="rtl"] .b-form-spinbutton:not(.flex-column), 27586.b-form-spinbutton[dir="rtl"]:not(.flex-column) { 27587 flex-direction: row-reverse; 27588} 27589 27590.b-form-spinbutton output { 27591 font-size: inherit; 27592 outline: 0; 27593 border: 0; 27594 background-color: transparent; 27595 width: auto; 27596 margin: 0; 27597 padding: 0 0.25rem; 27598} 27599 27600.b-form-spinbutton output > div, 27601.b-form-spinbutton output > bdi { 27602 display: block; 27603 min-width: 2.25em; 27604 height: 1.5em; 27605} 27606 27607.b-form-spinbutton.flex-column { 27608 height: auto; 27609 width: auto; 27610} 27611 27612.b-form-spinbutton.flex-column output { 27613 margin: 0 0.25rem; 27614 padding: 0.25rem 0; 27615} 27616 27617.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) { 27618 output-width: 100%; 27619} 27620 27621.b-form-spinbutton.d-inline-flex:not(.flex-column) { 27622 width: auto; 27623} 27624 27625.b-form-spinbutton .btn { 27626 line-height: 1; 27627 box-shadow: none !important; 27628} 27629 27630.b-form-spinbutton .btn:disabled { 27631 pointer-events: none; 27632} 27633 27634.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon { 27635 transform: scale(1.25); 27636} 27637 27638.b-form-spinbutton.disabled, 27639.b-form-spinbutton.readonly { 27640 background-color: #e9ecef; 27641} 27642 27643.b-form-spinbutton.disabled { 27644 pointer-events: none; 27645} 27646 27647.element-tools a { 27648 color: #707375; 27649} 27650 27651label[for=file] { 27652 cursor: pointer; 27653} 27654 27655.cancel-btn_tool { 27656 margin-top: 50px; 27657} 27658 27659.compress_area { 27660 min-height: 730px; 27661} 27662 27663.uploader-container { 27664 margin-top: 2.5rem; 27665} 27666 27667img.w-100 { 27668 height: auto; 27669} 27670 27671.home_area { 27672 padding: unset; 27673} 27674 27675.pt_150-imp { 27676 padding-top: 150px !important; 27677} 27678 27679.rating_box { 27680 min-height: 57px; 27681} 27682 27683.form-control.default-background[readonly] { 27684 background-color: #fff; 27685} 27686 27687@media (max-width: 767.98px) { 27688 .rating_box { 27689 min-height: 88px; 27690 } 27691} 27692 27693[contenteditable]:focus { 27694 outline: 0px solid transparent; 27695} 27696 27697.table-block { 27698 display: table; 27699} 27700 27701.table-block .table-element { 27702 display: table-cell; 27703} 27704 27705.files_group .files_item + .files_item { 27706 margin-top: 10px; 27707} 27708 27709.font-control .font-picker .dropdown-button { 27710 padding: 0.5rem 1rem; 27711 font-size: 1.25rem; 27712 line-height: 1.5; 27713 border-radius: 0.3rem; 27714 height: 55px; 27715} 27716 27717.upload-block_tool { 27718 padding-top: 50px; 27719 width: 100%; 27720 padding-bottom: 20px; 27721} 27722 27723.flex-block-paginated {
27724 align-content: flex-start; 27725 justify-content: space-between; 27726 display: flex; 27727} 27728 27729.flex-block-paginated .flex-block-paginated_element { 27730 min-width: 100px; 27731 max-width: 200px; 27732 height: 200px; 27733 font-size: 8px; 27734} 27735 27736.free-line-wrapper { 27737 background: #E9E9E9; 27738 padding: 10px 0; 27739 font-size: 14px; 27740 line-height: 20px; 27741 font-family: Poppins; 27742 font-style: normal; 27743 font-weight: normal; 27744} 27745 27746.free-line-wrapper span { 27747 color: #707375; 27748} 27749 27750/* start simple color picker for charts */ 27751.modal-chart-color-picker .modal-dialog { 27752 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 27753 margin-left: 0; 27754 margin-right: 0; 27755 margin-bottom: 0; 27756} 27757 27758.modal-chart-color-picker .modal-dialog-centered { 27759 align-items: flex-end; 27760 min-height: calc(100%); 27761} 27762 27763.modal-chart-color-picker .modal-content { 27764 border-radius: 16px 16px 0 0; 27765 border: none; 27766} 27767 27768.modal-chart-color-picker .modal-header { 27769 border: none; 27770 padding-bottom: 0; 27771} 27772 27773.modal-chart-color-picker .modal-title { 27774 font-weight: 600; 27775 font-size: 16px; 27776 line-height: 24px; 27777 color: #181D20; 27778} 27779 27780.modal-chart-color-picker .color_apply_button { 27781 padding-top: 8px; 27782 padding-bottom: 8px; 27783 padding-left: 10px; 27784 padding-right: 10px; 27785 font-size: 12px; 27786 min-width: inherit; 27787 display: block; 27788 font-weight: 500; 27789 height: 40px; 27790} 27791 27792@media (min-width: 768px) { 27793 27794 .modal-chart-color-picker { 27795 position: absolute; 27796 top: 80px; 27797 left: 0; 27798 width: 320px; 27799 overflow: visible; 27800 box-sizing: border-box; 27801 min-height: 350px; 27802 } 27803 27804 .modal-open .modal-chart-color-picker { 27805 overflow: visible; 27806 } 27807 27808 .modal-chart-color-picker .modal-header { 27809 display: none; 27810 } 27811 27812 .modal-chart-color-picker .modal-dialog { 27813 width: 100%; 27814 margin-top: 0; 27815 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 27816 border-radius: 6px; 27817 } 27818 27819 .modal-chart-color-picker .modal-body { 27820 padding: 10px; 27821 } 27822 27823 .modal-chart-color-picker .modal-dialog-centered { 27824 align-items: flex-start; 27825 min-height: auto; 27826 } 27827 27828 .modal-chart-color-picker .modal-content { 27829 border-radius: 12px; 27830 } 27831} 27832 27833.new-download-compact .dropdown-toggle::after { 27834 transform: none; 27835} 27836 27837.new-download-compact .btn-primary { 27838 border-radius: 7px; 27839 font-weight: 600; 27840 font-size: 16px; 27841} 27842 27843.new-download-compact .btn-group > .btn-primary { 27844 padding: 11px 14px 11px 38px; 27845} 27846 27847.new-download-compact .btn-group .dropup .btn-primary { 27848 padding: 11px 14px; 27849} 27850 27851.chart-creators_table .table { 27852 table-layout: auto; 27853} 27854 27855.chart-creators_table td.disabled { 27856 background: #dedede; 27857} 27858 27859.collage-grid_item { 27860 display: flex; 27861 align-items: center; 27862 justify-content: center; 27863 position: relative; 27864} 27865 27866.collage-grid_item .image-progress { 27867 width: 100%; 27868 height: 32px; 27869 top: calc(50% - 16px); 27870 position: absolute; 27871 z-index: 7; 27872} 27873 27874.collage-grid_item .image-progress .container-progress { 27875 width: 60%; 27876 margin: 0 auto; 27877} 27878 27879/* end simple color picker for charts */ 27880 27881/*Dark Mode*/ 27882 27883/*.dark-mode .tools_area {*/ 27884/* background: #273744 url(/v2/img/wave.svg) 0 20% no-repeat !important;*/ 27885/* background-size: 100% auto !important;*/ 27886/*}*/ 27887.dark-mode .tools_area { 27888 background: #1F2A33 url(/v2/img/wave.svg) 0 20% no-repeat !important; 27889 background-size: 100% auto !important; 27890} 27891 27892.dark-mode .home_area { 27893 /*background: unset !important;*/ 27894 /*background-size: unset !important;*/ 27895} 27896 27897.dark-mode .modal-upload .modal-title, 27898.dark-mode .modal-templates .modal-title { 27899 color: #fff; 27900} 27901 27902.dark-mode .modal-header .close { 27903 color: #fff; 27904} 27905 27906.dark-mode .uploader-container { 27907 background-color: #223544; 27908 border-color: #707375; 27909} 27910 27911.dark-mode .b-form-spinbutton { 27912 background-color: #223544; 27913 border-color: #707375; 27914 color: #fff; 27915} 27916 27917.dark-mode .b-form-spinbutton svg { 27918 color: #fff; 27919} 27920 27921.dark-mode input, .dark-mode select, 27922.dark-mode .pdf-preview .item:hover, 27923.dark-mode .images-preview .item:hover, 27924.dark-mode .images-preview .item:hover .buttons, 27925.dark-mode .ace-chrome {
27926 background-color: #1F2A33 !important; 27927 color: #EFEFEF !important; 27928 border-color: #707375 !important; 27929} 27930 27931.dark-mode .free-line-wrapper { 27932 background: #223544; 27933} 27934 27935.dark-mode .free-line-wrapper span { 27936 color: #fff; 27937} 27938 27939.dark-mode .vacp-color-picker { 27940 background: #1A252F; 27941} 27942 27943.dark-mode .color_main_wrapper { 27944 background-color: #223544; 27945} 27946 27947.dark-mode .color_heading h4 { 27948 color: #fff; 27949} 27950 27951.dark-mode .font-picker .dropdown-button { 27952 background: #314659; 27953 color: #EFEFEF; 27954} 27955 27956.dark-mode .font-picker .dropdown-button:hover, 27957.dark-mode .font-picker .dropdown-button.expanded, 27958.dark-mode .font-picker .dropdown-button.active, 27959.dark-mode .font-picker .dropdown-button:focus { 27960 background-color: #252f39; 27961} 27962 27963.dark-mode .font-picker .dropdown-button:disabled { 27964 background-color: #45627d; 27965} 27966 27967.dark-mode .font-picker .dropdown-icon.finished:before { 27968 border-top: 6px solid #EFEFEF; 27969} 27970 27971.dark-mode .font-picker ul { 27972 background-color: #404A54; 27973} 27974 27975.dark-mode .font-picker ul li button.active-font { 27976 background-color: #252f39; 27977} 27978 27979.dark-mode .font-picker ul li button:hover, 27980.dark-mode .font-picker ul li button:focus { 27981 background-color: #2d3946; 27982} 27983 27984.dark-mode .menu2 > li .expand_menu-box { 27985 /*background-color: #223544;*/ 27986} 27987 27988.dark-mode .share h3 { 27989 color: #fff; 27990} 27991 27992.dark-mode .compress-result .get-update { 27993 color: #EFEFEF; 27994 background: none; 27995 background-image: none; 27996} 27997 27998.dark-mode .compress-result .get-update h3 { 27999 color: #fff; 28000} 28001 28002.dark-mode .splitter-image_bar-item p { 28003 color: #fff; 28004} 28005 28006.dark-mode .splitter-image_bar .button { 28007 background-color: #1F2A33 !important; 28008 color: #EFEFEF !important; 28009 border-color: #707375 !important; 28010} 28011 28012@media (min-width: 1023px) { 28013 .dark-mode .expand_menu_title { 28014 color: #828586; 28015 } 28016} 28017 28018.dark-mode .memes-edit_tools-form .mcfontpicker__preview { 28019 filter: invert(1); 28020 pointer-events: none; 28021} 28022 28023.dark-mode .memes-edit_tools-form .mcfontpicker__search:focus + .mcfontpicker__preview { 28024 filter: none; 28025} 28026 28027.dark-mode .chart-creators_table .table td { 28028 color: #ffffff; 28029} 28030 28031.dark-mode .chart-creators_table td.disabled { 28032 background: #3c5769; 28033} 28034 28035/* pdf editor*/ 28036.dark-mode .editor-container .top_header { 28037 background-color: #1A252E; 28038 border-color: #707375; 28039} 28040 28041.editor-container a .img-fluid.logo-dark { 28042 display: none; 28043} 28044 28045.dark-mode .editor-container a .img-fluid.logo-normal { 28046 display: none; 28047} 28048 28049.dark-mode .editor-container a .img-fluid.logo-dark { 28050 display: block; 28051} 28052 28053.dark-mode .editor-container .top_header .header-filename h4 span { 28054 color: #EFEFEF; 28055} 28056 28057.dark-mode .editor-container .dropdown-menu { 28058 color: #EFEFEF; 28059 background-color: #404A54; 28060} 28061 28062.dark-mode .editor-container .dropdown-menu a.dropdown-item { 28063 color: #EFEFEF; 28064} 28065 28066.dark-mode .editor-container .dropdown-menu a.dropdown-item:hover { 28067 background-color: #2d3946; 28068} 28069 28070.dark-mode .editor-container .bottom_menu, 28071.dark-mode .editor-container .mobile_menu_wrapper { 28072 color: #EFEFEF; 28073 background-color: #1F2A33; 28074 border-color: #707375; 28075} 28076 28077.dark-mode .editor-container .bottom_menu .slider-box { 28078 background: none; 28079} 28080 28081.dark-mode .editor-container .main_wrapper .sidebar { 28082 color: #EFEFEF; 28083 background-color: #1F2A33; 28084 border-color: #707375; 28085} 28086 28087.dark-mode .editor-container .main_wrapper .sidebar .toggle_btn { 28088 color: #6c757d; 28089 border-color: #6c757d; 28090} 28091 28092.dark-mode .editor-container .main_wrapper .sidebar .toggle_btn:hover { 28093 color: #fff; 28094 background-color: #e6e6e6; 28095} 28096 28097.dark-mode .editor-container .main_wrapper .sidebar .add_wrap { 28098 border-color: #707375; 28099} 28100 28101.dark-mode .editor-container .main_wrapper { 28102 color: #EFEFEF; 28103 background-color: #223544; 28104 border-color: #707375; 28105} 28106 28107.dark-mode .editor-container .menu_wrap > ul > li > a { 28108 color: #EFEFEF; 28109} 28110 28111.dark-mode .pager h4 { 28112 color: #EFEFEF; 28113} 28114 28115/* end pdf editor */ 28116 28117.main-link { 28118 cursor: pointer; 28119} 28120 28121.upload-block-flex { 28122 display: flex; 28123 justify-content: space-between; 28124} 28125 28126.custom-control.custom-control__w-l { 28127 padding-left: unset; 28128 margin-left: unset; 28129} 28130 28131.modal-backdrop:not(.show):not(.fade) { 28132 opacity: .5; 28133} 28134 28135@media (max-width: 768px) { 28136 .images-preview .item.col-3, .images-preview .item { 28137 flex: unset; 28138 max-width: 100%; 28139 } 28140 28141 .btn-lg.btn-lg-responsive { 28142 font-size: 1rem; 28143 } 28144 28145 .m-xsm-2 { 28146 margin: 0.5rem !important; 28147 } 28148} 28149 28150.p-u { 28151 padding: unset; 28152} 28153 28154.m-u { 28155 margin: unset; 28156} 28157 28158.checkered { 28159 background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white; 28160 background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white; 28161 background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white; 28162 background-repeat: repeat, repeat; 28163 background-position: 0px 0, 10px 10px; 28164 -webkit-transform-origin: 0 0 0; 28165 transform-origin: 0 0 0; 28166 -webkit-background-origin: padding-box, padding-box; 28167 background-origin: padding-box, padding-box; 28168 -webkit-background-clip: border-box, border-box; 28169 background-clip: border-box, border-box; 28170 -webkit-background-size: 20px 20px, 20px 20px; 28171 background-size: 20px 20px, 20px 20px; 28172 -webkit-box-shadow: none; 28173 box-shadow: none; 28174 text-shadow: none; 28175 -webkit-transition: none; 28176 -moz-transition: none; 28177 -o-transition: none; 28178 transition: none; 28179 -webkit-transform: scaleX(1) scaleY(1) scaleZ(1); 28180 transform: scaleX(1) scaleY(1) scaleZ(1); 28181} 28182 28183.js-pdf-editor__fullscreen { 28184 overflow: hidden; 28185} 28186 28187.convert_wrapper .dropdown-menu { 28188 z-index: 1040; 28189} 28190 28191.bgc-transparent { 28192 background-color: transparent !important; 28193 position: absolute !important; 28194 top: -100000px !important; 28195 display: flex !important;
28196 align-items: center !important; 28197 justify-content: center !important; 28198} 28199 28200.pointer-disable { 28201 pointer-events: none; 28202} 28203 28204#file { 28205 display: none; 28206 /*position:fixed;*/ 28207 /*top:-100000px;*/ 28208} 28209 28210.f-s-1 { 28211 font-size: 1em; 28212} 28213 28214.image-block__small { 28215 max-width: 400px; 28216 width: 100%; 28217 aspect-ratio: auto; 28218 height: auto; 28219} 28220 28221.btn-group-lg > .btn, .btn-lg { 28222 28223} 28224 28225.modal-fullscreen .modal-body { 28226 padding: unset; 28227 display: flex; 28228 align-items: center; 28229 justify-content: center; 28230} 28231 28232.modal-fullscreen .modal-content { 28233 height: 100%; 28234 overflow: auto; 28235} 28236 28237.modal-fullscreen .modal-dialog { 28238 max-width: 100%; 28239 margin: 0; 28240 top: 0; 28241 bottom: 0; 28242 left: 0; 28243 right: 0; 28244 height: 100vh; 28245 display: flex; 28246 position: fixed; 28247 z-index: 100000; 28248} 28249 28250.modal-fullscreen.no-scroll .modal-content { 28251 overflow: hidden; 28252} 28253 28254@media (max-width: 768px) { 28255 .text-md-center { 28256 text-align: center; 28257 } 28258} 28259 28260.tools-button img { 28261 background: #FFFFFF; 28262 color: #707375; 28263} 28264 28265.tools-button img:hover { 28266 color: #007bff; 28267 border-color: #007bff; 28268 background: #FFFFFF; 28269} 28270 28271 28272.tools-button--add img { 28273 color: #57B286; 28274 border-color: #57B286; 28275} 28276 28277.tools-button--delete img { 28278 color: #D0726C; 28279 border-color: #D0726C; 28280} 28281 28282@media (min-width: 768px) { 28283 .modal-text-settings { 28284 top: 60px; 28285 } 28286 28287 .modal-text-settings .modal-dialog { 28288 margin-top: unset; 28289 } 28290} 28291 28292.meta-info-column { 28293 max-height: 400px; 28294 overflow-y: auto; 28295} 28296 28297.img-fluid--white { 28298 /*color: #fff;*/ 28299} 28300 28301.form-inline_fullwidth { 28302 justify-content: space-between; 28303} 28304 28305/*.tools_box a{*/ 28306/* color: #707375;*/ 28307/*}*/ 28308/*.tools_box.tools_box--popular a{*/ 28309/* color: black;*/ 28310/* font-weight: bold;*/ 28311/*}*/ 28312/*.tools_box a.strong{*/ 28313/* color: black;*/ 28314/*}*/ 28315 28316.hide-element { 28317 display: none; 28318} 28319 28320#preloader { 28321 opacity: 0.7; 28322} 28323 28324.full-width { 28325 width: 100%; 28326} 28327 28328.drop_menu-element { 28329 cursor: pointer; 28330 text-align: center; 28331 font-size: larger; 28332 padding: 10px; 28333} 28334 28335.tools_area-whitespaces { 28336 padding-top: 0px; 28337 padding-bottom: 20px; 28338} 28339 28340#stripe-add-card { 28341 /*border: 1px #707375;*/ 28342 /*border-style: double;*/ 28343 padding: 15px; 28344 border-radius: 4px; 28345} 28346 28347.is-show-add-card-modal .modal-backdrop.show { 28348 opacity: unset; 28349} 28350 28351.is-show-add-card-modal .modal-backdrop { 28352 position: fixed; 28353 top: 0; 28354 left: 0; 28355 z-index: 1040; 28356 width: 100vw; 28357 height: 100vh; 28358 background-color: hsla(0, 0%, 8%, .64); 28359 backdrop-filter: blur(6px); 28360} 28361 28362#modal-add-card .modal-content { 28363 background-color: #e6e3e3; 28364} 28365 28366#stripe-add-card { 28367 background-color: #fff; 28368} 28369 28370.modal#recaptchaForm { 28371 z-index: 1051; 28372} 28373.subimage-block{ 28374 position: absolute 28375} 28376 28377/* .combine-grid */ 28378.combine-grid { 28379 display: grid; 28380 grid-column-gap: 0; 28381 grid-row-gap: 0; 28382 border: 1px solid #E3E3E4; 28383 padding: 4px; 28384 height: 487px; 28385 grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end]; 28386} 28387 28388.combine-grid-side-by-side { 28389 grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end]; 28390} 28391 28392.combine-grid-side-by-side .collage-grid_item--1 { 28393 border-right: none !important; 28394} 28395 28396.combine-grid-vertically { 28397 grid-template-columns: [col1-start] 100% !important; 28398 grid-template-rows: [row1-start] 50% [row2-start] auto [row2-end]; 28399} 28400 28401.combine-grid-vertically .collage-grid_item--1 { 28402 border-bottom: none !important; 28403} 28404 28405.input-button--small { 28406 width: 30px; 28407} 28408.language-switcher__action.is-active{ 28409 color: black; 28410} 28411.window-modal__content { 28412 font-size: 50px; 28413 padding: 40px; 28414 line-height: 1; 28415} 28416.window-modal { 28417 text-align: center; 28418} 28419 28420.fullscreen-modal .modal-dialog { 28421 max-width: 100%; 28422 height: 100%; 28423 margin: 0; 28424} 28425 28426.fullscreen-modal .modal-content { 28427 border: 0; 28428 border-radius: 0; 28429 min-height: 100%; 28430 height: auto; 28431} 28432 28433.fullscreen-modal .modal-header, .fullscreen-modal .modal-footer { 28434 z-index: 10; 28435} 28436 28437.fullscreen-modal { 28438 overflow: hidden !important; 28439 padding: 0px !important; 28440} 28441.custom-backdrop{ 28442 width: 100vw; 28443 height: 100vh; 28444 position: absolute; 28445 top: 0; 28446 left: 0; 28447 background-color: #000; 28448 opacity: 0.5; 28449 z-index: 1; 28450} 28451.header-modal-block-fw{ 28452 width: 100%; 28453} 28454#bv-modal-fullpages .modal-body { 28455 z-index: 20; 28456} 28457 28458.multiple-columns p { 28459 margin-bottom: 1rem; 28460} 28461 28462 .v_8 { 28463 background-color: #FCF4E9; 28464} 28465 28466@media (max-width: 1024px) { 28467 .sticky-top-group .header-search { 28468 height: unset; 28469 width: unset; 28470 } 28471 28472 .mobile_menu .header-search { 28473 height: unset; 28474 } 28475} 28476 28477@media (max-width: 767px) { 28478 .button-box .btn-group .button { 28479 width: auto; 28480 } 28481} 28482 28483.modal-article__body > h3 { 28484 font-size: 12px; 28485 line-height: calc(24 / 12); 28486 letter-spacing: .005em; 28487 font-weight: 700; 28488 margin-bottom: 0; 28489} 28490 28491.modal-article__body > h2 { 28492 font-size: 16px; 28493 line-height: calc(24 / 16); 28494 letter-spacing: .005em; 28495} 28496 28497@media (min-width: 991px) {
28498 .modal-article__body > h3 { 28499 font-size: 16px; 28500 line-height: calc(26 / 16); 28501 } 28502 28503 .modal-article__body > h2 { 28504 font-size: 22px; 28505 line-height: calc(26 / 22); 28506 } 28507 28508 .wall__description { 28509 width: 545px; 28510 } 28511} 28512 28513.article-item__content h2, 28514.file-content-block h2 { 28515 font-size: 22px; 28516} 28517 28518.article-item__content h3, 28519.file-content-block h3 { 28520 font-size: 18px; 28521} 28522 28523.home_area { 28524 padding: 10px 0 40px; 28525} 28526 28527.menu2 li a { 28528 font-size: 18px; 28529} 28530 28531.menu2 > li { 28532 margin-left: 10px; 28533 margin-right: 10px; 28534} 28535 28536#flip { 28537 height: 75px; 28538 overflow: hidden; 28539} 28540 28541#flip > div > div { 28542 color: #fff; 28543 padding: 4px 12px; 28544 margin-bottom: 15px; 28545 display: inline-block; 28546} 28547 28548#flip div:first-child { 28549 animation: show-home-title 10s linear infinite; 28550} 28551 28552#flip div div { 28553 background: #D61C4E; 28554} 28555 28556#flip div:first-child div { 28557 background: #247881; 28558} 28559 28560#flip div:nth-child(3n) div { 28561 background: #F66213; 28562} 28563 28564#flip div:last-child div { 28565 background: #1C67CA; 28566} 28567 28568.summarizer .form-control { 28569 font-size: 0.9rem; 28570} 28571 28572.summarizer_item select.form-control { 28573 padding: 4px 16px; 28574} 28575 28576.summarizer .select2-selection__rendered, 28577.select2-container .select2-results__option { 28578 font-size: 0.9rem; 28579} 28580 28581.recommendation .catalog-box h4 { 28582 font-size: 14px; 28583} 28584 28585.modal-video-converter .modal-header { 28586 border-radius: 12px; 28587} 28588 28589@media (min-width: 1024px) { 28590 .recommendation .catalog-box h4 { 28591 width: 130px; 28592 } 28593} 28594 28595.scan-qr_code { 28596 position: relative; 28597} 28598 28599.logo-qr-code { 28600 position: absolute; 28601 left: calc(50% - 13px); 28602 top: calc(50% - 13px); 28603 width: 26px; 28604 height: 26px; 28605} 28606 28607.qr img.logo-qr-code { 28608 width: 26px; 28609} 28610 28611@keyframes show-home-title { 28612 0% { 28613 margin-top: -300px; 28614 } 28615 5% { 28616 margin-top: -260px; 28617 } 28618 28619 25% { 28620 margin-top: -260px; 28621 } 28622 30% { 28623 margin-top: -173px; 28624 } 28625 28626 55% { 28627 margin-top: -173px; 28628 } 28629 60% { 28630 margin-top: -86px; 28631 } 28632 28633 85% { 28634 margin-top: -86px; 28635 } 28636 90% {
28637 margin-top: 1px; 28638 } 28639 28640 99.99% { 28641 margin-top: 1px; 28642 } 28643 100% { 28644 margin-top: -300px; 28645 } 28646} 28647 28648@keyframes show-home-title-992 { 28649 0% { 28650 margin-top: -300px; 28651 } 28652 5% { 28653 margin-top: -250px; 28654 } 28655 28656 25% { 28657 margin-top: -250px; 28658 } 28659 30% { 28660 margin-top: -165px; 28661 } 28662 28663 55% { 28664 margin-top: -165px; 28665 } 28666 60% { 28667 margin-top: -80px; 28668 } 28669 28670 85% { 28671 margin-top: -80px; 28672 } 28673 90% { 28674 margin-top: 1px; 28675 } 28676 28677 99.99% { 28678 margin-top: 1px; 28679 } 28680 100% { 28681 margin-top: -290px; 28682 } 28683} 28684 28685@keyframes show-home-title-575 { 28686 0% { 28687 margin-top: -300px; 28688 } 28689 5% { 28690 margin-top: -235px; 28691 } 28692 28693 25% { 28694 margin-top: -235px; 28695 } 28696 30% { 28697 margin-top: -155px; 28698 } 28699 28700 55% { 28701 margin-top: -155px; 28702 } 28703 60% { 28704 margin-top: -80px; 28705 } 28706 28707 85% { 28708 margin-top: -80px; 28709 } 28710 90% { 28711 margin-top: 1px; 28712 } 28713 28714 99.99% { 28715 margin-top: 1px; 28716 } 28717 100% { 28718 margin-top: -290px; 28719 } 28720} 28721 28722.animate-text { 28723 width: 330px; 28724} 28725 28726.outlines--common { 28727 position: relative; 28728} 28729 28730.outlines--common .spinner-border { 28731 position: absolute; 28732 top: calc(50% - 1rem); 28733 left: calc(50% - 1rem); 28734} 28735 28736@media (min-width: 992px) { 28737 .outlines--common { 28738 width: 50%; 28739 } 28740 28741 .outlines__content { 28742 min-height: 450px; 28743 } 28744} 28745 28746@media (max-width: 1199px) { 28747 .animate-text { 28748 top: 22px; 28749 } 28750 28751 .support-area__image-box img { 28752 width: 100%; 28753 height: auto; 28754 } 28755} 28756 28757@media (max-width: 992px) { 28758 #flip { 28759 height: 45px; 28760 } 28761 28762 .animate-text { 28763 width: 210px; 28764 /*height: 38px;*/ 28765 top: 12px; 28766 } 28767 28768 .animate-text__item { 28769 height: 65px; 28770 } 28771 28772 #flip div:first-child { 28773 animation: show-home-title-992 10s linear infinite; 28774 } 28775 28776 28777} 28778 28779@media (max-width: 575px) { 28780 #flip { 28781 height: 35px; 28782 } 28783 28784 .animate-text { 28785 width: 165px; 28786 /*height: 30px;*/ 28787 top: 8px; 28788 } 28789 28790 #flip div:first-child { 28791 animation: show-home-title-575 10s linear infinite; 28792 } 28793 28794 .details-popup--catalog.details-popup .btn-action--blue { 28795 line-height: 140%; 28796 } 28797} 28798 28799header.has-search .header-tools { 28800 margin-left: -57px; 28801} 28802 28803.js-blog-post-generator__fullscreen { 28804 overflow: hidden; 28805} 28806 28807.dark-mode .summarizer_item { 28808 background-color: #223544; 28809 border-color: #707375; 28810} 28811 28812.dark-mode .scan-qr h3 { 28813 color: #fff; 28814} 28815 28816.expand_menu--pdf { 28817 width: 781px; 28818} 28819 28820.dark-mode header .img-fluid.logo-dark { 28821 display: inline; 28822} 28823 28824.dark-mode .summarizer textarea { 28825 background-color: #223749; 28826 border: 1px solid #828586; 28827 color: #C8C9CA; 28828} 28829 28830.dark-mode .summarizer .is-disabled textarea { 28831 background-color: #1b2c3a; 28832 border: 1px solid #828586; 28833 color: #C8C9CA; 28834} 28835 28836.dark-mode .summarizer .select2-container--default .select2-selection--single { 28837 background-color: #223749; 28838 border: 1px solid #828586; 28839 color: #C8C9CA; 28840} 28841 28842.dark-mode .summarizer .select2-container--default .select2-selection--single .select2-selection__rendered { 28843 color: #C8C9CA; 28844} 28845 28846.dark-mode .summarizer label { 28847 color: #F6F6F6; 28848} 28849 28850.dark-mode .select2-dropdown { 28851 background-color: #223749; 28852 border: 1px solid #828586; 28853 color: #C8C9CA; 28854} 28855 28856.dark-mode .select2-results__option { 28857 color: #C8C9CA; 28858} 28859 28860.dark-mode .select2-container--default .select2-results__option--selected { 28861 color: #C8C9CA; 28862 background-color: #1b2c3a; 28863} 28864 28865#bv-modal-fullpages .modal-body.wz-modal-body { 28866 z-index: unset; 28867} 28868 28869.banner-wrapper-full { 28870 height: 50px; 28871} 28872 28873.middle-width-modal { 28874 max-width: 448px; 28875} 28876 28877/*Maybe unset for all modals! https://stackoverflow.com/questions/32862394/bootstrap-modals-keep-adding-padding-right-to-body-after-closed*/ 28878.modal-subscribe { 28879 padding-right: unset !important; 28880} 28881 28882/* Maybe add for all NON-botstrap modals in the future */ 28883#modal_history .modal-header .close { 28884 padding: 0; 28885 margin: 0; 28886} 28887 28888#modal_history .summarizer_item { 28889 height: unset; 28890} 28891 28892#modal_history .modal-header_history, #modal_history .modal-body_history { 28893 padding: 0; 28894 border-bottom: none; 28895} 28896 28897#modal_history .summarizer_item { 28898 height: unset; 28899} 28900 28901.summarizer_item.is-disabled .summarizer_action-item--rate p, 28902.summarizer_item.is-disabled .summarizer_action-item--rate button, .summarizer_item.is-disabled .summarizer_action-item--rate { 28903 pointer-events: none; 28904 background: #EFEFEF; 28905 color: #A7A9AA; 28906 border: none; 28907} 28908 28909.summarizer_item.is-disabled .button.button-history { 28910 pointer-events: unset; 28911 padding: 12px 17px; 28912 font-size: 14px; 28913 border-radius: 8px; 28914 border-width: 1.5px; 28915 background-color: transparent; 28916 border: 1px solid #1A8FE3; 28917 color: #1A8FE3; 28918 28919} 28920 28921.summarizer_item.is-disabled .button.button-history:hover { 28922 background-color: #126daf; 28923 color: #fff; 28924} 28925 28926.rounded-cursor { 28927 display: none; 28928 width: 30px; 28929 height: 30px; 28930 background-color: #df4b26; 28931 border-radius: 50%; 28932 opacity: 0.5; 28933} 28934 28935.stripe-3ds-modal { 28936 max-width: 700px !important; 28937} 28938 28939#modal-subscribe-3ds { 28940 z-index: 100000; 28941} 28942 28943#modal-subscribe-3ds .modal-body { 28944 text-align: center; 28945} 28946 28947.large-modal .modal-dialog { 28948 max-width: 70%; 28949} 28950 28951.konvajs-content { 28952 margin: auto !important; 28953} 28954 28955.bg-gallery__content-preloader { 28956 position: relative !important; 28957 border-radius: 5px !important;
28958 opacity: 0.4 !important; 28959 width: 100% !important; 28960 height: 100% !important; 28961} 28962 28963.bg-gallery__item-active .bg-gallery__back { 28964 opacity: 1; 28965 transition: .3s; 28966} 28967 28968button.upload-only-btn { 28969 border-radius: 10px; 28970 background-color: #1A8FE3; 28971 color: #fff; 28972} 28973 28974button.upload-only-btn:hover { 28975 background-color: #126daf; 28976 color: #fff; 28977} 28978 28979.title_md_clear { 28980 font-size: unset; 28981} 28982 28983.full-width-block { 28984 width: 100%; 28985} 28986 28987.modal-show-picker { 28988 display: flex; 28989 flex-direction: column; 28990 justify-content: center; 28991 align-items: center; 28992} 28993 28994.browse-background_preview .color_box { 28995 border-width: 3px; 28996} 28997 28998.justify-content-space-btw { 28999 justify-content: space-between; 29000} 29001 29002.subtitle-write-prompt { 29003 font-size: 14px; 29004 font-weight: 600; 29005 margin-bottom: 8px; 29006} 29007 29008.is-invalid .invalid-text { 29009 color: #dc3545; 29010} 29011 29012.compress-result_button-download__compact { 29013 padding: 13px 20px; 29014} 29015 29016.summarizer_action__compact .summarizer_action-item { 29017 min-width: unset; 29018} 29019 29020@media (max-width: 1024px) { 29021 .summarizer_action__compact .summarizer_action-item { 29022 min-width: 256px; 29023 } 29024} 29025 29026.spinner-before-modal { 29027 z-index: 1040 !important; 29028} 29029 29030#datatableLogTokens_wrapper { 29031 margin: 20px; 29032} 29033 29034.vue-slider.vue-slider-ltr { 29035 margin-bottom: 30px; 29036 margin-top: 30px; 29037} 29038 29039.color-picker_body .cpw_container { 29040 margin: 0 auto; 29041} 29042 29043.font-picker-picker_body .font-picker .dropdown-button { 29044 height: unset; 29045 padding: unset; 29046 padding-left: 0.5rem; 29047 padding-right: 0.5rem; 29048} 29049 29050.font-picker-picker_body .font-picker { 29051 box-shadow: unset; 29052} 29053 29054/*Generate subtitles*/ 29055 29056.slick-next.g-sub-styles__button, 29057.slick-prev.g-sub-styles__button { 29058 position: absolute; 29059 top: calc(50% - 16px); 29060 width: 32px; 29061 height: 32px; 29062 padding: 6px; 29063 border-radius: 50%; 29064 background-color: #fff; 29065 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 29066 color: rgb(112, 115, 117); 29067} 29068 29069.g-sub-styles__button.slick-next::before, 29070.g-sub-styles__button.slick-prev::before { 29071 content: unset; 29072} 29073 29074.g-sub-styles__button--next.slick-next { 29075 right: -16px; 29076} 29077 29078.g-sub-styles__button--prev.slick-prev { 29079 left: -16px; 29080 z-index: 10; 29081} 29082 29083.g-sub-styles__button--prev.slick-prev:hover, .g-sub-styles__button--prev.slick-prev:focus, 29084.g-sub-styles__button--next.slick-next:hover, .g-sub-styles__button--next.slick-next:focus { 29085 color: rgb(112, 115, 117); 29086 outline: none; 29087 background-color: #fff; 29088} 29089 29090.font-picker--generate-subtitles .font-picker { 29091 position: relative !important; 29092 display: inline-block !important; 29093 box-shadow: unset !important; 29094 width: 100% !important; 29095} 29096 29097.font-control.font-picker--generate-subtitles .font-picker .dropdown-button { 29098 padding: 11px 12px; 29099 font-size: 10px; 29100 line-height: 16px; 29101 border-radius: 8px; 29102 height: 38px; 29103} 29104 29105.user-favorite__group .tools_box { 29106 position: relative; 29107} 29108 29109.user-summary__value { 29110 max-width: 70%; 29111} 29112 29113.validation-notify .invalid-feedback { 29114 display: block; 29115} 29116 29117a.toast__button { 29118 text-decoration: none; 29119} 29120 29121.badge.circle { 29122 border-radius: 100%; 29123 width: 10px; 29124 height: 10px; 29125} 29126 29127td .badge.circle { 29128 top: 3px; 29129 position: relative; 29130} 29131 29132.js-switcher-subscribe-plan:disabled + .ctrl-switcher-type__visual { 29133 background-color: #A7A9AA; 29134} 29135 29136.our-plans .dropdown-toggle.disable-content::after { 29137 content: none; 29138} 29139 29140.credits-remaining__nowrap { 29141 white-space: nowrap; 29142} 29143 29144.our-plans_name.w-100 { 29145 max-width: 100%; 29146} 29147 29148.custom-form .main-feedback { 29149 font-size: 12px; 29150 line-height: calc(16 / 12); 29151 color: #1A8FE3; 29152 display: block; 29153} 29154 29155.popup-content__action-sm { 29156 width: 100%; 29157 padding: 5px; 29158 margin-bottom: 20px; 29159 margin-top: 20px 29160} 29161 29162.ctrl-choice__box-standard { 29163 display: inline; 29164} 29165 29166.ctrl-choice__field-standard { 29167 opacity: unset; 29168 position: relative; 29169 29170} 29171 29172#frequencyTime-popover-body.popover-body { 29173 background-color: #f7f7f7; 29174 border: none !important; 29175} 29176 29177.credits-remaining.automation-wizard-infoblock { 29178 background-color: #d4ffce 29179} 29180 29181.credits-remaining__button--link.automation-wizard-infoblock__button--link { 29182 color: #3a77be; 29183} 29184 29185.our-plans .button.ctrl-generate__button-go__wm { 29186 margin-top: unset; 29187} 29188 29189.text-block__strikethrough { 29190 text-decoration: line-through; 29191} 29192 29193.chat-bot__message-buttons {
29194 align-self: flex-end; 29195 cursor: pointer; 29196} 29197 29198section.api-cost--block .flex-table--row { 29199 display: flex; 29200} 29201 29202section.api-cost--block .flex-table--col { 29203 flex: 1; 29204 padding: 10px; 29205} 29206 29207section.api-cost--block .flex-table--row-header { 29208 background-color: #EFF7FD; 29209 border-radius: 10px; 29210 padding: 24px 40px; 29211} 29212 29213section.api-cost--block .flex-table--col-2 { 29214 flex: 2; 29215} 29216 29217section.api-cost--block .flex-table--col-1 { 29218 flex: 1; 29219} 29220 29221.api-cost--block { 29222 text-align: center; 29223} 29224 29225.flex-table--body { 29226 background: #fff; 29227} 29228 29229.support-area__image-box img { 29230 margin-top: 40px; 29231} 29232 29233.features { 29234 margin-top: 40px; 29235 display: flex; 29236 flex-wrap: wrap; 29237 gap: 16px; 29238 color: #fff; 29239} 29240 29241.feature { 29242 display: flex; 29243 align-items: center; 29244 gap: 10px; 29245 font-size: 16px; 29246} 29247 29248.icon-circle { 29249 width: 40px; 29250 height: 40px; 29251 border-radius: 50%; 29252 background-color: #5090d7; 29253 display: flex; 29254 align-items: center; 29255 justify-content: center; 29256} 29257 29258.icon-circle img { 29259 width: 20px; 29260 height: 20px; 29261} 29262 29263/*Support updates*/ 29264.support-area__content .descr { 29265 color: #fff; 29266 max-width: 550px; 29267} 29268 29269.support-area { 29270 padding-top: 40px; 29271 padding-bottom: 40px; 29272} 29273 29274@media (min-width: 992px) { 29275 .support-area__content .title { 29276 font-size: 32px; 29277 } 29278} 29279 29280@media (max-width: 991.98px) { 29281 .support-area__content .title { 29282 font-size: 29px; 29283 } 29284} 29285 29286.mt-10 { 29287 margin: 2.5rem; 29288} 29289 29290/*Tailwind*/ 29291.is-checked [data-state="unchecked"] { 29292 display: none !important; 29293} 29294 29295.is-checked [data-state="checked"] { 29296 display: block !important; 29297} 29298 29299.is-not-checked [data-state="unchecked"] { 29300 display: block !important; 29301} 29302 29303.is-not-checked [data-state="checked"] { 29304 display: none !important; 29305} 29306 29307.banner-wrapper-gradient { 29308 background: linear-gradient(304deg, #0B51A9 1.79%, rgba(26, 143, 227, 1.0) 100%); 29309} 29310 29311.multiple-columns p { 29312 margin-bottom: 1rem; 29313} 29314 29315.summarizer_item-result { 29316 display: flex; 29317 flex-direction: column; 29318} 29319 29320.summarizer_item-result .form-group { 29321 flex-grow: 1 29322} 29323 29324.summarizer_item-result .summernote-container, 29325.summarizer_item-result .note-editor, 29326.summarizer_item-result .note-editing-area { 29327 height: 100% 29328} 29329 29330.summarizer_item-result .note-editable, 29331.summarizer_item-result textarea { 29332 height: 100% !important; 29333 max-height: 100% !important; 29334 min-height: 300px; 29335} 29336 29337.summarizer_item-result .ideas { 29338 height: calc(100% - 24px); 29339 min-height: 300px; 29340} 29341 29342.summarizer_item .select2-container--default { 29343 resize: none; 29344 padding: 4px 16px; 29345 font-size: 0.9rem; 29346 border: 1px solid #E3E3E4; 29347 border-radius: 8px; 29348} 29349 29350.summarizer_item .select2-selection { 29351 border: none !important; 29352} 29353 29354.fs-sticky-footer { 29355 z-index: 1000 !important; 29356} 29357 29358.mt-custom-rem { 29359 margin-top: 2.5rem; 29360} 29361 29362.stripe-input { 29363 background: #FFFFFF; 29364 border: 1px solid #E3E3E4; 29365 border-radius: 5px; 29366 width: 100%; 29367 height: 48px; 29368 padding: 0 16px; 29369 font-size: 14px; 29370} 29371 29372.stripe-input-embedded { 29373 text-size-adjust: 100%; 29374 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; 29375 font-size: 14.88px !important; 29376 font-weight: 400 !important; 29377 color: #30313d !important; 29378} 29379 29380.popover { 29381 z-index: 11; 29382} 29383 29384.popover .arrow { 29385 display: none; 29386} 29387 29388.popover-body { 29389 background: transparent !important; 29390 border-radius: 0 !important; 29391 padding: 0 !important; 29392 border: none !important; 29393 font-weight: normal !important; 29394 font-size: inherit !important; 29395 line-height: inherit !important; 29396 color: inherit !important; 29397} 29398 29399.super-tool__main-container .grid-user { 29400 padding-top: 2rem; 29401 padding-bottom: 40px; 29402} 29403 29404.super-tool__main-container .uploader-container { 29405 margin-top: 2rem; 29406 margin-bottom: 40px; 29407} 29408 29409@media (min-height: 800px) { 29410 .super-tool__main-container .uploader-container .file-drop-area { 29411 min-height: 600px; 29412 } 29413} 29414 29415.super-tool__main-container .tools_area--pdf { 29416 padding-top: 0; 29417 padding-bottom: 40px; 29418} 29419 29420.super-tool__main-container .tools_area, 29421.super-tool__main-container .tools_area--pdf { 29422 background: none; 29423} 29424 29425.super-tool__main-container .page_shadow--index { 29426 z-index: -1; 29427} 29428 29429.js-select2-write .select2-selection.select2-selection--single { 29430 border: none !important; 29431} 29432 29433.js-select2-write .select2-selection__rendered { 29434 display: block; 29435 width: 100%; 29436 height: calc(1.5em + 1rem + 2px); 29437 padding: .375rem .75rem; 29438 font-weight: 400; 29439 color: #495057; 29440 background-color: #fbfaff; 29441 background-clip: padding-box; 29442 border: 1px solid #ced4da; 29443 border-radius: .25rem; 29444 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; 29445 font-size: 0.875rem !important; 29446 line-height: 1.25rem !important; 29447} 29448 29449.js-select2-write .select2-selection__rendered:focus { 29450 color: #495057; 29451 background-color: #fff; 29452 border-color: #80bdff; 29453 --tw-ring-offset-width: 2px !important; 29454 --tw-ring-color: hsl(var(--ring)) !important; 29455 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; 29456 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; 29457 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
29457dow, 0 0 #0000) !important; 29458 outline: 2px solid transparent !important; 29459 outline-offset: 2px !important; 29460} 29461.select2-container--open .select2-dropdown { 29462 top: calc(100% + 8px) !important; 29463} 29464.js-select2-write .select2-container--default .select2-selection--single .select2-selection__arrow { 29465 top: 8px !important; 29466} 29467 29468.js-select2-write .select2-container .select2-selection--single { 29469 height: 38px !important; 29470} 29471 29472#signUpForm button[disabled] { 29473 cursor: auto; 29474 background-color: #126daf; 29475 color: #fff; 29476} 29477#preloader-stripe { 29478 opacity: 0.7; 29479 position: fixed; 29480 background: #fff; 29481 top: 0; 29482 left: 0; 29483 right: 0; 29484 bottom: 0; 29485 z-index: 99999; 29486 height: 100vh; 29487 width: 100vw; 29488 display: -webkit-box; 29489 display: -ms-flexbox; 29490 display: flex; 29491 -webkit-box-align: center; 29492 -ms-flex-align: center; 29493 align-items: center; 29494 -webkit-box-pack: center; 29495 -ms-flex-pack: center; 29496 justify-content: center; 29497} 29498 29499 /* .scan-qr */ 29500.scan-qr { 29501 border: 1px solid #E3E3E4; 29502 border-radius: 8px; 29503 padding: 24px; 29504 margin-bottom: 4px; 29505 height: 100%; 29506} 29507 29508.scan-qr h3 { 29509 color: #181D20; 29510 font-weight: 600; 29511 font-size: 20px; 29512 text-align: center; 29513 margin-bottom: 4px; 29514} 29515 29516.scan-qr p { 29517 font-size: 12px; 29518 line-height: 18px; 29519 color: #707375; 29520} 29521 29522.scan-qr_code { 29523 margin-top: 16px; 29524 margin-left: auto; 29525 margin-right: auto; 29526 max-width: 212px; 29527} 29528 29529.compress-result .get-update { 29530 height: auto; 29531} 29532 29533.compress-result .share { 29534 height: auto; 29535 margin-top: 20px; 29536} 29537 29538@media (min-width: 1025px) { 29539 .compress-result .share .social_icon a { 29540 margin-right: 48px; 29541 } 29542} 29543 </style> 29544 29545 <!-- Styles --> 29546 <link href="/css/app_tailwind.css?id=d4d8834411c328c7c0df" rel="stylesheet"> 29547 <!-- Scripts --> 29548
29548<script nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 29549 document.querySelector('link[rel=stylesheet]#onload_link').addEventListener('load', function() { 29550 this.media = 'all'; 29551 }); 29552 </script>
29552 29553
29553<script nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 29554 window.currentLocale = 'en' 29555 window.Laravel = {"csrfToken":"hcCHDpeBZxZDvLPnbSzQFQyhOHAJbJzDVysTtadk","captcha_sitekey":"0x4AAAAAABmDsKgGHhVUvoMC","loadProd":true,"enCf":true,"cT":"cf","iCf":true,"idt":false,"idt_ai":false,"trw":"900000","strv2":true,"iST":false,"tST":""}; 29556 window.posthogFlags = {"pdf":1,"write":8,"video":3,"image":4,"converter":5}; 29557 29558 window.fileUploader = {"maxSize":"612000","maxSizeImage":204800,"maxSizePdf":512000,"maxSizeVideo":512000,"minSizeChunk":"94371840"}; 29559 window.google = { 29560 OAUTH2_CLIENT_ID: '469418715137-v466mdeap2bj2v5anmss7i4i6gimdojb.apps.googleusercontent.com', 29561 WEB_API_KEY: 'AIzaSyAL6wHSl4fSriA2A-eEx0vOJa6EReGBq5g', 29562 DOWNLOAD_SHEET_SCOPES: ['https://www.googleapis.com/auth/drive.readonly'], 29563 FONTS: 'AIzaSyCERt9AFaAkrbUDvD4tbUkvkKBSgFwUzOU', 29564 }; 29565 window.dropbox = { 29566 API_KEY: '', 29567 API_REDIRECT: '', 29568 }; 29569 window.oneDrive = { 29570 CLIENT_ID: '', 29571 REDIRECT_URI: 'https://tinywow.com/one-drive-picker', 29572 REDIRECT_URI_FILE: 'https://tinywow.com/one-drive-picker-file', 29573 }; 29574 29575 window.ratingTool = { 29576 rating : 4.70, 29577 reviews: 2372, 29578 } 29579 window.convertKit = { 29580 api_key: 'PX6xR1Othw1Uy78iyu9ICQ', 29581 subscribeUri: 'https://api.convertkit.com/v3/forms/3161758/subscribe', 29582 }; 29583 window.versionShow = { 29584 main: 1, 29585 share_block: 1, 29586 subscribe_block: 1, 29587 improve_block: 1, 29588 }; 29589 window.text = { 29590 time_to_delete: '1 hour', 29591 }; 29592 29593 window.ws = {"cluster":"mt1","host":"tinywow.com","port":"443","scheme":"https","useTLS":true,"curl_options":{"81":0,"64":0},"app_key":"tinywowdslb993753jssslk"}; 29594 window.enabledWs = '1'; 29595 window.enabledLogic = { 29596 ENABLE_UPSCALER_OPENCV: '1', 29597 }; 29598 29599 window.stripe = { 29600 api_key: 'pk_live_51LGpOJFq8H7bctlFWApYMBmISvGuo7u0WtJjBFZKdHH1z568PyuWJGmLlujt3hfhtVcG1MOsdIOsqUda4Yt0ToH300gZi68r3c', 29601 ha: '', 29602 current: 'false', 29603 prices: '{"17":"9","11":"9","10":"75","9":"9","19":"9","7":"89","3":"49.99","4":"5.99","8":"749","1":"3.99","20":"75","16":"125","18":"75","13":"9","15":"15","14":"75","31":"3","32":"24","12":"75","22":"24","21":"3","24":"24","26":"24","25":"3","28":"48","29":"3","30":"24","23":"3","27":"5"}', 29604 subscriptions: '{"7":[{"id":17,"price":9,"human_description":"Unlimited access to 40+ video tools","title":"Video Unlimited","period_type":1,"group_id":7,"type":4,"tool_type_id":3,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":18,"price":75,"human_description":"Unlimited access to 40+ video tools","title":"Video Unlimited","period_type":2,"group_id":7,"type":4,"tool_type_id":3,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"4":[{"id":11,"price":9,"human_description":"Unlimited access to 50+ AI tools","title":"Write Unlimited","period_type":1,"group_id":4,"type":4,"tool_type_id":8,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":12,"price":75,"human_description":"Unlimited access to 50+ AI tools","title":"Write Unlimited","period_type":2,"group_id":4,"type":4,"tool_type_id":8,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"3":[{"id":10,"price":75,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":2,"group_id":3,"type":4,"tool_type_id":1,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0},{"id":9,"price":9,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":1,"group_id":3,"type":4,"tool_type_id":1,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0}],"8":[{"id":19,"price":9,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":1,"group_id":8,"type":4,"tool_type_id":5,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0}
29604,{"id":20,"price":75,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":2,"group_id":8,"type":4,"tool_type_id":5,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"2":[{"id":7,"price":89,"human_description":"Put your blog on autopilot","title":"Content Machine","period_type":1,"group_id":2,"type":2,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"89","is_best":0},{"id":8,"price":749,"human_description":"TinyWow - Content Machine (Yearly)","title":"Content Machine Yearly","period_type":2,"group_id":2,"type":2,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"62.42","benefit":29,"is_best":0}],"1":[{"id":3,"price":49.99,"human_description":"TinyWow - Advance Plan (Yearly)","title":"Yearly plan","period_type":2,"group_id":1,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"4.17","benefit":30,"is_best":1},{"id":4,"price":5.99,"human_de
29604scription":"TinyWow - Advance Plan (Monthly)","title":"Supporter","period_type":1,"group_id":1,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"5.99","is_best":1}],"":[{"id":1,"price":3.99,"human_description":null,"title":"Advanced plan - old","period_type":1,"group_id":null,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"3.99","is_best":0}],"6":[{"id":16,"price":125,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":2,"group_id":6,"type":3,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"10.42","benefit":30,"is_best":0},{"id":15,"price":15,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":1,"group_id":6,"type":3,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"15","is_best":0}],"5":[{"id":13,"price":9,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":1,"group_id":5,"type":4,"tool_type_id":4,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":14,"price":75,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":2,"group_id":5,"type":4,"tool_type_id":4,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"14":[{"id":31,"price":3,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":1,"group_id":14,"type":6,"tool_type_id":5,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0},{"id":32,"price":24,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":2,"group_id":14,"type":6,"tool_type_id":5,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0}],"9":[{"id":22,"price":24,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":2,"group_id":9,"type":6,"tool_type_id":1,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":21,"price":3,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":1,"group_id":9,"type":6,"tool_type_id":1,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"10":[{"id":24,"price":24,"human_description":"Unlimited access to 10+ AI tools","title":"Write Unlimited","period_type":2,"group_id":10,"type":6,"tool_type_id":8,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":23,"price":3,"human_description":"Unlimited access to 10+ AI tools","title":"Write Unlimited","period_type":1,"group_id":10,"type":6,"tool_type_id":8,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"11":[{"id":26,"price":24,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":2,"group_id":11,"type":6,"tool_type_id":4,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":25,"price":3,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":1,"group_id":11,"type":6,"tool_type_id":4,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"12":[{"id":28,"price":48,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":2,"group_id":12,"type":5,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"4","benefit":20,"is_best":0},{"id":27,"price":5,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":1,"group_id":12,"type":5,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"5","is_best":0}],"13":[{"id":29,"price":3,"human_description":"Unlimited access to 10+ video tools","title":"Video Unlimited","period_type":1,"group_id":13,"type":6,"tool_type_id":3,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}
29604,{"id":30,"price":24,"human_description":"Unlimited access to 10+ video tools","title":"Video Unlimited","period_type":2,"group_id":13,"type":6,"tool_type_id":3,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0}]}', 29605 packages: '[{"id":1,"price":"125","title":"30 Credits","user_article_limit":30}]', 29606 ec: '', 29607 css: '', 29608 cst: '', 29609 cstit: '', 29610 csper: '', 29611 mdspb: '65', 29612 cswc: '', 29613 trial: '7', 29614 } 29615 window.recaptchaKey = "0x4AAAAAABmDsKgGHhVUvoMC"; 29616 29617 window.availableTextTools = [{"title":"All","id":"all","route":"","type":"","mode":"all"},{"id":244,"title":"Article Writer","route":"write.article-writer","type":8,"mode":245,"description":"","short_title":"","short_description":"","text_mode":"article_writer"},{"id":275,"title":"AI Humanizer","route":"write.humanizer-ai","type":8,"mode":282,"description":"","short_title":"","short_description":"","text_mode":"humanizer_ai"},{"id":239,"title":"Story Generator","route":"write.story-generator","type":8,"mode":240,"description":"","short_title":"","short_description":"","text_mode":"story_generator"},{"id":242,"title":"Article Generator","route":"write.article-generator","type":8,"mode":242,"description":"","short_title":"","short_description":"","text_mode":"article_generator"},{"id":254,"title":"Content Shortener","route":"write.shorten-content","type":8,"mode":259,"description":"","short_title":"","short_description":"","text_mode":"shorten_content"},{"id":222,"title":"Landing Page Copy Generator","route":"write.landing-page-copy","type":8,"mode":223,"description":"","short_title":"","short_description":"","text_mode":"landing_page_copy"},{"id":259,"title":"Word Counter","route":"write.word-counter","type":8,"mode":264,"description":"","short_title":"","short_description":"","text_mode":"word_counter"},{"id":197,"title":"Blog Outline Generator","route":"write.blog-outline","type":8,"mode":194,"description":"","short_title":"","short_description":"","text_mode":"blog_outline"},{"id":206,"title":"Sentence Rewriter","route":"write.sentence-rewriter","type":8,"mode":207,"description":"","short_title":"","short_description":"","text_mode":"sentence_rewriter"},{"id":256,"title":"Tone of Voice","route":"write.tone-of-voice","type":8,"mode":261,"description":"","short_title":"","short_description":"","text_mode":"tone_of_voice"},{"id":236,"title":"Paragraph Rewriter","route":"write.paragraph-rewriter","type":8,"mode":237,"description":"","short_title":"","short_description":"","text_mode":"paragraph_rewriter"},{"id":233,"title":"Explain it","route":"write.explain-like-five","type":8,"mode":234,"description":"","short_title":"","short_description":"","text_mode":"explain_like_five"},{"id":232,"title":"Translate","route":"write.translate","type":8,"mode":233,"description":"","short_title":"","short_description":"","text_mode":"translate"},{"id":203,"title":"AI Paragraph Generator","route":"write.paragraph-writer","type":8,"mode":206,"description":"","short_title":"","short_description":"","text_mode":"paragraph_writer"},{"id":201,"title":"FAQ Generator","route":"write.faq-generator","type":8,"mode":202,"description":"","short_title":"","short_description":"","text_mode":"faq_generator"},{"id":204,"title":"Business Name Generator","route":"write.business-name-generator","type":8,"mode":205,"description":"","short_title":"","short_description":"","text_mode":"business_name_generator"},{"id":196,"title":"Blog Post Ideas","route":"write.post-ideas","type":8,"mode":192,"description":"","short_title":"","short_description":"","text_mode":"post_ideas"},{"id":200,"title":"Facebook Ad Headline Generator","route":"write.facebook-ad-headlines","type":8,"mode":201,"description":"","short_title":"","short_description":"","text_mode":"facebook_ad_headlines"},{"id":246,"title":"AI Content Summarizer","route":"write.content-summarizer","type":8,"mode":247,"description":"","short_title":"","short_description":"","text_mode":"content_summarizer"},{"id":250,"title":"Summarize YouTube","route":"write.summarize-youtube","type":8,"mode":252,"description":"","short_title":"","short_description":"","text_mode":"youtube_summarize"},{"id":238,"title":"Article Rewriter","route":"write.article-rewriter","type":8,"mode":239,"description":"","short_title":"","short_description":"","text_mode":"article_rewriter"},{"id":237,"title":"Blog Post Rewriter","route":"write.post-rewriter","type":8,"mode":238,"description":"","short_title":"","short_description":"","text_mode":"post_rewriter"},{"id":207,"title":"Instagram Caption Generator","route":"write.instagram-caption-generator","type":8,"mode":193,"description":"","short_title":"","short_description":"","text_mode":"instagram_caption_generator"},{"id":252,"title":"Content Paraphraser","route":"write.paraphrasing","type":8,"mode":257,"description":"","short_title":"","short_description":"","text_mode":"paraphrasing"},{"id":221,"title":"Press Release Generator","route":"write.press-release-generator","type":8,"mode":222,"description":"","short_title":"","short_description":"","text_mode":"press_release_generator"},{"id":208,"title":"LinkedIn Post Generator","route":"write.linkedin-post-generator","type":8,"mode":208,"description":"","short_title":"","short_description":"","text_mode":"linkedin_post_generator"},{"id":202,"title":"Real Estate Description Generator","route":"write.real-estate-description","type":8,"mode":203,"description":"","short_title":"","short_description":"","text_mode":"real_estate_description"},{"id":243,"title":"AI Post Writer","route":"write.post-writer","type":8,"mode":244,"description":"","short_title":"","short_description":"","text_mode":"post_writer"},{"id":219,"title":"Content Planner","route":"write.content-planner","type":8,"mode":221,"description":"","short_title":"","short_description":"","text_mode":"content_planner"},{"id":215,"title":"Business Slogan Generator","route":"write.business-slogan-generator","type":8,"mode":217,"description":"","short_title":"","short_description":"","text_mode":"business_slogan_generator"},{"id":214,"title":"Instagram Story Ideas","route":"write.instagram-story-ideas","type":8,"mode":216,"description":"","short_title":"","short_description":"","text_mode":"instagram_story_ideas"},{"id":257,"title":"AI Rephraser","route":"write.ai-rephraser","type":8,"mode":262,"de
29617scription":"","short_title":"","short_description":"","text_mode":"ai_rephraser"},{"id":198,"title":"Paragraph Completer","route":"write.paragraph-completer","type":8,"mode":195,"description":"","short_title":"","short_description":"","text_mode":"paragraph_completer"},{"id":255,"title":"TikTok Script Writer","route":"write.tiktok-script-writer","type":8,"mode":260,"description":"","short_title":"","short_description":"","text_mode":"tiktok_script_writer"},{"id":209,"title":"Grammar Fixer","route":"write.grammar-fixer","type":8,"mode":210,"description":"","short_title":"","short_description":"","text_mode":"grammar_fixer"},{"id":217,"title":"Title Rewriter","route":"write.title-rewriter","type":8,"mode":219,"description":"","short_title":"","short_description":"","text_mode":"title_rewriter"},{"id":216,"title":"Business Plan Generator","route":"write.business-plan-generator","type":8,"mode":218,"description":"","short_title":"","short_description":"","text_mode":"business_plan_generator"},{"id":260,"title":"Purchase Agreement Generator","route":"write.purchase-agreement-generator","type":8,"mode":265,"description":"","short_title":"","short_description":"","text_mode":"purchase_agreement_generator"},{"id":210,"title":"AI Content Improver","route":"write.content-improver","type":8,"mode":211,"description":"","short_title":"","short_description":"","text_mode":"content_improver"},{"id":213,"title":"Essay Writer","route":"write.essay-writer","type":8,"mode":215,"description":"","short_title":"","short_description":"","text_mode":"essay_writer"},{"id":223,"title":"YouTube Script Writer","route":"write.youtube-script-writer","type":8,"mode":224,"description":"","short_title":"","short_description":"","text_mode":"youtube_script_writer"},{"id":220,"title":"AI Blog Post Generator","route":"write.post-generator","type":8,"mode":200,"description":"","short_title":"","short_description":"","text_mode":"post_generator"},{"id":248,"title":"AI Content Detector","route":"write.ai-detector","type":8,"mode":243,"description":"","short_title":"","short_description":"","text_mode":"detect_ai"},{"id":258,"title":"AI Twitter Generator","route":"write.ai-twitter-generator","type":8,"mode":263,"description":"","short_title":"","short_description":"","text_mode":"ai_twitter_generator"},{"id":234,"title":"Poll Generator","route":"write.poll-generator","type":8,"mode":235,"description":"","short_title":"","short_description":"","text_mode":"pool_generator"},{"id":253,"title":"Podcast Script Writer","route":"write.podcast-writer","type":8,"mode":258,"description":"","short_title":"","short_description":"","text_mode":"podcast_writer"},{"id":218,"title":"Cold Email Writer","route":"write.cold-email-writer","type":8,"mode":220,"description":"","short_title":"","short_description":"","text_mode":"cold_email_writer"},{"id":212,"title":"Meta Description Generator","route":"write.meta-description-generator","type":8,"mode":213,"description":"","short_title":"","short_description":"","text_mode":"meta_description_generator"},{"id":211,"title":"Content Brief Generator","route":"write.content-brief-generator","type":8,"mode":212,"description":"","short_title":"","short_description":"","text_mode":"content_brief_generator"},{"id":263,"title":"NDA Generator","route":"write.nda-generator","type":8,"mode":268,"description":"","short_title":"","short_description":"","text_mode":"nda_generator"},{"id":235,"title":"Trivia Generator","route":"write.trivia-generator","type":8,"mode":236,"description":"","short_title":"","short_description":"","text_mode":"trivia_generator"},{"id":199,"title":"Listicle Writer","route":"write.listicle-writer","type":8,"mode":199,"description":"","short_title":"","short_description":"","text_mode":"listicle_writer"},{"id":261,"title":"Bill of Sale Generator","route":"write.bill-sale-generator","type":8,"mode":267,"description":"","short_title":"","short_description":"","text_mode":"bill_sale_generator"},{"id":262,"title":"Privacy Policy Generator","route":"write.privacy-policy-generator","type":8,"mode":266,"description":"","short_title":"","short_description":"","text_mode":"privacy_policy_generator"},{"id":265,"title":"Generate an Article","route":"content-machine.generate-article","type":8,"mode":269,"description":"","short_title":"","short_description":"","text_mode":"generate_article"},{"id":266,"title":"Automation Wizard","route":"content-machine.automation-wizard","type":8,"mode":270,"description":"","short_title":"","short_description":"","text_mode":"automation_wizard"},{"id":267,"title":"Bulk Generator","route":"content-machine.bulk-generator","type":8,"mode":271,"description":"","short_title":"","short_description":"","text_mode":"bulk_generator"}
29617,{"id":268,"title":"Programmatic","route":"content-machine.programmatic","type":8,"mode":272,"description":"","short_title":"","short_description":"","text_mode":"programmatic"}]; 29618 29619 window.loggedIn = 0; 29620 window.subscriptionTypes = { 29621 'y': '2', 29622 'm': '1', 29623 } 29624 window.posthogFlagsValues = {"1":null,"8":null,"5":null,"4":null,"3":null}; 29625 window.subscriptionGroups = [ 29626 '4', 29627 '6', 29628 ] 29629 window.eaw = ''; 29630 window.toolPathsWithWriterWizard = {"wizard1":["story-generator","landing-page-copy","paragraph-writer","post-rewriter","press-release-generator","linkedin-post-generator","tiktok-script-writer","business-plan-generator","content-improver","essay-writer","youtube-script-writer","privacy-policy-generator"]}; 29631 </script>
29631 29632 29633
29633<script nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 29634 window.dataTool = { 29635 page_title: 'Blog Outline Generator', 29636 page_description: 'Write Blog Outline', 29637 category: 'write', 29638 type: '8', 29639 ib: '', 29640 limit_count: '', 29641 uses_count: '0', 29642 ha: '', 29643 } 29644 </script>
29644 29645 <link rel="canonical" href="https://tinywow.com/write/blog-outline"> 29646 <meta property="og:title" content="Blog Outline Generator - TinyWow" /> 29647 <meta property="og:description" content="Use this free tool to generate blog outlines using AI." /> 29648 <meta property="og:type" content="article" /> 29649 <meta property="og:site_name" content="TinyWow" /> 29650 <meta property="og:url" content="https://tinywow.com/write/blog-outline" /> 29651 <meta name="twitter:card" content="summary" /> 29652 29653
29653<script type="application/ld+json" nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 29654 { 29655 "name":"Blog Outline Generator - TinyWow", 29656 "description":"Use this free tool to generate blog outlines using AI.", 29657 "@type":"Product", 29658 "@context":"https://schema.org", 29659 "aggregateRating":{ 29660 "@type":"AggregateRating", 29661 "ratingValue":"4.70", 29662 "reviewCount":"2372" 29663 } 29664 } 29665 </script>
29665 29666 <!-- Google Tag Manager --> 29667
29667<script nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib">
vendor: 437 bytes, lines 29667-29671
29667(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 29668 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 29669 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 29670 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 29671 })(window,document,'script','dataLayer','
29671GTM-MPGVJ8N
vendor: 3 bytes, line 29671
29671');
29671</script>
29671 29672 <!-- End Google Tag Manager --> 29673 <noscript id="deferred-main-captcha"> 29674
29674<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?compat=recaptcha" async defer></script>
29674 29675 </noscript> 29676 <template class="lazy-ad-scripts"> 29677 29678 <style> 29679 body { 29680 --use: 20px; 29681 --doNotUse: 0px; 29682 --fsAncillary: var(--doNotUse); 29683 } 29684 [data-freestar-ad] { 29685 vertical-align: top; 29686 display: inline-flex; 29687 align-items: center; 29688 justify-content: center; 29689 width: 100%; 29690 overflow: hidden; 29691 position: relative; 29692 } 29693 [data-freestar-ad*="__fsAncillary"] { 29694 --fsAncillary: var(--use); 29695 } 29696 [data-freestar-ad*="__728x90"], 29697 [data-freestar-ad*="__970x90"] { 29698 --height: 90px; 29699 height: 90px; 29700 height: calc(var(--height) + var(--fsAncillary)) !important; 29701 } 29702 29703 [data-freestar-ad*="__300x250"], 29704 [data-freestar-ad*="__970x250"] { 29705 --height: 250px; 29706 height: 250px; 29707 height: calc(var(--height) + var(--fsAncillary)) !important; 29708 } 29709 29710 [data-freestar-ad*="__336x280"] { 29711 --height: 280px; 29712 height: 280px; 29713 height: calc(var(--height) + var(--fsAncillary)) !important; 29714 } 29715 29716 [data-freestar-ad*="__160x600"], 29717 [data-freestar-ad*="__300x600"] { 29718 --height: 600px; 29719 height: 600px; 29720 height: calc(var(--height) + var(--fsAncillary)) !important; 29721 } 29722 29723 /* Prebid video player sizes */ 29724 [data-freestar-ad*="__640x360"] { 29725 --height: 360px; 29726 height: 360px; 29727 } 29728 29729 [data-freestar-ad*="__552x334"] { 29730 --height: 334px; 29731 height: 334px; 29732 } 29733 29734 [data-freestar-ad*="__640x169"] { 29735 --height: 169px; 29736 height: 169px; 29737 } 29738 29739 [data-freestar-ad*="__400x225"] { 29740 --height: 225; 29741 height: 225px; 29742 } 29743 29744 @media only screen and (min-device-width : 320px) and (max-device-width : 768px) { 29745 [data-freestar-ad*="__300x50"], 29746 [data-freestar-ad*="__320x50"] { 29747 --height: 50px; 29748 height: 50px; 29749 height: calc(var(--height) + var(--fsAncillary)) !important; 29750 } 29751 29752 [data-freestar-ad*="__468x60"] { 29753 --height: 60px; 29754 height: 60px; 29755 height: calc(var(--height) + var(--fsAncillary)) !important; 29756 } 29757 29758 [data-freestar-ad*="__300x100"], 29759 [data-freestar-ad*="__320x100"] { 29760 --height: 100px; 29761 height: 100px; 29762 height: calc(var(--height) + var(--fsAncillary)) !important; 29763 } 29764 29765 [data-freestar-ad*="__300x250"] { 29766 --height: 250px; 29767 height: 250px; 29768 height: calc(var(--height) + var(--fsAncillary)) !important; 29769 } 29770 29771 [data-freestar-ad*="__336x280"] { 29772 --height: 280px; 29773 height: 280px; 29774 height: calc(var(--height) + var(--fsAncillary)) !important; 29775 } 29776 } 29777 </style> 29778
29778<script data-cfasync="false" type="text/javascript"> 29779 var freestar = freestar || {}; 29780 freestar.queue = freestar.queue || []; 29781 freestar.config = freestar.config || {}; 29782 freestar.config.enabled_slots = []; 29783 freestar.initCallback = function () { (freestar.config.enabled_slots.length === 0) 29784 ? freestar.initCallbackCalled = false : freestar.newAdSlots(freestar.config.enabled_slots) } 29785 </script>
29785 29786
29786<script type="text/javascript" data-lazy-src="https://a.pub.network/tinywow-com/pubfig.min.js" 29787 data-lazy-method="interaction" data-lazy-attributes="src"></script>
29787 29788 </template> 29789 29790
29790<script src="https://tinywow.com/js/write__tool-blog-outline__en/translations.js"></script>
29790 29791</head> 29792 29793<body class=""> 29794 <!-- Preloader Start --> 29795<div id="preloader" class="flex-col" style="display: none;"> 29796 <div class="w-[200px] text-center js-preloader-text" style="display: none;"></div> 29797 <div class="loader3"> 29798 <span></span> 29799 <span></span> 29800 </div> 29801</div> 29802<div id="preloader-stripe" class="flex-col" style="display: none;"> 29803 <div class="w-[250px] text-center js-preloader-text">Redirecting to checkout…</div> 29804</div> 29805<!-- Preloader End --> 29806 29807<!-- start header --> 29808<header class="sticky-top has-search "> 29809 <div class="container"> 29810 <div class="row align-items-center"> 29811 <div class="col-lg-2 col-6 text-left"> 29812 <!--done--> 29813 <!--logo start--> 29814 <a class="logo" href="https://tinywow.com"> 29815 <img src="https://tinywow.com/v3/img/favicon-tinywow.svg" class="img-fluid logo-icon" alt="TinyWow" width="32" height="32"> 29816 <img src="https://tinywow.com/v3/img/tinywow-by-jenni.svg" class="img-fluid logo-normal" alt="TinyWow by Jenni AI" width="92" height="28"> 29817 <img src="https://tinywow.com/v3/img/tinywow-by-jenni-light.svg" class="img-fluid logo-dark" alt="TinyWow by Jenni AI" width="92" height="28"> 29818 </a> 29819 <!--logo end--> 29820 </div> 29821 <div class="col-lg-5 col-6"> 29822 <!--menu start--> 29823 29824 <ul class="menu2"> 29825 <li class="nav-item drop_menu" > 29826 <a href="https://tinywow.com/tools/pdf" class="nav-link"> 29827 PDF 29828 </a> 29829 29830 <div class="expand_menu expand_menu--pdf position-absolute"> 29831 <div class="expand_menu-box"> 29832 <div class="container pl-0 pr-0 d-flex"> 29833 <div class="category-tools d-flex"> 29834 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 29835 29836 <a href="https://tinywow.com/pdf/edit" class="category-tools__item"> 29837 <div class="icon_box v_7 v7"> 29838 <svg width="20" height="20" class="img-fluid"> 29839 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29840 </svg> 29841 </div> 29842 <div class="category-tools__content"> 29843 <h4>Edit PDF</h4> 29844 <p class="category-tools__descr gray">Free PDF Editor</p> 29845 </div> 29846 </a> 29847 <a href="https://tinywow.com/pdf/to-word" class="category-tools__item"> 29848 <div class="icon_box v_1 v1"> 29849 <svg width="20" height="20" class="img-fluid"> 29850 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29851 </svg> 29852 </div> 29853 <div class="category-tools__content"> 29854 <h4>PDF to Word</h4> 29855 <p class="category-tools__descr gray">Convert a PDF to Word Document</p> 29856 </div> 29857 </a> 29858 <a href="https://tinywow.com/pdf/from-jpg" class="category-tools__item"> 29859 <div class="icon_box v_7 v7"> 29860 <svg width="20" height="20" class="img-fluid"> 29861 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29862 </svg> 29863 </div> 29864 <div class="category-tools__content"> 29865 <h4>JPG to PDF</h4> 29866 <p class="category-tools__descr gray">Upload images and receive as a PDF</p> 29867 </div> 29868 </a> 29869 <a href="https://tinywow.com/pdf/merge" class="category-tools__item"> 29870 <div class="icon_box v_6 v6"> 29871 <svg width="20" height="20" class="img-fluid"> 29872 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use> 29873 </svg> 29874 </div> 29875 <div class="category-tools__content"> 29876 <h4>Merge PDF</h4> 29877 <p class="category-tools__descr gray">
29877Merge 2 or more PDF files into a single PDF file</p> 29878 </div> 29879 </a> 29880 </div> 29881 <div class="category-menu w-100"> 29882 <h4 class="expand_menu-name-categiry">OTHER PDF TOOLS</h4> 29883 <div class="row"> 29884 29885 29886 <div class="col-6 "> 29887 <ul class="mega_menu"> 29888 <li><a href="https://tinywow.com/pdf/create">Create PDF</a> 29889 <ul class=""> 29890 </ul> 29891 </li> 29892 <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a> 29893 <ul class=""> 29894 </ul> 29895 </li> 29896 <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a> 29897 <ul class=""> 29898 </ul> 29899 </li> 29900 <li><a href="https://tinywow.com/pdf/from-word">Word to PDF</a> 29901 <ul class=""> 29902 </ul> 29903 </li> 29904 <li><a href="https://tinywow.com/pdf/split">Split</a> 29905 <ul class=""> 29906 </ul> 29907 </li> 29908 <li><a href="https://tinywow.com/pdf/unlock">Remove Password</a> 29909 <ul class=""> 29910 </ul> 29911 </li> 29912 </ul> 29913 </div> 29914 <div class="col-6 pl-0 pr-0 "> 29915 <ul class="mega_menu"> 29916 <li><a href="https://tinywow.com/pdf/translate">PDF Translator</a> 29917 <ul class=""> 29918 </ul> 29919 </li> 29920 <li><a href="https://tinywow.com/pdf/sign">eSign</a> 29921 <ul class=""> 29922 </ul> 29923 </li> 29924 <li><a href="https://tinywow.com/pdf/protect">Protect</a> 29925 <ul class=""> 29926 </ul> 29927 </li> 29928 <li><a href="https://tinywow.com/pdf/rearrange">Rearrange</a> 29929 <ul class=""> 29930 </ul> 29931 </li> 29932 <li><a href="https://tinywow.com/pdf/extract-text">Extract Text</a> 29933 <ul class=""> 29934 </ul> 29935 </li> 29936 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/pdf">All Pdf Tools</a></li> 29937 </ul> 29938 </div> 29939 </div> 29940 </div> 29941 </div> 29942 </div> 29943</div> 29944 </li> 29945 <li class="nav-item drop_menu" > 29946 <a href="https://tinywow.com/tools/image" class="nav-link"> 29947 Image 29948 </a> 29949 29950 <div class="expand_menu expand_menu--image"> 29951 <div class="expand_menu-box"> 29952 <div class="container d-flex"> 29953 <div class="ai-tools category-tools"> 29954 <h4 class="expand_menu-name-categiry">AI TOOLS</h4> 29955 29956 <a href="https://tinywow.com/image/remove-bg" class="category-tools__item b-b category-tools__item--big"> 29957 <div class="icon_box v_2 v2"> 29958 <svg width="20" height="20"> 29959 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 29960 </svg> 29961 </div> 29962 <div class="category-tools__content"> 29963 <h4>
29963Background Remover</h4> 29964 <p class="category-tools__descr gray">Easily Remove the Background from an image</p> 29965 </div> 29966 </a> 29967 <div class="ai-tools__catalog"> 29968 <a href="https://tinywow.com/image/cleanup-picture" class="category-tools__item category-tools__item--small"> 29969 <div class="icon_box v_7 v7"> 29970 <svg width="20" height="20" class="img-fluid"> 29971 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 29972 </svg> 29973 </div> 29974 <div class="category-tools__content"> 29975 <h4>Restore Photos</h4> 29976 </div> 29977 </a> 29978 <a href="https://tinywow.com/image/profile-photo" class="category-tools__item category-tools__item--small"> 29979 <div class="icon_box v_5 v5"> 29980 <svg width="20" height="20" class="img-fluid"> 29981 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use> 29982 </svg> 29983 </div> 29984 <div class="category-tools__content"> 29985 <h4>Profile Photo Maker</h4> 29986 </div> 29987 </a> 29988 <a href="https://tinywow.com/image/remove-person" class="category-tools__item category-tools__item--small"> 29989 <div class="icon_box v_2 v2"> 29990 <svg width="20" height="20" class="img-fluid"> 29991 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 29992 </svg> 29993 </div> 29994 <div class="category-tools__content"> 29995 <h4>Remove Person from Photo</h4> 29996 </div> 29997 </a> 29998 <a href="https://tinywow.com/image/to-text" class="category-tools__item category-tools__item--small"> 29999 <div class="icon_box v_2 v2"> 30000 <svg width="20" height="20" class="img-fluid"> 30001 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30002 </svg> 30003 </div> 30004 <div class="category-tools__content"> 30005 <h4>Extract Text From Image</h4> 30006 </div> 30007 </a> 30008 <a href="https://tinywow.com/image/ai-image-generator" class="category-tools__item category-tools__item--small"> 30009 <div class="icon_box v_4 v4"> 30010 <svg width="20" height="20" class="img-fluid"> 30011 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 30012 </svg> 30013 </div> 30014 <div class="category-tools__content"> 30015 <h4>AI Image Generator</h4> 30016 </div> 30017 </a> 30018 <a href="https://tinywow.com/image/remove-objects" class="category-tools__item category-tools__item--small"> 30019 <div class="icon_box v_2 v2"> 30020 <svg width="20" height="20" class="img-fluid"> 30021 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 30022 </svg> 30023 </div> 30024 <div class="category-tools__content"> 30025 <h4>Remove Objects Photo</h4> 30026 </div> 30027 </a> 30028 </div> 30029 </div> 30030 <div class="ai-all"> 30031 <div class="ai-featured"> 30032 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 30033 30034 <div class="ai-featured__box b-b"> 30035 <div class="d-flex"> 30036 <a href="https://tinywow.com/image/resize" class="category-tools__item flex-wrap ai-all__item w-33"> 30037 <div class="main-item v_3 v3 w-100"> 30038 <picture> 30039 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/jUR0FOVw7XLvN7NgwCS6XXQ6rAtDMt8iI1Pn5apu/ZA4v0KpkNH2gR65h2SDhmbFA2LSF2TJqLyHAYKx9.png" loading="lazy"> 30040 </picture> 30041 </div> 30042 <div class="ai-featured__content"> 30043 <div> 30044 <h4>Resize Dimensions</h4> 30045 <p class="category-tools__descr gray">Resize your image</p> 30046 </div> 30047 <div class="image-box-arrow"> 30048 <svg class="icon_arrow v3" width="24" height="24"> 30049 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use> 30050 </svg> 30051 </div> 30052 </div> 30053 </a> 30054 <a href="https://tinywow.com/image/compress" class="category-tools__item flex-wrap ai-all__item w-33"> 30055 <div class="main-item v_6 v6 w-100"> 30056 <picture> 30057 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/fjYvTZStAFN0xstiVW4YNR0kNBX1anE8yNLC6bQ1/jzyPJEbpFCb4igO0oqakMrq1IS572yXJEDVQBajW.png" loading="lazy"> 30058 </picture> 30059 </div> 30060 <div class="ai-featured__content"> 30061 <div> 30062 <h4>Compress</h4> 30063 <p class="category-tools__descr gray">Compress your image</p> 30064 </div> 30065 <div class="image-box-arrow"> 30066 <svg class="icon_arrow v6" width="24" height="24"> 30067 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use> 30068 </svg> 30069 </div> 30070 </div> 30071 </a> 30072 <a href="https://tinywow.com/image/upscale" class="category-tools__item flex-wrap ai-all__item w-33"> 30073 <div class="main-item v_3 v3 w-100"> 30074 <picture> 30075 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/DDsplG3IuiplYQk4tNDWzLKFcuYbmnvXOcEsXAkS/sgCjPFWZM9TlLjlalHA3ZGlA6pZ6zdl0VWDO5hoC.png" loading="lazy"> 30076 </picture> 30077 </div> 30078 <div class="ai-featured__content"> 30079 <div> 30080 <h4>Increase Image Resolution</h4> 30081 <p class="category-tools__descr gray">increase the resolution of your image</p> 30082 </div> 30083 <div class="image-box-arrow"> 30084 <svg class="icon_arrow v3" width="24" height="24"> 30085 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use> 30086 </svg> 30087 </div> 30088 </div> 30089 </a> 30090 </div> 30091 </div> 30092 </div> 30093 30094 <div class="ai-other"> 30095 <h4 class="expand_menu-name-categiry">OTHER IMAGE TOOLS</h4> 30096 30097 <div class="d-flex"> 30098 30099 30100 <div class="category-tools__item ai-all__item w-33"> 30101 <ul class="mega_menu"> 30102 <li><a href="https://tinywow.com/image/blur-background">
30102Blur Background</a></li> 30103 <li><a href="https://tinywow.com/image/colorize-photo">Colorize Photo</a></li> 30104 <li><a href="https://tinywow.com/image/combine-maker">Combine Images</a></li> 30105 <li><a href="https://tinywow.com/image/collage-maker">Collage Maker</a></li> 30106 <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li> 30107 <li><a href="https://tinywow.com/image/chart-maker">Chart Maker</a></li> 30108 </ul> 30109 </div> 30110 <div class="category-tools__item ai-all__item w-33"> 30111 <ul class="mega_menu"> 30112 <li><a href="https://tinywow.com/image/make-background-transparent">
30112Transparent Background</a></li> 30113 <li><a href="https://tinywow.com/image/crop">Crop Image</a></li> 30114 <li><a href="https://tinywow.com/image/border">Add Border to Image</a></li> 30115 <li><a href="https://tinywow.com/image/split">Image Splitter</a></li> 30116 <li><a href="https://tinywow.com/image/text-to-image">Add Text to Image</a></li> 30117 <li><a href="https://tinywow.com/image/pixelate">Pixelate Image</a></li> 30118 </ul> 30119 </div> 30120 <div class="category-tools__item ai-all__item w-33"> 30121 <ul class="mega_menu"> 30122 <li><a href="https://tinywow.com/image/crop-circle">Make Round Image</a></li> 30123 <li><a href="https://tinywow.com/image/grayscale">Black & White</a></li> 30124 <li><a href="https://tinywow.com/image/flip">Flip Image</a></li> 30125 <li><a href="https://tinywow.com/image/unblur">Unblur IMG</a></li> 30126 <li><a href="https://tinywow.com/image/heic-to-jpg">HEIC to JPG</a></li> 30127 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/image">All Image Tools</a></li> 30128 </ul> 30129 </div> 30130 </div> 30131 </div> 30132 </div> 30133 </div> 30134 </div> 30135</div> 30136 </li> 30137 <li class="nav-item drop_menu" > 30138 <a href="https://tinywow.com/tools/write" class="nav-link"> 30139 Write 30140 </a> 30141 30142 <div class="expand_menu expand_menu--pdf position-absolute"> 30143 <div class="expand_menu-box"> 30144 <div class="container pl-0 pr-0 d-flex"> 30145 <div class="category-tools d-flex"> 30146 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 30147 30148 <a href="https://tinywow.com/write/paragraph-writer" class="category-tools__item"> 30149 <div class="icon_box v_1 v1"> 30150 <svg width="20" height="20" class="img-fluid"> 30151 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30152 </svg> 30153 </div> 30154 <div class="category-tools__content"> 30155 <h4>Paragraph Writer</h4> 30156 <p class="category-tools__descr gray">Paragraph Writer</p> 30157 </div> 30158 </a> 30159 <a href="https://tinywow.com/write/sentence-rewriter" class="category-tools__item"> 30160 <div class="icon_box v_1 v1"> 30161 <svg width="20" height="20" class="img-fluid"> 30162 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30163 </svg> 30164 </div> 30165 <div class="category-tools__content"> 30166 <h4>Sentence Rewriter</h4> 30167 <p class="category-tools__descr gray">Sentence Rewriter</p> 30168 </div> 30169 </a> 30170 <a href="https://tinywow.com/write/essay-writer" class="category-tools__item"> 30171 <div class="icon_box v_6 v6"> 30172 <svg width="20" height="20" class="img-fluid"> 30173 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30174 </svg> 30175 </div> 30176 <div class="category-tools__content"> 30177 <h4>Essay Writer</h4> 30178 <p class="category-tools__descr gray">Easily create an essay with AI</p> 30179 </div> 30180 </a> 30181 <a href="https://tinywow.com/write/article-writer" class="category-tools__item"> 30182 <div class="icon_box v_6 v6"> 30183 <svg width="20" height="20" class="img-fluid"> 30184 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30185 </svg> 30186 </div> 30187 <div class="category-tools__content"> 30188 <h4>Article Writer</h4> 30189 <p class="category-tools__descr gray">Create an article from a title</p> 30190 </div> 30191 </a> 30192 </div> 30193 <div class="category-menu w-100"> 30194 <h4 class="expand_menu-name-categiry">OTHER WRITE TOOLS</h4> 30195 <div class="row"> 30196 30197 30198 <div class="col-6 "> 30199 <ul class="mega_menu"> 30200 <li><a href="https://tinywow.com/write/facebook-ad-headlines">FB Headline Generator</a> 30201 <ul class=""> 30202 </ul> 30203 </li> 30204 <li><a href="https://tinywow.com/write/faq-generator">FAQ Generator</a> 30205 <ul class=""> 30206 </ul> 30207 </li> 30208 <li><a href="https://tinywow.com/write/real-estate-description">Real Estate Descriptions</a> 30209 <ul class=""> 30210 </ul> 30211 </li> 30212 <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a> 30213 <ul class=""> 30214 </ul> 30215 </li> 30216 <li><a href="https://tinywow.com/write/business-name-generator">
30216Business Name Generator</a> 30217 <ul class=""> 30218 </ul> 30219 </li> 30220 <li><a href="https://tinywow.com/write/blog-outline">Blog Outline Generator</a> 30221 <ul class=""> 30222 </ul> 30223 </li> 30224 </ul> 30225 </div> 30226 <div class="col-6 pl-0 pr-0 "> 30227 <ul class="mega_menu"> 30228 <li><a href="https://tinywow.com/write/post-ideas">Blog Post Ideas</a> 30229 <ul class=""> 30230 </ul> 30231 </li> 30232 <li><a href="https://tinywow.com/write/instagram-caption-generator">Instagram Caption Generator</a> 30233 <ul class=""> 30234 </ul> 30235 </li> 30236 <li><a href="https://tinywow.com/write/linkedin-post-generator">LinkedIn Post Generator</a> 30237 <ul class=""> 30238 </ul> 30239 </li> 30240 <li><a href="https://tinywow.com/write/grammar-fixer">Grammar Fixer</a> 30241 <ul class=""> 30242 </ul> 30243 </li> 30244 <li><a href="https://tinywow.com/write/content-improver">Content Improver</a> 30245 <ul class=""> 30246 </ul> 30247 </li> 30248 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/write">All AI Write</a></li> 30249 </ul> 30250 </div> 30251 </div> 30252 </div> 30253 </div> 30254 </div> 30255</div> 30256 </li> 30257 <li class="nav-item drop_menu" > 30258 <a href="https://tinywow.com/tools/video" class="nav-link"> 30259 Video 30260 </a> 30261 30262 <div class="expand_menu expand_menu--pdf position-absolute"> 30263 <div class="expand_menu-box"> 30264 <div class="container pl-0 pr-0 d-flex"> 30265 <div class="category-tools d-flex"> 30266 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 30267 30268 <a href="https://tinywow.com/video/compress" class="category-tools__item"> 30269 <div class="icon_box v_8 v8"> 30270 <svg width="20" height="20" class="img-fluid"> 30271 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 30272 </svg> 30273 </div> 30274 <div class="category-tools__content"> 30275 <h4>Compress Video</h4> 30276 <p class="category-tools__descr gray">Lessen the file size of a Video file</p> 30277 </div> 30278 </a> 30279 <a href="https://tinywow.com/video/to-gif" class="category-tools__item"> 30280 <div class="icon_box v_2 v2"> 30281 <svg width="20" height="20" class="img-fluid"> 30282 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 30283 </svg> 30284 </div> 30285 <div class="category-tools__content"> 30286 <h4>Video to Gif</h4> 30287 <p class="category-tools__descr gray">Upload an MP4 and convert to animated GIF</p> 30288 </div> 30289 </a> 30290 <a href="https://tinywow.com/video/cutter" class="category-tools__item"> 30291 <div class="icon_box v_1 v1"> 30292 <svg width="20" height="20" class="img-fluid"> 30293 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use> 30294 </svg> 30295 </div> 30296 <div class="category-tools__content"> 30297 <h4>Trim Video</h4> 30298 <p class="category-tools__descr gray">Select a start and stop of a video and download the trimmed video</p> 30299 </div> 30300 </a> 30301 <a href="https://tinywow.com/video/mp4-to-mp3" class="category-tools__item"> 30302 <div class="icon_box v_8 v8"> 30303 <svg width="20" height="20" class="img-fluid"> 30304 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use> 30305 </svg> 30306 </div> 30307 <div class="category-tools__content"> 30308 <h4>MP4 to MP3</h4> 30309 <p class="category-tools__descr gray">Convert MP4 to MP3 audio</p> 30310 </div> 30311 </a> 30312 </div> 30313 <div class="category-menu w-100"> 30314 <h4 class="expand_menu-name-categiry">OTHER VIDEO TOOLS</h4> 30315 <div class="row"> 30316 30317 30318 <div class="col-6 "> 30319 <ul class="mega_menu"> 30320 <li><a href="https://tinywow.com/video/audio-to-text">Audio to Text</a> 30321 <ul class=""> 30322 </ul> 30323 </li> 30324 <li><a href="https://tinywow.com/video/resize">Resize Video</a> 30325 <ul class=""> 30326 </ul> 30327 </li> 30328 <li><a href="https://tinywow.com/video/extract-audio">Extract Audio</a> 30329 <ul class=""> 30330 </ul> 30331 </li> 30332 <li><a href="https://tinywow.com/video/mov-to-mp4">MOV to MP4</a> 30333 <ul class=""> 30334 </ul> 30335 </li> 30336 <li><a href="https://tinywow.com/video/mkv-to-mp4">MKV to MP4</a> 30337 <ul class=""> 30338 </ul> 30339 </li> 30340 <li><a href="https://tinywow.com/video/from-fb">Facebook Download</a> 30341 <ul class=""> 30342 </ul> 30343 </li> 30344 </ul> 30345 </div> 30346 <div class="col-6 pl-0 pr-0 "> 30347 <ul class="mega_menu"> 30348 <li><a href="https://tinywow.com/video/from-tiktok">TikTok Video Downloader</a> 30349 <ul class=""> 30350 </ul> 30351 </li> 30352 <li><a href="https://tinywow.com/video/from-inst">Instagram Download</a> 30353 <ul class=""> 30354 </ul> 30355 </li> 30356 <li><a href="https://tinywow.com/video/from-twitter">Twitter Download</a> 30357 <ul class=""> 30358 </ul> 30359 </li> 30360 <li><a href="https://tinywow.com/video/m4a-to-mp3">M4A to MP3</a> 30361 <ul class=""> 30362 </ul> 30363 </li> 30364 <li><a href="https://tinywow.com/video/to-webp">Video to WebP</a> 30365 <ul class=""> 30366 </ul> 30367 </li> 30368 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/video">All Video Tools</a></li> 30369 </ul> 30370 </div> 30371 </div> 30372 </div> 30373 </div> 30374 </div> 30375</div> 30376 </li> 30377 <li class="nav-item drop_menu" > 30378 <a href="https://tinywow.com/tools/file_conversion" class="nav-link"> 30379 File 30380 </a> 30381 30382 <div class="expand_menu expand_menu--tools position-absolute"> 30383 <div class="expand_menu-box"> 30384 <div class="container pl-0 pr-0"> 30385 <div class="category-tools d-flex"> 30386 <h4 class="expand_menu-name-categiry">FILE TOOLS</h4> 30387 <div class="expand_menu-tools justify-content-between"> 30388 <a href="https://tinywow.com/converter/split-csv" class="category-tools__item"> 30389 <div class="icon_box v_6 v6"> 30390 <svg width="20" height="20" class="img-fluid"> 30391 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30392 </svg> 30393 </div> 30394 <div class="category-tools__content"> 30395 <h4>Split CSV</h4> 30396 <p class="category-tools__descr gray">Split into one or multiple PDF files</p> 30397 </div> 30398 </a> 30399 <a href="https://tinywow.com/converter/split-excel" class="category-tools__item"> 30400 <div class="icon_box v_7 v7"> 30401 <svg width="20" height="20" class="img-fluid"> 30402 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30403 </svg> 30404 </div> 30405 <div class="category-tools__content"> 30406 <h4>Split Excel</h4> 30407 <p class="category-tools__descr gray">Split into one or multiple Excel files</p> 30408 </div> 30409 </a> 30410 <a href="https://tinywow.com/converter/excel-to-pdf" class="category-tools__item"> 30411 <div class="icon_box v_7 v7"> 30412 <svg width="20" height="20" class="img-fluid"> 30413 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30414 </svg> 30415 </div> 30416 <div class="category-tools__content"> 30417 <h4>Excel to PDF</h4> 30418 <p class="category-tools__descr gray">Convert Excel to PDF</p> 30419 </div> 30420 </a> 30421 <a href="https://tinywow.com/converter/xml-to-excel" class="category-tools__item"> 30422 <div class="icon_box v_7 v7"> 30423 <svg width="20" height="20" class="img-fluid"> 30424 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30425 </svg> 30426 </div> 30427 <div class="category-tools__content"> 30428 <h4>XML to Excel</h4> 30429 <p class="category-tools__descr gray">Convert XML to Excel</p> 30430 </div> 30431 </a> 30432 <a href="https://tinywow.com/converter/excel-to-xml" class="category-tools__item"> 30433 <div class="icon_box v_5 v5"> 30434 <svg width="20" height="20" class="img-fluid"> 30435 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30436 </svg> 30437
30437 </div> 30438 <div class="category-tools__content"> 30439 <h4>Excel to XML</h4> 30440 <p class="category-tools__descr gray">Convert Excel to XML</p> 30441 </div> 30442 </a> 30443 <a href="https://tinywow.com/converter/csv-to-excel" class="category-tools__item"> 30444 <div class="icon_box v_6 v6"> 30445 <svg width="20" height="20" class="img-fluid"> 30446 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30447 </svg> 30448 </div> 30449 <div class="category-tools__content"> 30450 <h4>CSV to Excel</h4> 30451 <p class="category-tools__descr gray">Convert CSV to Excel</p> 30452 </div> 30453 </a> 30454 <a href="https://tinywow.com/converter/xml-to-csv" class="category-tools__item"> 30455 <div class="icon_box v_4 v4"> 30456 <svg width="20" height="20" class="img-fluid"> 30457 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30458 </svg> 30459 </div> 30460 <div class="category-tools__content"> 30461 <h4>XML to CSV</h4> 30462 <p class="category-tools__descr gray">Convert XML to CSV</p> 30463 </div> 30464 </a> 30465 <a href="https://tinywow.com/converter/xml-to-json" class="category-tools__item"> 30466 <div class="icon_box v_8 v8"> 30467 <svg width="20" height="20" class="img-fluid"> 30468 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 30469 </svg> 30470 </div> 30471 <div class="category-tools__content"> 30472 <h4>XML to JSON</h4> 30473 <p class="category-tools__descr gray">Convert XML to JSON</p> 30474 </div> 30475 </a> 30476 </div> 30477 30478 </div> 30479 </div> 30480 </div> 30481</div> 30482 </li> 30483 </ul> 30484 <!--menu end--> 30485 <div class="sticky-top-group"> 30486 <div class="header-search"> 30487 <button class="button header-search_button js-header-search_button" type="submit" aria-label="Search"> 30488 <img src="https://tinywow.com/v3/img/search-normal.svg" alt="Search"> 30489 </button> 30490 </div> 30491 30492 <div class="hamburger-menu"> 30493 <span class="line-top"></span> 30494 <span class="line-center"></span> 30495 <span class="line-bottom"></span> 30496 </div> 30497 </div> 30498 </div> 30499 <div class="col-lg-5 d-none d-lg-block text-right"> 30500 <div class="header-tools"> 30501 30502 <!-- button-switch-mode --> 30503 <button class="button button-switch-mode js-button-switch-mode" type="button" role="button" aria-label="Switch mode"> 30504 <img class="switch-mode-icon switch-mode-icon_sun" src="https://tinywow.com/v3/img/sun.svg" alt="Light mode"> 30505 <img class="switch-mode-icon switch-mode-icon_moon" src="https://tinywow.com/v3/img/moon.svg" alt="Dark mode"> 30506 </button> 30507 <button href="#" class="button button-share js-show-my-files" title="My Files" 30508 style="display: none;" > 30509 <img class="" src="https://tinywow.com/v3/img/folder-cloud.svg" alt="My files"> 30510 </button> 30511 30512 <button href="#" class="button button-share" data-toggle="modal" data-target="#modal
30512-share" title="Share"> 30513 <img class="" src="https://tinywow.com/v3/img/nav-share.svg" alt="Share"> 30514 </button> 30515 30516 </div> 30517 <div class="header-search"> 30518 <button class="button header-search_button" type="submit" aria-label="Search"> 30519 <img src="https://tinywow.com/v3/img/search2.svg" alt="Search"> 30520 </button> 30521 30522 <div class="header-search_group"> 30523 <form action="/tools" class="header-search_form"> 30524 <input class="form-control js-search-tools" type="text" placeholder="Search" name="q"> 30525 <button class="button" type="submit" aria-label="Search submit"> 30526 <img src="https://tinywow.com/v3/img/search2.svg" alt="Search"> 30527 </button> 30528 </form> 30529 30530 <div class="header-search_results header-search_results--desktop" style="display: none;"> 30531 </div> 30532 </div> 30533 </div> 30534 30535 <button class="button button-sign-in js-show-sign-in">Sign In</button> 30536 </div> 30537 </div> 30538 </div> 30539</header> 30540 30541<!-- mobile menu --> 30542<div class="mobile_menu mobile_menu-tools d-lg-none"> 30543 30544 <div class="header-search header-search--pannel"> 30545 <div></div> 30546 <div class="header-search_group container"> 30547 <form action="/tools" class="header-search_form" onsubmit="return false;" > 30548 <input class="form-control js-search-tools" type="text" placeholder="Search" name="q"> 30549 <button class="button" type="submit" onclick="return false;" aria-label="Search submit"> 30550 <img src="https://tinywow.com/v2/img/search2.svg" alt="Search"> 30551 </button> 30552 </form> 30553 </div> 30554 <div class="header-search_results header-search_results--mobile" style="display: none;"></div> 30555 </div> 30556 30557 <div class="container h-100"> 30558 <div class="d-flex flex-column h-100"> 30559 <ul id="mobile" class="menu2 accordion"> 30560 30561 30562 30563 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 30564 <a data-toggle="collapse" href="#nav_0" role="button" aria-expanded="false" class="nav-link"> 30565 PDF 30566 </a> 30567 30568 <div class=" collapse" id="nav_0" data-parent="#mobile"> 30569 <div class="container pl-0 pr-0"> 30570 <div class="category-tools m-0 pr-0"> 30571 <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4> 30572 30573 <a href="https://tinywow.com/pdf/edit" class="category-tools__item pl-0"> 30574 <div class="icon_box v_8 v8"> 30575 <svg width="20" height="20" class="img-fluid"> 30576 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30577 </svg> 30578 </div> 30579 <div class="category-tools__content"> 30580 <h4>Edit PDF</h4> 30581 <p class="category-tools__descr gray">Free PDF Editor</p> 30582 </div> 30583 </a> 30584 <a href="https://tinywow.com/pdf/to-word" class="category-tools__item pl-0"> 30585 <div class="icon_box v_1 v1"> 30586 <svg width="20" height="20" class="img-fluid"> 30587 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30588 </svg> 30589 </div> 30590 <div class="category-tools__content"> 30591 <h4>PDF to Word</h4> 30592 <p class="category-tools__descr gray">Convert a PDF to Word Document</p> 30593 </div> 30594 </a> 30595 <a href="https://tinywow.com/pdf/from-jpg" class="category-tools__item pl-0"> 30596 <div class="icon_box v_2 v2"> 30597 <svg width="20" height="20" class="img-fluid"> 30598 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30599 </svg> 30600 </div> 30601 <div class="category-tools__content"> 30602 <h4>JPG to PDF</h4> 30603 <p class="category-tools__descr gray">Upload images and receive as a PDF</p> 30604 </div> 30605 </a> 30606 <a href="https://tinywow.com/pdf/merge" class="category-tools__item pl-0"> 30607 <div class="icon_box v_4 v4"> 30608 <svg width="20" height="20" class="img-fluid"> 30609 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use> 30610 </svg> 30611 </div> 30612 <div class="category-tools__content"> 30613 <h4>Merge PDF</h4> 30614 <p class="category-tools__descr gray">
30614Merge 2 or more PDF files into a single PDF file</p> 30615 </div> 30616 </a> 30617 </div> 30618 <div class="category-menu pr-0"> 30619 <h4 class="expand_menu-name-categiry pl-0">OTHER PDF TOOLS</h4> 30620 <div class="row"> 30621 30622 30623 <div class="col-6 pl_16 "> 30624 <ul class="mega_menu mb-0"> 30625 <li><a href="#">Favorite Group</a> 30626 <ul class=""> 30627 </ul> 30628 </li> 30629 <li><a href="#">To PDF</a> 30630 <ul class=""> 30631 </ul> 30632 </li> 30633 <li><a href="#">From PDF</a> 30634 <ul class=""> 30635 </ul> 30636 </li> 30637 <li><a href="https://tinywow.com/pdf/create">Create PDF</a> 30638 <ul class=""> 30639 </ul> 30640 </li> 30641 <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a> 30642 <ul class=""> 30643 </ul> 30644 </li> 30645 <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a> 30646 <ul class=""> 30647 </ul> 30648 </li> 30649 </ul> 30650 </div> 30651 <div class="col-6 pl-0 pr-0 "> 30652 <ul class="mega_menu mb-0"> 30653 <li><a href="https://tinywow.com/pdf/from-word">Word to PDF</a> 30654 <ul class=""> 30655 </ul> 30656 </li> 30657 <li><a href="https://tinywow.com/pdf/split">Split</a> 30658 <ul class=""> 30659 </ul> 30660 </li> 30661 <li><a href="https://tinywow.com/pdf/unlock">Remove Password</a> 30662 <ul class=""> 30663 </ul> 30664 </li> 30665 <li><a href="https://tinywow.com/pdf/translate">PDF Translator</a> 30666 <ul class=""> 30667 </ul> 30668 </li> 30669 <li><a href="https://tinywow.com/pdf/sign">eSign</a> 30670 <ul class=""> 30671 </ul> 30672 </li> 30673 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/pdf">All Pdf Tools</a></li> 30674 </ul> 30675 </div> 30676 </div> 30677 </div> 30678 </div> 30679</div> 30680 </li> 30681 30682 30683 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 30684 <a data-toggle="collapse" href="#nav_1" role="button" aria-expanded="false" class="nav-link"> 30685 Image 30686 </a> 30687 30688 <div class=" collapse" id="nav_1" data-parent="#mobile"> 30689 <div class="container pl-0 pr-0"> 30690 <div class=" expand_menu--image mt-0"> 30691 <div class="expand_menu-box"> 30692 <div class="container pl-0 pr-0"> 30693 <div class="ai-tools b-b category-tools pt-0 pr-0"> 30694 <h4 class="expand_menu-name-categiry">AI TOOLS</h4> 30695 30696 <ul> 30697 <li> 30698 <a href="https://tinywow.com/image/remove-bg" class="category-tools__item category-tools__item--big is-active mt-0"> 30699 <div class="icon_box v_4 v4"> 30700 <svg width="20" height="20"> 30701 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 30702 </svg> 30703 </div> 30704 <div class="category-tools__content"> 30705 <h4>
30705Background Remover</h4> 30706 <p class="category-tools__descr gray">Easily Remove the Background from an image</p> 30707 </div> 30708 </a> 30709 <div> 30710 <div class="ai-tools__catalog"> 30711 <a href="https://tinywow.com/image/cleanup-picture" class="category-tools__item category-tools__item--small"> 30712 <div class="icon_box v_5 v5"> 30713 <svg width="20" height="20" class="img-fluid"> 30714 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 30715 </svg> 30716 </div> 30717 <div class="category-tools__content"> 30718 <h4>Restore Photos</h4> 30719 </div> 30720 </a> 30721 <a href="https://tinywow.com/image/profile-photo" class="category-tools__item category-tools__item--small"> 30722 <div class="icon_box v_6 v6"> 30723 <svg width="20" height="20" class="img-fluid"> 30724 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use> 30725 </svg> 30726 </div> 30727 <div class="category-tools__content"> 30728 <h4>Profile Photo Maker</h4> 30729 </div> 30730 </a> 30731 <a href="https://tinywow.com/image/remove-person" class="category-tools__item category-tools__item--small"> 30732 <div class="icon_box v_3 v3"> 30733 <svg width="20" height="20" class="img-fluid"> 30734 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 30735 </svg> 30736 </div> 30737 <div class="category-tools__content"> 30738 <h4>Remove Person from Photo</h4> 30739 </div> 30740 </a> 30741 <a href="https://tinywow.com/image/to-text" class="category-tools__item category-tools__item--small"> 30742 <div class="icon_box v_2 v2"> 30743 <svg width="20" height="20" class="img-fluid"> 30744 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30745 </svg> 30746 </div> 30747 <div class="category-tools__content"> 30748 <h4>Extract Text From Image</h4> 30749 </div> 30750 </a> 30751 <a href="https://tinywow.com/image/ai-image-generator" class="category-tools__item category-tools__item--small"> 30752 <div class="icon_box v_3 v3"> 30753 <svg width="20" height="20" class="img-fluid"> 30754 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 30755 </svg> 30756 </div> 30757 <div class="category-tools__content"> 30758 <h4>AI Image Generator</h4> 30759 </div> 30760 </a> 30761 <a href="https://tinywow.com/image/remove-objects" class="category-tools__item category-tools__item--small"> 30762 <div class="icon_box v_5 v5"> 30763 <svg width="20" height="20" class="img-fluid"> 30764 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 30765 </svg> 30766 </div> 30767 <div class="category-tools__content"> 30768 <h4>Remove Objects Photo</h4> 30769 </div> 30770 </a> 30771 </div> 30772 </div> 30773 </li> 30774 </ul> 30775 </div> 30776 <div class="ai-all pl-0"> 30777 <div class="ai-featured"> 30778 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 30779 30780 <div class="ai-featured__box mt-0"> 30781 <div class="d-flex flex-wrap"> 30782 <a href="https://tinywow.com/image/resize" class="category-tools__item ai-all__item w-50"> 30783 <div class="main-item v_1 v
307831"> 30784 <picture> 30785 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/jUR0FOVw7XLvN7NgwCS6XXQ6rAtDMt8iI1Pn5apu/ZA4v0KpkNH2gR65h2SDhmbFA2LSF2TJqLyHAYKx9.png" loading="lazy"> 30786 </picture> 30787 </div> 30788 <div class="ai-featured__content"> 30789 <div> 30790 <h4>Resize Dimensions</h4> 30791 <p class="category-tools__descr gray">Resize your image</p> 30792 </div> 30793 <div class="image-box-arrow"> 30794 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 30795 <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 30796 <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 30797 </svg> 30798 </div> 30799 </div> 30800 </a> 30801 <a href="https://tinywow.com/image/compress" class="category-tools__item ai-all__item w-50"> 30802 <div class="main-item v_7 v7"> 30803 <picture> 30804 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/fjYvTZStAFN0xstiVW4YNR0kNBX1anE8yNLC6bQ1/jzyPJEbpFCb4igO0oqakMrq1IS572yXJEDVQBajW.png" loading="lazy"> 30805 </picture> 30806 </div> 30807 <div class="ai-featured__content"> 30808 <div> 30809 <h4>Compress</h4> 30810 <p class="category-tools__descr gray">Compress your image</p> 30811 </div> 30812 <div class="image-box-arrow"> 30813 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 30814 <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 30815 <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 30816 </svg> 30817 </div> 30818 </div> 30819 </a> 30820 <a href="https://tinywow.com/image/upscale" class="category-tools__item ai-all__item w-50"> 30821 <div class="main-item v_6 v6"> 30822 <picture> 30823 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/DDsplG3IuiplYQk4tNDWzLKFcuYbmnvXOcEsXAkS/sgCjPFWZM9TlLjlalHA3ZGlA6pZ6zdl0VWDO5hoC.png" loading="lazy"> 30824 </picture> 30825 </div> 30826 <div class="ai-featured__content"> 30827 <div> 30828 <h4>Increase Image Resolution</h4> 30829 <p class="category-tools__descr gray">increase the resolution of your image</p> 30830 </div> 30831 <div class="image-box-arrow"> 30832 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 30833 <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 30834 <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 30835 </svg> 30836 </div> 30837 </div> 30838 </a> 30839 </div> 30840 </div> 30841 </div> 30842 30843 <div class="ai-other"> 30844 <h4 class="expand_menu-name-categiry">OTHER IMAGE TOOLS</h4> 30845 30846 <div class="d-flex"> 30847 30848 30849 <div class="category-tools__item ai-all__item w-50 pl-0 "> 30850 <ul class="mega_menu"> 30851 <li><a href="https://tinywow.com/image/blur-background">
30851Blur Background</a></li> 30852 <li><a href="https://tinywow.com/image/colorize-photo">Colorize Photo</a></li> 30853 <li><a href="https://tinywow.com/image/combine-maker">Combine Images</a></li> 30854 <li><a href="https://tinywow.com/image/collage-maker">Collage Maker</a></li> 30855 <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li> 30856 <li><a href="https://tinywow.com/image/chart-maker">Chart Maker</a></li> 30857 <li><a href="https://tinywow.com/image/make-background-transparent">
30857Transparent Background</a></li> 30858 </ul> 30859 </div> 30860 <div class="category-tools__item ai-all__item w-50 "> 30861 <ul class="mega_menu"> 30862 <li><a href="https://tinywow.com/image/crop">Crop Image</a></li> 30863 <li><a href="https://tinywow.com/image/border">Add Border to Image</a></li> 30864 <li><a href="https://tinywow.com/image/split">Image Splitter</a></li> 30865 <li><a href="https://tinywow.com/image/text-to-image">Add Text to Image</a></li> 30866 <li><a href="https://tinywow.com/image/pixelate">Pixelate Image</a></li> 30867 <li><a href="https://tinywow.com/image/crop-circle">Make Round Image</a></li> 30868 <li><a href="https://tinywow.com/image/grayscale">Black & White</a></li> 30869 </ul> 30870 </div> 30871 <div class="category-tools__item ai-all__item w-50 "> 30872 <ul class="mega_menu"> 30873 <li><a href="#">Favorite Group</a></li> 30874 <li><a href="https://tinywow.com/image/flip">Flip Image</a></li> 30875 <li><a href="https://tinywow.com/image/unblur">Unblur IMG</a></li> 30876 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/image">All Image Tools</a></li> 30877 </ul> 30878 </div> 30879 </div> 30880 </div> 30881 </div> 30882 </div> 30883 </div> 30884 </div> 30885 </div> 30886</div> 30887 </li> 30888 30889 30890 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 30891 <a data-toggle="collapse" href="#nav_2" role="button" aria-expanded="false" class="nav-link"> 30892 Write 30893 </a> 30894 30895 <div class=" collapse" id="nav_2" data-parent="#mobile"> 30896 <div class="container pl-0 pr-0"> 30897 <div class="category-tools m-0 pr-0"> 30898 <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4> 30899 30900 <a href="https://tinywow.com/write/paragraph-writer" class="category-tools__item pl-0"> 30901 <div class="icon_box v_6 v6"> 30902 <svg width="20" height="20" class="img-fluid"> 30903 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30904 </svg> 30905 </div> 30906 <div class="category-tools__content"> 30907 <h4>Paragraph Writer</h4> 30908 <p class="category-tools__descr gray">Paragraph Writer</p> 30909 </div> 30910 </a> 30911 <a href="https://tinywow.com/write/sentence-rewriter" class="category-tools__item pl-0"> 30912 <div class="icon_box v_4 v4"> 30913 <svg width="20" height="20" class="img-fluid"> 30914 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30915 </svg> 30916 </div> 30917 <div class="category-tools__content"> 30918 <h4>Sentence Rewriter</h4> 30919 <p class="category-tools__descr gray">Sentence Rewriter</p> 30920 </div> 30921 </a> 30922 <a href="https://tinywow.com/write/essay-writer" class="category-tools__item pl-0"> 30923 <div class="icon_box v_7 v7"> 30924 <svg width="20" height="20" class="img-fluid"> 30925 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30926 </svg> 30927 </div> 30928 <div class="category-tools__content"> 30929 <h4>Essay Writer</h4> 30930 <p class="category-tools__descr gray">Easily create an essay with AI</p> 30931 </div> 30932 </a> 30933 <a href="https://tinywow.com/write/article-writer" class="category-tools__item pl-0"> 30934 <div class="icon_box v_3 v3"> 30935 <svg width="20" height="20" class="img-fluid"> 30936 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 30937 </svg> 30938 </div> 30939 <div class="category-tools__content"> 30940 <h4>Article Writer</h4> 30941 <p class="category-tools__descr gray">Create an article from a title</p> 30942 </div> 30943 </a> 30944 </div> 30945 <div class="category-menu pr-0"> 30946 <h4 class="expand_menu-name-categiry pl-0">OTHER WRITE TOOLS</h4> 30947 <div class="row"> 30948 30949 30950 <div class="col-6 pl_16 "> 30951 <ul class="mega_menu mb-0"> 30952 <li><a href="https://tinywow.com/write/facebook-ad-headlines">FB Headline Generator</a> 30953 <ul class=""> 30954 </ul> 30955 </li> 30956 <li><a href="https://tinywow.com/write/faq-generator">FAQ Generator</a> 30957 <ul class=""> 30958 </ul> 30959 </li> 30960 <li><a href="https://tinywow.com/write/real-estate-description">Real Estate Descriptions</a> 30961 <ul class=""> 30962 </ul> 30963 </li> 30964 <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a> 30965 <ul class=""> 30966 </ul> 30967 </li> 30968 <li><a href="https://tinywow.com/write/business-name-generator">
30968Business Name Generator</a> 30969 <ul class=""> 30970 </ul> 30971 </li> 30972 <li><a href="https://tinywow.com/write/blog-outline">Blog Outline Generator</a> 30973 <ul class=""> 30974 </ul> 30975 </li> 30976 </ul> 30977 </div> 30978 <div class="col-6 pl-0 pr-0 "> 30979 <ul class="mega_menu mb-0"> 30980 <li><a href="https://tinywow.com/write/post-ideas">Blog Post Ideas</a> 30981 <ul class=""> 30982 </ul> 30983 </li> 30984 <li><a href="https://tinywow.com/write/instagram-caption-generator">Instagram Caption Generator</a> 30985 <ul class=""> 30986 </ul> 30987 </li> 30988 <li><a href="https://tinywow.com/write/linkedin-post-generator">LinkedIn Post Generator</a> 30989 <ul class=""> 30990 </ul> 30991 </li> 30992 <li><a href="https://tinywow.com/write/grammar-fixer">Grammar Fixer</a> 30993 <ul class=""> 30994 </ul> 30995 </li> 30996 <li><a href="https://tinywow.com/write/content-improver">Content Improver</a> 30997 <ul class=""> 30998 </ul> 30999 </li> 31000 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/write">All AI Write</a></li> 31001 </ul> 31002 </div> 31003 </div> 31004 </div> 31005 </div> 31006</div> 31007 </li> 31008 31009 31010 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 31011 <a data-toggle="collapse" href="#nav_3" role="button" aria-expanded="false" class="nav-link"> 31012 Video 31013 </a> 31014 31015 <div class=" collapse" id="nav_3" data-parent="#mobile"> 31016 <div class="container pl-0 pr-0"> 31017 <div class="category-tools m-0 pr-0"> 31018 <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4> 31019 31020 <a href="https://tinywow.com/video/compress" class="category-tools__item pl-0"> 31021 <div class="icon_box v_6 v6"> 31022 <svg width="20" height="20" class="img-fluid"> 31023 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 31024 </svg> 31025 </div> 31026 <div class="category-tools__content"> 31027 <h4>Compress Video</h4> 31028 <p class="category-tools__descr gray">Lessen the file size of a Video file</p> 31029 </div> 31030 </a> 31031 <a href="https://tinywow.com/video/to-gif" class="category-tools__item pl-0"> 31032 <div class="icon_box v_5 v5"> 31033 <svg width="20" height="20" class="img-fluid"> 31034 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 31035 </svg> 31036 </div> 31037 <div class="category-tools__content"> 31038 <h4>Video to Gif</h4> 31039 <p class="category-tools__descr gray">Upload an MP4 and convert to animated GIF</p> 31040 </div> 31041 </a> 31042 <a href="https://tinywow.com/video/cutter" class="category-tools__item pl-0"> 31043 <div class="icon_box v_3 v3"> 31044 <svg width="20" height="20" class="img-fluid"> 31045 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use> 31046 </svg> 31047 </div> 31048 <div class="category-tools__content"> 31049 <h4>Trim Video</h4> 31050 <p class="category-tools__descr gray">Select a start and stop of a video and download the trimmed video</p> 31051 </div> 31052 </a> 31053 <a href="https://tinywow.com/video/mp4-to-mp3" class="category-tools__item pl-0"> 31054 <div class="icon_box v_7 v7"> 31055 <svg width="20" height="20" class="img-fluid"> 31056 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use> 31057 </svg> 31058 </div> 31059 <div class="category-tools__content"> 31060 <h4>MP4 to MP3</h4> 31061 <p class="category-tools__descr gray">Convert MP4 to MP3 audio</p> 31062 </div> 31063 </a> 31064 </div> 31065 <div class="category-menu pr-0"> 31066 <h4 class="expand_menu-name-categiry pl-0">OTHER VIDEO TOOLS</h4> 31067 <div class="row"> 31068 31069 31070 <div class="col-6 pl_16 "> 31071 <ul class="mega_menu mb-0"> 31072 <li><a href="https://tinywow.com/video/audio-to-text">Audio to Text</a> 31073 <ul class=""> 31074 </ul> 31075 </li> 31076 <li><a href="https://tinywow.com/video/resize">Resize Video</a> 31077 <ul class=""> 31078 </ul> 31079 </li> 31080 <li><a href="https://tinywow.com/video/extract-audio">Extract Audio</a> 31081 <ul class=""> 31082 </ul> 31083 </li> 31084 <li><a href="https://tinywow.com/video/mov-to-mp4">MOV to MP4</a> 31085 <ul class=""> 31086 </ul> 31087 </li> 31088 <li><a href="https://tinywow.com/video/mkv-to-mp4">MKV to MP4</a> 31089 <ul class=""> 31090 </ul> 31091 </li> 31092 <li><a href="https://tinywow.com/video/from-fb">Facebook Download</a> 31093 <ul class=""> 31094 </ul> 31095 </li> 31096 </ul> 31097 </div> 31098 <div class="col-6 pl-0 pr-0 "> 31099 <ul class="mega_menu mb-0"> 31100 <li><a href="https://tinywow.com/video/from-tiktok">TikTok Video Downloader</a> 31101 <ul class=""> 31102 </ul> 31103 </li> 31104 <li><a href="https://tinywow.com/video/from-inst">Instagram Download</a> 31105 <ul class=""> 31106 </ul> 31107 </li> 31108 <li><a href="https://tinywow.com/video/from-twitter">Twitter Download</a> 31109 <ul class=""> 31110 </ul> 31111 </li> 31112 <li><a href="https://tinywow.com/video/m4a-to-mp3">M4A to MP3</a> 31113 <ul class=""> 31114 </ul> 31115 </li> 31116 <li><a href="https://tinywow.com/video/to-webp">Video to WebP</a> 31117 <ul class=""> 31118 </ul> 31119 </li> 31120 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/video">All Video Tools</a></li> 31121 </ul> 31122 </div> 31123 </div> 31124 </div> 31125 </div> 31126</div> 31127 </li> 31128 31129 31130 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 31131 <a data-toggle="collapse" href="#nav_4" role="button" aria-expanded="false" class="nav-link"> 31132 File 31133 </a> 31134 31135 <div class=" collapse" id="nav_4" data-parent="#mobile"> 31136 <div class="container pl-0 pr-0 pb-0"> 31137 <div class="category-tools m-0 pr-0 pb-0"> 31138 <h4 class="expand_menu-name-categiry m-0 p-0">FILE TOOLS</h4> 31139 31140 <div class="expand_menu-tools justify-content-between"> 31141 31142 <a href="https://tinywow.com/converter/split-csv" class="category-tools__item pl-0"> 31143 <div class="icon_box v_7 v7"> 31144 <svg width="20" height="20" class="img-fluid"> 31145 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31146 </svg> 31147 </div> 31148 <div class="category-tools__content"> 31149 <h4>Split CSV</h4> 31150 <p class="category-tools__descr gray">Split into one or multiple PDF files</p> 31151 </div> 31152 </a> 31153 <a href="https://tinywow.com/converter/split-excel" class="category-tools__item pl-0"> 31154 <div class="icon_box v_3 v3"> 31155 <svg width="20" height="20" class="img-fluid"> 31156 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31157 </svg> 31158 </div> 31159 <div class="category-tools__content"> 31160 <h4>Split Excel</h4> 31161 <p class="category-tools__descr gray">Split into one or multiple Excel files</p> 31162 </div> 31163 </a> 31164 <a href="https://tinywow.com/converter/excel-to-pdf" class="category-tools__item pl-0"> 31165 <div class="icon_box v_5 v5"> 31166 <svg width="20" height="20" class="img-fluid"> 31167 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31168 </svg> 31169 </div> 31170 <div class="category-tools__content"> 31171 <h4>Excel to PDF</h4> 31172 <p class="category-tools__descr gray">Convert Excel to PDF</p> 31173 </div> 31174 </a> 31175 <a href="https://tinywow.com/converter/xml-to-excel" class="category-tools__item pl-0"> 31176 <div class="icon_box v_3 v3"> 31177 <svg width="20" height="20" class="img-fluid"> 31178 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31179 </svg> 31180 </div> 31181 <div class="category-tools__content"> 31182 <h4>XML to Excel</h4> 31183 <p class="category-tools__descr gray">Convert XML to Excel</p> 31184 </div> 31185 </a> 31186 <a href="https://tinywow.com/converter/excel-to-xml" class="category-tools__item pl-0"> 31187 <div class="icon_box v_2 v2"> 31188 <svg width="20" height="20" class="img-fluid"> 31189 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31190 </svg> 31191 </div> 31192 <div class="category-tools__content"> 31193 <h4>Excel to XML</h4> 31194 <p class="category-tools__descr gray">Convert Excel to XML</p> 31195 </div> 31196 </a> 31197 <a href="https://tinywow.com/converter/csv-to-excel" class="category-tools__item pl-0"> 31198 <div class="icon_box v_6 v6"> 31199 <svg width="20" height="20" class="img-fluid"> 31200 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31201 </svg> 31202 </div> 31203 <div class="category-tools__content"> 31204 <h4>CSV to Excel</h4> 31205 <p
31205 class="category-tools__descr gray">Convert CSV to Excel</p> 31206 </div> 31207 </a> 31208 <a href="https://tinywow.com/converter/xml-to-csv" class="category-tools__item pl-0"> 31209 <div class="icon_box v_2 v2"> 31210 <svg width="20" height="20" class="img-fluid"> 31211 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31212 </svg> 31213 </div> 31214 <div class="category-tools__content"> 31215 <h4>XML to CSV</h4> 31216 <p class="category-tools__descr gray">Convert XML to CSV</p> 31217 </div> 31218 </a> 31219 <a href="https://tinywow.com/converter/xml-to-json" class="category-tools__item pl-0"> 31220 <div class="icon_box v_7 v7"> 31221 <svg width="20" height="20" class="img-fluid"> 31222 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 31223 </svg> 31224 </div> 31225 <div class="category-tools__content"> 31226 <h4>XML to JSON</h4> 31227 <p class="category-tools__descr gray">Convert XML to JSON</p> 31228 </div> 31229 </a> 31230 </div> 31231 31232 </div> 31233 </div> 31234</div> 31235 </li> 31236 </ul> 31237 <div class="mobile_menu__actions mt-auto"> 31238 31239 <div class=" header-tools d-flex justify-content-center"> 31240 31241 <button class="button button-switch-mode" type="button" role="button" aria-label="Switch mode"> 31242 <img class="switch-mode-icon switch-mode-icon_sun" src="https://tinywow.com/v3/img/sun.svg" alt="Light mode"> 31243 <img class="switch-mode-icon switch-mode-icon_moon " src="https://tinywow.com/v3/img/moon.svg" alt="Dark mode"> 31244 </button> 31245 31246 <button type="button" class="button button-share js-show-my-files" title="My Files" 31247 style="display: none;" > 31248 <img class="" src="https://tinywow.com/v3/img/folder-cloud.svg" alt="My Files"> 31249 </button> 31250 31251 <button type="button" class="button button-share" data-toggle="modal" data-target="#modal-share" title="Share"> 31252 <img class="" src="https://tinywow.com/v3/img/nav-share.svg" alt="Share"> 31253 </button> 31254 </div> 31255 31256 <div class="mobile_menu__common"> 31257 <a href="https://tinywow.com/support-tinywow" class="btn btn-support btn-link">Upgrade</a> 31258 <button class="button button-sign-in js-show-sign-in">Sign In</button> 31259 </div> 31260 31261 <div class="mobile_menu__login"> 31262 <div class="user-bar"> 31263 </div> 31264 </div> 31265 </div> 31266 </div> 31267 </div> 31268 31269</div> 31270 31271 31272 31273 31274 <main> 31275 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8//1vPQAJJANk+k3bKgAAAABJRU5ErkJggg==" loading="eager" data-lazy-src="https://tinywow.com/v2/img/shadow6.png" 31276 data-lazy-method="interaction" data-lazy-attributes="src" class="page_shadow" alt=""> 31277 <div id="write"> 31278 <div class="compress_area pt_40"> 31279 <div class="container"> 31280 <div class="text-center"> 31281 <h1 class="title_lg">Blog Outline Generator 31282 </h1> 31283 <p class="mt_15">Write Blog Outline</p> 31284 </div> 31285 <div class="summarizer"> 31286 <div class="mt-custom-rem row justify-content-center hidden" id="js-limit-reached-info"> 31287 <div class="col-xl-12"> 31288 <div class="rounded-xl p-4 text-white text-center shadow-lg" 31289 style="background: linear-gradient(to right, rgb(77, 128, 238), rgb(43, 76, 208));"> 31290 <div class=""> 31291 <h3 class="text-lg font-semibold mb-1">You've used all your daily free credits!</h3> 31292 <p class="text-blue-100 mb-2">Choose a plan to keep working without limits and access all our premium features.</p> 31293 <button 31294 class="js-show-upgrade-modal inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm r
31294ing-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 bg-white text-blue-600 hover:bg-gray-100 font-semibold px-6 py-2 mt-3"> 31295 See Pricing 31296 </button> 31297 </div> 31298 </div> 31299 </div> 31300</div> 31301 </div> 31302 <div style="min-height: 406px;display: block;"> 31303 <blog-outline-container 31304 loader-mode="blog_outline" 31305 :popular-tools="[{"id":210,"short_title":"Content Improver","short_description":"Improve your content","icon":"#docs","link":"https:\/\/tinywow.com\/write\/content-improver"},{"id":213,"short_title":"Essay Writer","short_description":"Easily create an essay with AI","icon":"#docs","link":"
31305https:\/\/tinywow.com\/write\/essay-writer"},{"id":203,"short_title":"Paragraph Writer","short_description":"Paragraph Writer","icon":"#docs","link":"https:\/\/tinywow.com\/write\/paragraph-writer"}]" 31306 ></blog-outline-container> 31307 </div> 31308 <div class="row justify-content-center"> 31309 <div class="col-xl-10"> 31310 <p class="blue mt_25 text-center"><em>The content is created by AI. Your input and generated text may be stored for evaluation purposes.</em></p> 31311 </div> 31312 </div> 31313 <div class="rating_box mx-auto"> 31314 <h5 class="mt_10"> Help Us Improve </h5> 31315 <improve-block 31316 type="write" 31317 mode="blog_outline" 31318 ></improve-block> 31319 </div> 31320 </div> 31321 </div> 31322 </div> 31323 <div class="row mt-4"></div> 31324 <div class="recommendation pt_80"> 31325 <div class="container"> 31326 <h2 class="title_lg">Other AI Writing Tools</h2> 31327 <p class="mt_10">Check out some other popular content tools</p> 31328 <div class="row catalog-box "> 31329 <div class="col-md-3 col-6" 31330 data-title="Article Rewriter" 31331 data-description="Rewrite an article" 31332 > 31333 <a href="https://tinywow.com/write/article-rewriter" target="_blank" class="tools_box d-flex align-items-center"> 31334 <div class="icon_box v_2 "> 31335 <svg width="24" height="24"> 31336 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 31337 </svg> 31338 </div> 31339 <div class="recommendation__text"> 31340 <h4>Article Rewriter</h4> 31341 <span class="color-green catalog-box__tag ">AI Write</span> 31342 </div> 31343 31344 <div class="recommendation__send-box"> 31345 <svg width="12" height="12"> 31346 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31347 </svg> 31348 </div> 31349 31350 </a> 31351 </div> 31352 <div class="col-md-3 col-6" 31353 data-title="Paragraph Writer" 31354 data-description="Paragraph Writer" 31355 > 31356 <a href="https://tinywow.com/write/paragraph-writer" target="_blank" class="tools_box d-flex align-items-center"> 31357 <div class="icon_box v_1 "> 31358 <svg width="24" height="24"> 31359 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 31360 </svg> 31361 </div> 31362 <div class="recommendation__text"> 31363 <h4>Paragraph Writer</h4> 31364 <span class="color-green catalog-box__tag ">AI Write</span> 31365 </div> 31366 31367 <div class="recommendation__send-box"> 31368 <svg width="12" height="12"> 31369 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31370 </svg> 31371 </div> 31372 31373 </a> 31374 </div> 31375 <div class="col-md-3 col-6" 31376 data-title="Real Estate Descriptions" 31377 data-description="Generate Real Estate Descriptions for your" 31378 > 31379 <a href="https://tinywow.com/write/real-estate-description" target="_blank" class="tools_box d-flex align-items-center"> 31380 <div class="icon_box v_6 "> 31381 <svg width="24" height="24"> 31382 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 31383 </svg> 31384 </div> 31385 <div class="recommendation__text"> 31386 <h4>Real Estate Descriptions</h4>
31387 <span class="color-violet catalog-box__tag ">AI Write</span> 31388 </div> 31389 31390 <div class="recommendation__send-box"> 31391 <svg width="12" height="12"> 31392 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31393 </svg> 31394 </div> 31395 31396 </a> 31397 </div> 31398 <div class="col-md-3 col-6" 31399 data-title="Generate an Article" 31400 data-description="Enter a title and we'll generate an amazing article" 31401 > 31402 <a href="https://tinywow.com/content-machine/generate-article" target="_blank" class="tools_box d-flex align-items-center"> 31403 <div class="icon_box v_4 "> 31404 <svg width="24" height="24"> 31405 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 31406 </svg> 31407 </div> 31408 <div class="recommendation__text"> 31409 <h4>Generate an Article</h4> 31410 <span class="color-violet catalog-box__tag ">AI Write</span> 31411 </div> 31412 31413 <div class="recommendation__send-box"> 31414 <svg width="12" height="12"> 31415 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31416 </svg> 31417 </div> 31418 31419 </a> 31420 </div> 31421 <div class="col-md-3 col-6" 31422 data-title="Twitter Generator" 31423 data-description="Twitter generator" 31424 > 31425 <a href="https://tinywow.com/write/ai-twitter-generator" target="_blank" class="tools_box d-flex align-items-center"> 31426 <div class="icon_box v_4 "> 31427 <svg width="24" height="24"> 31428 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 31429 </svg> 31430 </div> 31431 <div class="recommendation__text"> 31432 <h4>Twitter Generator</h4> 31433 <span class="color-purple catalog-box__tag ">AI Write</span> 31434 </div> 31435 31436 <div class="recommendation__send-box"> 31437 <svg width="12" height="12"> 31438 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31439 </svg> 31440 </div> 31441 31442 </a> 31443 </div> 31444 <div class="col-md-3 col-6" 31445 data-title="Summarize YouTube" 31446 data-description="Summarize YouTube Video" 31447 > 31448 <a href="https://tinywow.com/write/summarize-youtube" target="_blank" class="tools_box d-flex align-items-center"> 31449 <div class="icon_box v_7 "> 31450 <svg width="24" height="24"> 31451 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 31452 </svg> 31453 </div> 31454 <div class="recommendation__text"> 31455 <h4>Summarize YouTube</h4> 31456 <span class="color-green catalog-box__tag ">AI Write</span> 31457 </div> 31458 31459 <div class="recommendation__send-box"> 31460 <svg width="12" height="12"> 31461 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31462 </svg> 31463 </div> 31464 31465 </a> 31466 </div> 31467 <div class="col-md-3 col-6" 31468 data-title="FAQ Generator" 31469 data-description="Generate FAQ for a blog" 31470 > 31471 <a href="https://tinywow.com/write/faq-generator" target="_blank" class="tools_box d-flex align-items-center"> 31472 <div class="icon_box v_3 "> 31473 <svg width="24" height="24"> 31474 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 31475 </svg> 31476 </div> 31477 <div class="recommendation__text"> 31478 <h4>FAQ Generator</h4>
31479 <span class="color-green catalog-box__tag ">AI Write</span> 31480 </div> 31481 31482 <div class="recommendation__send-box"> 31483 <svg width="12" height="12"> 31484 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31485 </svg> 31486 </div> 31487 31488 </a> 31489 </div> 31490 <div class="col-md-3 col-6" 31491 data-title="Content Paraphraser" 31492 data-description="Paraphrasing Content" 31493 > 31494 <a href="https://tinywow.com/write/paraphrasing" target="_blank" class="tools_box d-flex align-items-center"> 31495 <div class="icon_box v_4 "> 31496 <svg width="24" height="24"> 31497 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 31498 </svg> 31499 </div> 31500 <div class="recommendation__text"> 31501 <h4>Content Paraphraser</h4> 31502 <span class="color-orange catalog-box__tag ">AI Write</span> 31503 </div> 31504 31505 <div class="recommendation__send-box"> 31506 <svg width="12" height="12"> 31507 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#link-arrow"></use> 31508 </svg> 31509 </div> 31510 31511 </a> 31512 </div> 31513 </div> 31514 </div> 31515 31516 </div> 31517<!-- step area --> 31518<!-- step area --> 31519 31520 31521 <template class="lazy-ad-scripts"> 31522 <!-- Tag ID: tinywow_1x1_bouncex --> 31523 <div align="center" id="tinywow_1x1_bouncex"> 31524
31524<script data-cfasync="false" type="text/javascript"> 31525 freestar.config.enabled_slots.push({ placementName: "tinywow_1x1_bouncex", slotId: "tinywow_1x1_bouncex" }); 31526 </script>
31526 31527 </div> 31528 </template> 31529 </main> 31530 31531 31532 31533 <div id="alertModal" role="dialog" class="modal fade show" style="z-index: 10000" 31534 aria-modal="true"> 31535 <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span> 31536 <div tabindex="-1" class="modal-content"> 31537 <div class="modal-header"> 31538 <h4 class="modal-title" >Installation Error</h4> 31539 <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> 31540 </div> 31541 <div class="modal-body"> 31542 31543 </div> 31544 <footer class="modal-footer"> 31545 <button type="button" class="btn button" data-dismiss="modal">Close</button> 31546 </footer> 31547 </div> 31548 </div> 31549</div> 31550 <div id="alertSuccessModal" role="dialog" class="modal fade show" 31551 aria-modal="true"> 31552 <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span> 31553 <div tabindex="-1" class="modal-content"> 31554 <div class="modal-body"> 31555 <div class="modal-body"> 31556 Successfully sent! 31557 </div> 31558 </div> 31559 <footer class="modal-footer"> 31560 <button type="button" class="btn btn-secondary" data-dismiss="modal">Got it!</button> 31561 </footer> 31562 </div> 31563 </div> 31564</div> 31565 31566 31567 <footer> 31568 <div class="container"> 31569 <div class="row small_gutter"> 31570 <div class="col-lg-4 mt_30"> 31571 <a href="https://tinywow.com"> 31572 <img src="https://tinywow.com/v2/img/logo.svg" class="img-fluid logo-normal" alt="TinyWow" loading="lazy" width="114" height="32"> 31573 <img src="https://tinywow.com/v2/img/logo-light.svg" class="img-fluid logo-dark" alt="TinyWow" loading="lazy" width="114" height="32"> 31574 </a> 31575 <p class="mt_15">TinyWow provides free online conversion, pdf, and other handy tools to help you solve problems of all types. All files both processed and unprocessed are deleted after 1 hour</p> 31576 </div> 31577 <div class="col-lg-8"> 31578 <div class="row small_gutter"> 31579 31580 <div class="col-lg-2 col-md-3 col-6 mt_30"> 31581 <h4>Navigate</h4> 31582 <ul> 31583 <li><a href="https://tinywow.com">Home</a></li> 31584 <li><a href="https://tinywow.com/privacy">Privacy Policy</a></li> 31585 <li><a href="https://tinywow.com/tos">TOS</a></li> 31586 <li><a href="https://tinywow.com/contact">Contact</a></li> 31587 <li><a href="/blog">Blog</a></li> 31588 <li><a href="https://tinywow.com/about" rel="nofollow">About</a></li> 31589 </ul> 31590 </div> 31591 <div class="col-lg-10 col-md-9 mt_30"> 31592 <h4>Tools</h4> 31593 <div class="row small_gutter"> 31594 <div class="col-lg-3 col-6"> 31595 <ul> 31596 <li><a href="https://tinywow.com/write/content-improver">Content Improver</a></li> 31597 <li><a href="https://tinywow.com/write/essay-writer">Essay Writer</a></li> 31598 <li><a href="https://tinywow.com/write/paragraph-writer">Paragraph Writer</a></li> 31599 <li><a href="https://tinywow.com/image/ai-image-generator">AI Image Generator</a></li> 31600 </ul> 31601 </div> 31602 <div class="col-lg-3 col-6"> 31603 <ul> 31604 <li><a href="https://tinywow.com/pdf/merge">Merge PDF</a></li> 31605 <li><a href="https://tinywow.com/image/remove-bg">
31605Remove Background from Image</a></li> 31606 <li><a href="https://tinywow.com/pdf/edit">Edit PDF</a></li> 31607 <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a></li> 31608 </ul> 31609 </div> 31610 <div class="col-lg-3 col-6"> 31611 <ul> 31612 <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a></li> 31613 <li><a href="https://tinywow.com/image/upscale">Upscale Image</a></li> 31614 <li><a href="https://tinywow.com/pdf/from-jpg">JPG to PDF</a></li> 31615 <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li> 31616 </ul> 31617 </div> 31618 <div class="col-lg-3 col-6"> 31619 <ul> 31620 <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a></li> 31621 <li><a href="https://tinywow.com/pdf/to-word">PDF to Word</a></li> 31622 <li><a href="https://tinywow.com/image/to-text">Image To Text</a></li> 31623 <li><a href="https://tinywow.com" class="active">Others</a></li> 31624 </ul> 31625 </div> 31626 </div> 31627 </div> 31628 </div> 31629 </div> 31630 </div> 31631 </div> 31632 <div class="footer_bottom"> 31633 <div class="container"> 31634 <div class="row small_gutter align-items-center"> 31635 <div class="col-md-7 mt_10"> 31636 <p> 31637 <img src="https://tinywow.com/v2/img/jenni-ai-logo.svg" alt="Jenni AI" loading="lazy" width="86" height="24"> 31638 TinyWow is a <a href="https://jenni.ai/?via=tinywow" class="active">Jenni AI</a> Company 31639 </p> 31640 </div> 31641 <div class="col-md-5 text-md-right mt_10"> 31642 <p class="copy_right">@ 2026 TinyWow. All rights reserved</p> 31643 </div> 31644 </div> 31645 </div> 31646 </div> 31647</footer> 31648 31649<!-- back to top --> 31650<a href="#" class="back-to-top"><i class="fal fa-angle-up"></i></a> 31651 31652 31653
31653<script nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 31654 window.baseUrl = "https://tinywow.com"; 31655 window.ajaxUrls = { 31656 31657 "admTasks": "https://tinywow.com/admin/dashboard/tasks-data", 31658 "admErrs": "https://tinywow.com/admin/errors/errors-data", 31659 "homeContForm": "https://tinywow.com/main/send-contact", 31660 "suggForm": "https://tinywow.com/main/send-suggestion", 31661 "myFilesModal": "https://tinywow.com/files/files-modal", 31662 "myFilesDelete": "https://tinywow.com/files/delete/", 31663 "myFilesDeleteAll": "https://tinywow.com/files/delete-all", 31664 "myFilesExistsCheck": "https://tinywow.com/files/check-exists", 31665 "myFilesCkBfDwnld": "https://tinywow.com/files/check-before-download/", 31666 "setSiteMode": "https://tinywow.com/main/set-site-mode", 31667 "uploadFile": "https://tinywow.com/file/upload", 31668 "srchTools": "https://tinywow.com/main/search-tools", 31669 "signInModal": "https://tinywow.com/login", 31670 "logoutModal": "https://tinywow.com/logout-js", 31671 "signUpModal": "https://tinywow.com/register", 31672 "frgtPaswModal": "https://tinywow.com/password/email", 31673 "addCardModal": "https://tinywow.com/user/creditcard/update", 31674 "crtPmntInt": "https://tinywow.com/user/payments/create", 31675 "crtPaymentIntent": "https://tinywow.com/user/creditcard/create-pi", 31676 "getCardPm": "https://tinywow.com/user/payment-method/get", 31677 "addCardPm": "https://tinywow.com/user/payment-method/add", 31678 "cancelSbscr": "https://tinywow.com/user/subscription/cancel/", 31679 "subscribe": "https://tinywow.com/user/subscription/add", 31680 "switchSbcr": "https://tinywow.com/user/subscription/switch", 31681 "rmvCard": "https://tinywow.com/user/creditcard/remove/", 31682 "actvSbscr": "https://tinywow.com/user/subscription/activate/", 31683 "removeAccount": "https://tinywow.com/user/remove-account", 31684 "oneDriveSend": "https://tinywow.com/one-drive-picker-send-file", 31685 "subscribeUrlMain": "https://tinywow.com/main/subscribe-user", 31686 "subscribeUrlTagOnboard": "https://tinywow.com/content-machine/subscribe-to-onboard", 31687 "chkPrcsPaid": "https://tinywow.com/user/subscription/check-invoice/", 31688 "chkPrcsFailed": "https://tinywow.com/user/subscription/check-failed-invoice/", 31689 "aft3dsStp": "https://tinywow.com/after3ds-stripe", 31690 "aft3dsPmt": "https://tinywow.com/after3ds-stripe-pi", 31691 "aftFnshPmt": "https://tinywow.com/user/payment-method/after-finish-payment", 31692 "suppTiny": "https://tinywow.com/support-tinywow", 31693 "verifyEmail": "https://tinywow.com/email/resend", 31694 "usrLogApi": "https://tinywow.com/user/api/log-list/table-data", 31695 "strCrtSession": "https://tinywow.com/user/subscription/order/new/", 31696 "strCrtSessionEmbd": "https://tinywow.com/user/subscription/order/new-embed/", 31697 "strUpdSession": "https://tinywow.com/user/subscription/order/update/", 31698 "strCrtSessionOp": "https://tinywow.com/user/package/order/new", 31699 "usrIntgDelete": "https://tinywow.com/user/integration/delete/", 31700 "usrWebfDelete": "https://tinywow.com/user/webflow/delete/", 31701 "contentArtDts": "https://tinywow.com/content-machine/article-details/", 31702 "webflowGetItms": "https://tinywow.com/user/webflow/get-items/", 31703 "usrSettingUpd": "https://tinywow.com/content-machine/settings/update/", 31704 "dsblAutom": "https://tinywow.com/content-machine/am/disable", 31705 "uploadAvatar": "https://tinywow.com/user/settings/avatar", 31706 "removeAvatar": "https://tinywow.com/user/settings/remove-avatar", 31707 "addFvrTool": "https://tinywow.com/user/tools/add-favourite", 31708 "chkExsCnts": "https://tinywow.com/user/exist-connections", 31709 "getCpn": "https://tinywow.com/user/payment/get-coupon-data", 31710 }; 31711</script>
31711 31712 <!-- modal share --> 31713<div class="modal modal-share fade" id="modal-share" tabindex="-1" aria-hidden="true"> 31714 <div class="modal-dialog modal-dialog-centered"> 31715 <div class="modal-content"> 31716 31717 <div class="modal-header"> 31718 <h5 class="modal-title">Show Us Some Love</h5> 31719 <p class="modal-header-text">Tell the world about TinyWow</p> 31720 </div> 31721 31722 <div class="modal-body"> 31723 31724 <div class="social_icon"> 31725 <a data-pin-do="buttonBookmark" href="#" title="Share to Pinterest" 31726 onclick="window.open('https://www.pinterest.com/pin/create/button/?url='+encodeURIComponent(window.location)+'&media'+encodeURIComponent('')+'=&description='+encodeURIComponent('Free PDF, Video, Image &amp; Other Online Tools-TinyWow'), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 31727 rel="noreferrer noopener" 31728 > 31729 <img src="https://tinywow.com/v2/img/pinterest.svg"> 31730 </a> 31731 31732 31733 31734 <a href="https://tumblr.com/widgets/share/tool?canonicalUrl=https://tinywow.com/write/blog-outline" 31735 onclick="window.open('https://tumblr.com/widgets/share/tool?canonicalUrl='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 31736 target="_blank" title="Share to Tumblr" 31737 rel="noreferrer noopener" 31738 > 31739 <img src="https://tinywow.com/v2/img/tumblr.svg"> 31740 </a> 31741 <a href="https://twitter.com/intent/tweet?text=Free PDF, Video, Image &amp; Other Online Tools-TinyWow&url=https://tinywow.com/write/blog-outline" 31742 onclick="window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent('Free PDF, Video, Image &amp; Other Online Tools-TinyWow')+'&url='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 31743 target="_blank" title="Share to Twitter" 31744 rel="noreferrer noopener" 31745 > 31746 <img src="https://tinywow.com/v2/img/twitter.svg"> 31747 </a> 31748 <a href="#" title="Share to Facebook" 31749 onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 31750 rel="noreferrer noopener" 31751 > 31752 <img src="https://tinywow.com/v2/img/facebook.svg"> 31753 </a> 31754 <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://tinywow.com/write/blog-outline" 31755 onclick="window.open('https://www.linkedin.com/sharing/share-offsite/?url='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 31756 target="_blank" title="Share to LinkedIn" 31757 rel="noreferrer noopener" 31758 > 31759 <img src="https://tinywow.com/v2/img/linkedin.svg"> 31760 </a> 31761 </div> 31762 31763 <div class="input-group"> 31764 <input type="text" class="form-control default-background" value="https://tinywow.com/write/blog-outline" aria-label="" readonly aria-describedby="button-addon2"> 31765 31766 <div class="input-group-append"> 31767 <button class="btn btn-outline-secondary js-copy-link" data-link="https://tinywow.com/write/blog-outline" type="button" id="button-addon2">Copy Link</button> 31768 </div> 31769 </div> 31770 </div> 31771 31772 </div> 31773 </div> 31774</div> 31775 <div class="modal modal-files fade" id="modal-files" tabindex="-1" aria-hidden="true"> 31776 <div class="modal-dialog modal-dialog-centered"> 31777 <div class="modal-content"> 31778 <div class="modal-header"> 31779 <div class="modal-header_group"> 31780 <h5 class="modal-title">My Files</h5> 31781 <p class="modal-header-text">Your files will be deleted in 1 hour or less</p> 31782 </div> 31783 <a href="#" class="button button-delete-all js-my-files-delete-all">Delete All</a> 31784 </div> 31785 <div class="modal-body"> 31786 31787 </div> 31788 </div> 31789 </div> 31790</div> 31791 <!-- modal sign-in --> 31792<div class="modal modal-contact-us" id="modal-contact-us" tabindex="-1" aria-hidden="true"> 31793 <div class="modal-dialog modal-dialog-centered "> 31794 <div class="modal-content"> 31795 31796 <div class="modal-header"> 31797 31798 <h5 class="modal-title">Contact Us</h5> 31799 </div> 31800 31801 <div class="modal-body"> 31802 31803 <form action="#" novalidate id="contactUsForm"> 31804 <input name="recaptcha_response" type="hidden"/>
31805 <div class="row small_gutter"> 31806 <div class="col-md-12 mt_15"> 31807 <label for="email">Email</label> 31808 <input class="form-control" id="email" type="email" name="email"> 31809 </div> 31810 <div class="col-md-12 mt_15"> 31811 <label>Message</label> 31812 31813 <div class="input-group"> 31814 <textarea class="form-control" type="text" rows="10" maxlength="1000" name="msg"></textarea> 31815 </div> 31816 </div> 31817 <div class="col-md-12 mt_15"> 31818 <input name="recaptcha_response" type="hidden"/> 31819 <div id="captchaContact"></div> 31820 </div> 31821 </div> 31822 31823 <div class="row small_gutter"> 31824 <div class="col-12 mt_30"> 31825 <button class="button js-contact-us" type="submit">Send</button> 31826 </div> 31827 </div> 31828 </form> 31829 31830 </div> 31831 </div> 31832 </div> 31833</div> 31834 <!-- modal subscribe --> 31835<div class="modal modal-subscribe" id="modal-subscribe" tabindex="-1" aria-hidden="true"> 31836 <div class="modal-dialog modal-dialog-centered middle-width-modal"> 31837 <div class="modal-content subscribe-modal"> 31838 <div class="subscribe-modal__icon"> 31839 <svg width="40" height="34" viewBox="0 0 40 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 31840 <path d="M30 0H10C4 0 0 3 0 10V24C0 31 4 34 10 34H30C36 34 40 31 40 24V10C40 3 36 0 30 0ZM30.94 12.18L24.68 17.18C23.36 18.24 21.68 18.76 20 18.76C18.32 18.76 16.62 18.24 15.32 17.18L9.06 12.18C8.42 11.66 8.32 10.7 8.82 10.06C9.34 9.42 10.28 9.3 10.92 9.82L17.18 14.82C18.7 16.04 21.28 16.04 22.8 14.82L29.06 9.82C29.7 9.3 30.66 9.4 31.16 10.06C31.68 10.7 31.58 11.66 30.94 12.18Z" fill="white"/> 31841 </svg> 31842 </div> 31843 <p class="subscribe-modal__title">TinyWow Updates</p> 31844 <p class="subscribe-modal__descr gray"> 31845 We launch new tools and make product updates weekly. subscribe and get updated. MAX 1 email a week. No spam, ever. 31846 </p> 31847 31848 <form action="#" class="w-100 get-update_form" id="subscribeHome"> 31849 <div class="subscribe-modal__field"> 31850 <input class="form-control-field" type="text" name="email" placeholder="Your email"> 31851 31852 </div> 31853 <div class="col-md-12 mt_15 p-0"> 31854 <input name="recaptcha_response" type="hidden"/> 31855 <div id="captchaId_modal-subscribe"></div> 31856 </div> 31857 <div class="subscribe-modal__actions d-flex mt_16"> 31858 <button class="btn-action btn-action--light-blue" type="button" data-dismiss="modal" aria-label="Close">Cancel</button> 31859 <button class="btn-action btn-action--blue " type="submit">Subscribe</button> 31860 </div> 31861 31862 <div class="js-success-subscribe my-4" style="display: none"> 31863 <h6>Thanks for subscribing!</h6> 31864 </div> 31865 </form> 31866 </div> 31867 </div> 31868</div> 31869 <div class="modal fade" tabindex="-1" role="dialog" id="exitPopupModal" aria-hidden="true"> 31870 <div class="modal-dialog modal-dialog-centered"> 31871 <div class="modal-content subscribe-modal"> 31872 <div class="modal-header w-100 flex-column align-items-center p-0"> 31873 <div class="subscribe-modal__icon"> 31874 <img src="https://tinywow.com/v3/img/logout.svg"> 31875 </div> 31876 <h5 class="subscribe-modal__title modal-title">Want TinyWow Updates?</h5> 31877 <button type="button" class="subscribe-modal__close close" data-dismiss="modal" aria-label="Close"> 31878 <svg><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#cross"></use></svg> 31879 </button> 31880 </div> 31881 <div class="modal-body p-0"> 31882 <p class="subscribe-modal__descr gray"> 31883 Subscribe to our newsletter and receive all the latest TinyWow updates. No spam, ever. 31884 </p> 31885 </div> 31886 <div class="modal-footer p-0 w-100"> 31887 <form action="#" class="w-100" id="subscribeHome"> 31888 <div class="subscribe-modal__field"> 31889 <input class="form-control-field" type="email" name="email" placeholder="Your email"> 31890 </div> 31891 <div class="col-md-12 mt_15 p-0"> 31892 <input name="recaptcha_response" type="hidden"/> 31893 <div id="captchaId_exitPopupModal"></div> 31894 </div> 31895 <div class="subscribe-modal__actions d-flex mt_16"> 31896 <button class="btn-action btn-action--blue " t
31896ype="submit ">Subscribe</button> 31897 </div> 31898 31899 </form> 31900 </div> 31901 </div> 31902 </div> 31903</div> 31904 <div id="recaptchaForm" role="dialog" class="modal fade show" 31905 aria-modal="true"> 31906 <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span> 31907 <div tabindex="-1" class="modal-content"> 31908 <header class="modal-header"> 31909 <h5 class="modal-title"> 31910 Please check the reCaptcha 31911 </h5> 31912 <button type="button" aria-label="Close" class="close" data-dismiss="modal">×</button> 31913 </header> 31914 <div class="modal-body"> 31915 <div class="modal-body"> 31916 <div id="captcha"></div> 31917 </div> 31918 </div> 31919 <footer class="modal-footer"> 31920 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> 31921 </footer> 31922 </div> 31923 </div> 31924</div> 31925 31926 <!-- modal sign-in --> 31927<div class="modal modal-sign-in" id="modal-sign-in" tabindex="-1" aria-hidden="true"> 31928 <div class="modal-dialog modal-dialog-centered "> 31929 <div class="modal-content"> 31930 31931 <div class="modal-header"> 31932 <div class="modal-header_image"> 31933 <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt=""> 31934 </div> 31935 31936 <h5 class="modal-title">Sign In</h5> 31937 </div> 31938 31939 <div class="modal-body"> 31940 31941 <form action="#" novalidate id="signInForm"> 31942 <div class="row small_gutter"> 31943 31944 <div class="col-md-12 mt_15"> 31945 <a 31946 href="https://tinywow.com/login/google" 31947 class="js-social-login flex items-center justify-center w-full px-4 py-3 space-x-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors" 31948 > 31949 <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 31950 <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/> 31951 <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/> 31952 <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/> 31953 <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/> 31954 </svg> 31955 <span>Sign in with Google</span> 31956 </a> 31957 </div> 31958 31959 <div class="col-md-12 mt_15"> 31960 <label for="emailSignIn">Email</label> 31961 <input class="form-control" id="emailSignIn" type="email" 31962 maxlength="255" 31963 placeholder="[email protected]" 31964 name="email"> 31965 </div> 31966 <div class="col-md-12 mt_15"> 31967 <label>Password</label> 31968 31969 <div class="input-group"> 31970 <input class="form-control" type="password" 31971 maxlength="64" 31972 placeholder="Your Password" 31973 name="password"> 31974 <button class="btn btn-form-control js-s
31974how-passwd" type="button"> 31975 <svg class="eye-cross"><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye-cross"></use></svg> 31976 <svg class="eye hide-element" ><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye"></use></svg> 31977 </button> 31978 </div> 31979 </div> 31980 </div> 31981 31982 <div class="row small_gutter"> 31983 <div class="col-6 mt_15"> 31984 <div class="form-check"> 31985 <input class="form-check-input" type="checkbox" name="remember" value="true" id="flexCheckDefault"> 31986 <label class="form-check-label" for="flexCheckDefault">Remember me</label> 31987 </div> 31988 </div> 31989 <div class="col-6 mt_15 text-right"> 31990 <a href="#" class="btn btn-link js-show-forgot">Forgot Password?</a> 31991 </div> 31992 </div> 31993 31994 <div class="row small_gutter"> 31995 <div class="col-12 mt_30"> 31996 <button class="button js-sign-in" type="submit">Sign In</button> 31997 </div> 31998 </div> 31999 32000 <div class="row small_gutter"> 32001 <div class="col-12 mt_30"> 32002 <p class="form-note text-center">Don’t have an account yet? <a href="#" class="btn btn-link js-show-sign-up">Sign Up</a></p> 32003 </div> 32004 </div> 32005 </form> 32006 32007 </div> 32008 </div> 32009 </div> 32010</div> 32011 <!-- modal sign-up --> 32012<div class="modal modal-sign-in" id="modal-sign-up" tabindex="-1" aria-hidden="true"> 32013 <div class="modal-dialog modal-dialog-centered "> 32014 <div class="modal-content"> 32015 32016 <div class="modal-header"> 32017 <div class="modal-header_image"> 32018 <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt=""> 32019 </div> 32020 32021 <h5 class="modal-title"> 32022 Sign up — it's free 32023 </h5> 32024 </div> 32025 32026 <div class="modal-body"> 32027 32028 <form action="#" novalidate id="signUpForm"> 32029 <div class="row small_gutter"> 32030 32031 <div class="col-md-12 mt_15"> 32032 <a 32033 href="https://tinywow.com/login/google" 32034 class="js-social-login flex items-center justify-center w-full px-4 py-3 space-x-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors" 32035 > 32036 <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 32037 <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/> 32038 <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/> 32039 <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/> 32040 <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/> 32041 </svg> 32042 <span>Sign up with Google</span> 32043 </a> 32044 </div> 32045 32046 <div class="col-md-12 mt_15"> 32047 <label for="emailSignUp">Email</label> 32048 <input class="form-control" id="emailSignUp" type="email" 32049 maxlength="255" 32050 placeholder="[email protected]" 32051 name="email"> 32052 </div> 32053 <div class="col-md-12 mt_15"> 32054 <label>Create a Password</label> 32055 32056 <div class="input-group"> 32057 <input class="form-control" type="password" 32058 maxlength="64" 32059 placeholder="Your Password" 32060 name="password"> 32061 <button class="btn btn-form-control js-s
32061how-passwd" type="button"> 32062 <svg><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye-cross"></use></svg> 32063 <svg class="eye hide-element" ><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye"></use></svg> 32064 </button> 32065 </div> 32066 </div> 32067 <div class="col-md-12 mt_15"> 32068 <input name="recaptcha_response" type="hidden"/> 32069 <div id="captchaRegister"></div> 32070 </div> 32071 </div> 32072 32073 32074 32075 32076 32077 32078 32079 32080 32081 <div class="row small_gutter"> 32082 <div class="col-12 mt_30"> 32083 <button class="button js-sign-up" type="submit">Sign Up</button> 32084 </div> 32085 </div> 32086 32087 <div class="row small_gutter"> 32088 <div class="col-12 mt_30"> 32089 <p class="form-note text-center"> 32090 Already have an account? <a href="#" class="btn btn-link js-show-sign-in">Sign In</a> 32091 </p> 32092 </div> 32093 </div> 32094 </form> 32095 32096 </div> 32097 </div> 32098 </div> 32099</div> 32100 <!-- modal forgot password --> 32101<div class="modal modal-sign-in" id="modal-forgot" tabindex="-1" aria-hidden="true"> 32102 <div class="modal-dialog modal-dialog-centered "> 32103 <div class="modal-content"> 32104 32105 <div class="modal-header"> 32106 <div class="modal-header_image"> 32107 <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt=""> 32108 </div> 32109 32110 <h5 class="modal-title">Forgot Password</h5> 32111 </div> 32112 32113 <div class="modal-body"> 32114 32115 <form action="#" novalidate id="signForgotForm"> 32116 <div class="row small_gutter"> 32117 <div class="col-md-12 mt_15"> 32118 <label for="emailForgot">Email</label> 32119 <input class="form-control" id="emailForgot" type="email" 32120 maxlength="255" 32121 placeholder="[email protected]" 32122 name="email"> 32123 </div> 32124 </div> 32125 32126 <div class="row small_gutter"> 32127 <div class="col-12 mt_30"> 32128 <button class="button js-forgot" type="submit">Send</button> 32129 </div> 32130 </div> 32131 32132 <div class="row small_gutter"> 32133 <div class="col-12 mt_30"> 32134 <p class="form-note text-center">Already have an account? <a href="#" class="btn btn-link js-show-sign-in">Sign In</a></p> 32135 </div> 32136 </div> 32137 </form> 32138 32139 </div> 32140 </div> 32141 </div> 32142</div> 32143 32144 32145 <!-- modal sign-in --> 32146<div class="modal modal-contact-us" id="modal-subscribe-3ds" tabindex="-1" aria-hidden="true"> 32147 <div class="modal-dialog stripe-3ds-modal modal-dialog-centered "> 32148 <div class="modal-content"> 32149 32150 <div class="modal-header"> 32151 <h5 class="modal-title">3D Secure</h5> 32152 </div> 32153 32154 <div class="modal-body"> 32155 32156 32157 </div> 32158 </div> 32159 </div> 32160</div> 32161 <div 32162 id="modal-thanks-signing" 32163 class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 " 32164 tabindex="-1"> 32165 <div class="flex min-h-full items-center justify-center"> 32166 <div class="js-tailwind-modal-inside"> 32167 <div class="fixed inset-0 pointer-events-none z-50"> 32168 <div class="absolute top-1/2 left-1/2" 32169 style="background-color: rgb(68, 138, 255); width: 7.97063px; height: 7.97063px; border-radius: 2px; opacity: 0; transform: translateX(360.919px) translateY(260.438px) rotate(38.292deg);"></div> 32170 <div class="absolute top-1/2 left-1/2" 32171 style="background-color: rgb(255, 128, 171); width: 10.2722px; height: 10.2722px; border-radius: 50%; opacity: 0; transform: translateX(-556.151px) translateY(57.93px) rotate(340.007deg);"></div> 32172 <div class="absolute top-1/2 left-1/2" 32173 style="background-color: rgb(255, 215, 64); width: 6.85271px; height: 6.85271px; border-radius: 2px; opacity: 0; transform: translateX(-96.0101px) translateY(-231.471px) rotate(135.493deg);"></div> 32174 <div class="absolute top-1/2 left-1/2" 32175 style="background-color: rgb(255, 128, 171); width: 8.3147px; height: 8.3147px; border-radius: 2px; opacity: 0; transform: translateX(-453.815px) translateY(245.264px) rotate(6.99906deg);"></div> 32176 <div class="absolute top-1/2 left-1/2" 32177 style="background-color: rgb(255, 82, 82); width: 8.0659px; height: 8.0659px; border-radius: 2px; opacity: 0; transform: translateX(540.387px) translateY(237.888px) rotate(110.881deg);"></div> 32178 <div class="absolute top-1/2 left-1/2" 32179 style="background-color: rgb(255, 215, 64); width: 8.50295px; height: 8.50295px; border-radius: 2px; opacity: 0; transform: translateX(193.966px) translateY(-170.63px) rotate(44.0806deg);"></div> 32180 <div class="absolute top-1/2 left-1/2" 32181 style="background-color: rgb(255, 82, 82); width: 5.44552px; height: 5.44552px; border-radius: 2px; opacity: 0; transform: translateX(-221.998px) translateY(181.484px) rotate(32.893deg);"></div> 32182 <div class="absolute top-1/2 left-1/2" 32183 style="background-color: rgb(179, 136, 255); width: 14.7051px; height: 14.7051px; border-radius: 50%; opacity: 0; transform: translateX(230.187px) translateY(138.03px) rotate(79.4372deg);"></div> 32184 <div class="absolute top-1/2 left-1/2" 32185 style="background-color: rgb(68, 138, 255); width: 12.526px; height: 12.526px; border-radius: 2px; opacity: 0; transform: translateX(271.7px) translateY(68.002px) rotate(239.55deg);"></div> 32186 <div class="absolute top-1/2 left-1/2" 32187 style="background-color: rgb(255, 82, 82); width: 14.6994px; height: 14.6994px; border-radius: 50%; opacity: 0; transform: translateX(205.026px) translateY(232px) rotate(81.061deg);"></div> 32188 <div class="absolute top-1/2 left-1/2" 32189 style="background-color: rgb(68, 138, 255); width: 7.49955px; height: 7.49955px; border-radius: 2px; opacity: 0; transform: translateX(259.064px) translateY(17.3951px) rotate(179.418deg);"></div> 32190 <div class="absolute top-1/2 left-1/2" 32191 style="background-color: rgb(68, 138, 255); width: 5.30608px; height: 5.30608px; border-radius: 2px; opacity: 0; transform: translateX(158.531px) translateY(-23.7879px) rotate(164.852deg);"></div> 32192 <div class="absolute top-1/2 left-1/2" 32193 style="background-color: rgb(68, 138, 255); width: 8.69966px; height: 8.69966px; border-radius: 2px; opacity: 0; transform: translateX(93.199px) translateY(149.757px) rotate(56.5095deg);"></div> 32194 <div class="absolute top-1/2 left-1/2" 32195 style="background-color: rgb(255, 215, 64); width: 13.1272px; height: 13.1272px; border-radius: 50%; opacity: 0; transform: translateX(565.664px) translateY(-231.798px) rotate(47.5934deg);"></div> 32196 <div class="absolute top-1/2 left-1/2" 32197 style="background-color: rgb(68, 138, 255); width: 8.10147px; height: 8.10147px; border-radius: 50%; opacity: 0; transform: translateX(-226.713px) translateY(-117.456px) rotate(303.881deg);"></div> 32198 <div class="absolute top-1/2 left-1/2" 32199 style="background-color: rgb(255, 215, 64); width: 8.8959px; height: 8.8959px; border-radius: 2px; opacity: 0; transform: translateX(-163.956px) translateY(-231.887px) rotate(36.4543deg);"></div> 32200 <div class="absolute top-1/2 left-1/2" 32201 style="background-color: rgb(179, 136, 255); width: 9.62511px; height: 9.62511px; border-radius: 50%; opacity: 0; transform: translateX(-178.56px) translateY(-221.271px) rotate(226.737deg);"></div> 32202 <div class="absolute top-1/2 left-1/2" 32203 style="background-color: rgb(255, 82, 82); width: 9.03184px; height: 9.03184px; border-radius: 2px; opacity: 0; transform: translateX(434.552px) translateY(-17.5208px) rotate(1.2277deg);"></div> 32204 <div class="absolute top-1/2 left-1/2" 32205 style="background-color: rgb(255, 215, 64); width: 9.03386px; height: 9.03386px; border-radius: 2px; opacity: 0; transform: translateX(58.0225px) translateY(-244.679px) rotate(101.364deg);"></div> 32206 <div class="absolute top-1/2 left-1/2" 32207 style="background-color: rgb(179, 136, 255); width: 14.1881px; height: 14.1881px; border-radius: 2px; opacity: 0; transform: translateX(-326.922px) translateY(-84.0984px) rotate(305.948deg);"></div> 32208 <div class="absolute top-1/2 left-1/2" 32209 style="background-color: rgb(255, 82, 82); width: 12.5354px; height: 12.5354px; border-radius: 50%; opacity: 0; transform: translateX(-33.5376px) translateY(271.306px) rotate(243.899deg);"></div> 32210 <div class="absolute top-1/2 left-1/2" 32211 style="background-color: rgb(255, 128, 171); width: 14.0057px; height: 14.0057px; border-radius: 50%; opacity: 0; transform: translateX(350.279px) translateY(-259.909px) rotate(162.271deg);"></div> 32212 <div class="absolute top-1/2 left-1/2" 32213 style="background-color: rgb(255, 215, 64); width: 10.8855px; height: 10.8855px; border-radius: 2px; opacity: 0; transform: translateX(-29.5541px) translateY(91.6292px) rotate(346.299deg);"></div> 32214 <div class="absolute top-1/2 left-1/2" 32215 style="background-color: rgb(255, 128, 171); width: 5.37489px; height: 5.37489px; border-radius: 50%; opacity: 0; transform: translateX(-453.236px) translateY(-237.327px) rotate(22.1712deg);"></div> 32216 <div class="absolute top-1/2 left-1/2" 32217 style="background-color: rgb(255, 215, 64); width: 11.6623px; height: 11.6623px; border-radius: 2px; opacity: 0; transform: translateX(454.661px) translateY(-254.244px) rotate(155.96deg);"></div> 32218 <div class="absolute top-1/2 left-1/2" 32219 style="background-color: rgb(179, 136, 255); width: 14.7445px; height: 14.7445px; border-radius: 2px; opacity: 0; transform: translateX(266.384px) translateY(13.1033px) rotate(123.209deg);"></div> 32220 <div class="absolute top-1/2 left-1/2" 32221 style="background-color: rgb(100, 255, 218); width: 10.3408px; height: 10.3408px; border-radius: 50%; opacity: 0; transform: translateX(-52.2248px) translateY(-40.6974px) rotate(291.951deg);"></div> 32222 <div class="absolute top-1/2 left-1/2" 32223 style="background-color: rgb(255, 82, 82); width: 6.27401px; height: 6.27401px; border-radius: 2px; opacity: 0;
32223 transform: translateX(-108.242px) translateY(71.177px) rotate(260.191deg);"></div> 32224 <div class="absolute top-1/2 left-1/2" 32225 style="background-color: rgb(179, 136, 255); width: 14.5047px; height: 14.5047px; border-radius: 50%; opacity: 0; transform: translateX(-555.461px) translateY(-118.693px) rotate(69.6486deg);"></div> 32226 <div class="absolute top-1/2 left-1/2" 32227 style="background-color: rgb(100, 255, 218); width: 13.9099px; height: 13.9099px; border-radius: 50%; opacity: 0; transform: translateX(388.439px) translateY(-267.754px) rotate(22.0562deg);"></div> 32228 <div class="absolute top-1/2 left-1/2" 32229 style="background-color: rgb(255, 215, 64); width: 10.3242px; height: 10.3242px; border-radius: 2px; opacity: 0; transform: translateX(544.967px) translateY(-62.9985px) rotate(262.697deg);"></div> 32230 <div class="absolute top-1/2 left-1/2" 32231 style="background-color: rgb(255, 82, 82); width: 11.8257px; height: 11.8257px; border-radius: 2px; opacity: 0; transform: translateX(-513.535px) translateY(32.1971px) rotate(211.282deg);"></div> 32232 <div class="absolute top-1/2 left-1/2" 32233 style="background-color: rgb(255, 82, 82); width: 12.833px; height: 12.833px; border-radius: 2px; opacity: 0; transform: translateX(422.453px) translateY(-174.106px) rotate(101.095deg);"></div> 32234 <div class="absolute top-1/2 left-1/2" 32235 style="background-color: rgb(100, 255, 218); width: 8.78408px; height: 8.78408px; border-radius: 50%; opacity: 0; transform: translateX(-404.527px) translateY(-47.3441px) rotate(74.2958deg);"></div> 32236 <div class="absolute top-1/2 left-1/2" 32237 style="background-color: rgb(179, 136, 255); width: 6.14936px; height: 6.14936px; border-radius: 2px; opacity: 0; transform: translateX(122.919px) translateY(171.847px) rotate(228.559deg);"></div> 32238 <div class="absolute top-1/2 left-1/2" 32239 style="background-color: rgb(255, 82, 82); width: 9.97373px; height: 9.97373px; border-radius: 2px; opacity: 0; transform: translateX(116.175px) translateY(-158.793px) rotate(253.101deg);"></div> 32240 <div class="absolute top-1/2 left-1/2" 32241 style="background-color: rgb(100, 255, 218); width: 10.9728px; height: 10.9728px; border-radius: 2px; opacity: 0; transform: translateX(426.508px) translateY(-128.192px) rotate(188.716deg);"></div> 32242 <div class="absolute top-1/2 left-1/2" 32243 style="background-color: rgb(179, 136, 255); width: 14.7167px; height: 14.7167px; border-radius: 50%; opacity: 0; transform: translateX(-116.345px) translateY(-199.77px) rotate(62.6803deg);"></div> 32244 <div class="absolute top-1/2 left-1/2" 32245 style="background-color: rgb(68, 138, 255); width: 8.32046px; height: 8.32046px; border-radius: 50%; opacity: 0; transform: translateX(-238.806px) translateY(-138.509px) rotate(281.938deg);"></div> 32246 <div class="absolute top-1/2 left-1/2" 32247 style="background-color: rgb(255, 128, 171); width: 12.2463px; height: 12.2463px; border-radius: 50%; opacity: 0; transform: translateX(415.511px) translateY(-223.522px) rotate(93.5616deg);"></div> 32248 <div class="absolute top-1/2 left-1/2" 32249 style="background-color: rgb(255, 128, 171); width: 8.2878px; height: 8.2878px; border-radius: 2px; opacity: 0; transform: translateX(89.316px) translateY(167.935px) rotate(319.65deg);"></div> 32250 <div class="absolute top-1/2 left-1/2" 32251 style="background-color: rgb(255, 128, 171); width: 5.25959px; height: 5.25959px; border-radius: 2px; opacity: 0; transform: translateX(-506.135px) translateY(220.067px) rotate(320.045deg);"></div> 32252 <div class="absolute top-1/2 left-1/2" 32253 style="background-color: rgb(255, 128, 171); width: 10.1069px; height: 10.1069px; border-radius: 50%; opacity: 0; transform: translateX(350.029px) translateY(-273.7px) rotate(99.2931deg);"></div> 32254 <div class="absolute top-1/2 left-1/2" 32255 style="background-color: rgb(100, 255, 218); width: 10.9048px; height: 10.9048px; border-radius: 50%; opacity: 0; transform: translateX(560.331px) translateY(230.351px) rotate(29
322550.949deg);"></div> 32256 <div class="absolute top-1/2 left-1/2" 32257 style="background-color: rgb(255, 215, 64); width: 7.54264px; height: 7.54264px; border-radius: 50%; opacity: 0; transform: translateX(-505.153px) translateY(136.705px) rotate(318.903deg);"></div> 32258 <div class="absolute top-1/2 left-1/2" 32259 style="background-color: rgb(100, 255, 218); width: 7.15477px; height: 7.15477px; border-radius: 50%; opacity: 0; transform: translateX(-479.042px) translateY(-192.297px) rotate(320.717deg);"></div> 32260 <div class="absolute top-1/2 left-1/2" 32261 style="background-color: rgb(179, 136, 255); width: 10.2567px; height: 10.2567px; border-radius: 2px; opacity: 0; transform: translateX(-525.263px) translateY(166.764px) rotate(349.484deg);"></div> 32262 <div class="absolute top-1/2 left-1/2" 32263 style="background-color: rgb(68, 138, 255); width: 9.69604px; height: 9.69604px; border-radius: 2px; opacity: 0; transform: translateX(446.047px) translateY(285.682px) rotate(194.274deg);"></div> 32264 <div class="absolute top-1/2 left-1/2" 32265 style="background-color: rgb(255, 128, 171); width: 9.71907px; height: 9.71907px; border-radius: 50%; opacity: 0; transform: translateX(364.717px) translateY(237.629px) rotate(198.806deg);"></div> 32266 <div class="absolute top-1/2 left-1/2" 32267 style="background-color: rgb(68, 138, 255); width: 11.2667px; height: 11.2667px; border-radius: 2px; opacity: 0; transform: translateX(189.691px) translateY(38.6649px) rotate(113.113deg);"></div> 32268 <div class="absolute top-1/2 left-1/2" 32269 style="background-color: rgb(255, 128, 171); width: 5.73463px; height: 5.73463px; border-radius: 50%; opacity: 0; transform: translateX(-491.021px) translateY(-19.5085px) rotate(26.9981deg);"></div> 32270 <div class="absolute top-1/2 left-1/2" 32271 style="background-color: rgb(255, 215, 64); width: 5.2977px; height: 5.2977px; border-radius: 50%; opacity: 0; transform: translateX(-515.569px) translateY(264.747px) rotate(255.775deg);"></div> 32272 <div class="absolute top-1/2 left-1/2" 32273 style="background-color: rgb(100, 255, 218); width: 12.2953px; height: 12.2953px; border-radius: 2px; opacity: 0; transform: translateX(320.467px) translateY(-221.297px) rotate(323.117deg);"></div> 32274 <div class="absolute top-1/2 left-1/2" 32275 style="background-color: rgb(255, 215, 64); width: 9.56629px; height: 9.56629px; border-radius: 2px; opacity: 0; transform: translateX(-522.266px) translateY(14.8327px) rotate(208.561deg);"></div> 32276 <div class="absolute top-1/2 left-1/2" 32277 style="background-color: rgb(100, 255, 218); width: 13.9608px; height: 13.9608px; border-radius: 2px; opacity: 0; transform: translateX(261.335px) translateY(129.892px) rotate(75.5263deg);"></div> 32278 <div class="absolute top-1/2 left-1/2" 32279 style="background-color: rgb(255, 128, 171); width: 14.6094px; height: 14.6094px; border-radius: 50%; opacity: 0; transform: translateX(-69.7053px) translateY(238.444px) rotate(302.602deg);"></div> 32280 <div class="absolute top-1/2 left-1/2" 32281 style="background-color: rgb(68, 138, 255); width: 13.0244px; height: 13.0244px; border-radius: 50%; opacity: 0; transform: translateX(-443.226px) translateY(-83.2538px) rotate(168.785deg);"></div> 32282 <div class="absolute top-1/2 left-1/2" 32283 style="background-color: rgb(255, 215, 64); width: 9.52454px; height: 9.52454px; border-radius: 2px; opacity: 0; transform: translateX(218.666px) translateY(126.502px) rotate(85.1707deg);"></div> 32284 <div class="absolute top-1/2 left-1/2" 32285 style="background-color: rgb(68, 138, 255); width: 8.80768px; height: 8.80768px; border-radius: 2px; opacity: 0; transform: translateX(153.514px) translateY(-186.121px) rotate(301.211deg);"></div> 32286 <div class="absolute top-1/2 left-1/2" 32287 style="background-color: rgb(255, 82, 82); width: 14.135px; height: 14.135px; border-radius: 2px; opacity: 0; transform: translateX(-353.814px) translateY(-124.799px) rotate(170.599deg);"></div> 32288 </div> 32289 32290 <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full overflow-hidden" style="opacity: 1; transform: none;"> 32291 <div class="flex justify-between items-center p-4 border-b"> 32292 <h3 class="font-bold text-lg">Thanks for Signing Up</h3> 32293 <button class="text-gray-500 hover:text-gray-700 close"> 32294 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32295 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"> 32296 <path d="M18 6 6 18"></path> 32297 <path d="m6 6 12 12"></path> 32298 </svg> 32299 </button> 32300 </div> 32301 <div class="p-6"> 32302 <div class="flex justify-center mb-6"> 32303 <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center"> 32304 <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center"> 32305 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32306 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white"> 32307 <path d="M20 6 9 17l-5-5"></path> 32308 </svg> 32309 </div> 32310 </div> 32311 </div> 32312 <h2 class="text-xl font-bold text-center mb-2">Welcome to TinyWow!</h2> 32313 <p class="text-gray-600 dark:text-gray-300 text-center mb-6">You now have access to all our free tools to make your work simpler.</p> 32314 <div class="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-4 mb-6"><p class="font-medium mb-2">Upgrade to Premium for:</p> 32315 <ul class="space-y-1"> 32316 <li class="flex items-center gap-2"> 32317 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
32317ox="0 0 24 24" fill="none" stroke="currentColor" 32318 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 32319 <path d="M20 6 9 17l-5-5"></path> 32320 </svg> 32321 <span>No advertisements</span></li> 32322 <li class="flex items-center gap-2"> 32323 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32324 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 32325 <path d="M20 6 9 17l-5-5"></path> 32326 </svg> 32327 <span>Skip all CAPTCHAs</span></li> 32328 <li class="flex items-center gap-2"> 32329 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32330 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 32331 <path d="M20 6 9 17l-5-5"></path> 32332 </svg> 32333 <span>Priority processing for faster results</span></li> 32334 </ul> 32335 </div> 32336 <div class="grid grid-cols-2 gap-4 mb-6"> 32337 <div class="border border-blue-500 bg-blue-50 dark:bg-blue-900/20 shadow-md rounded-lg p-3 text-center 32338 js-switcher-subscribe-plan__modal is-active" 32339 data-period-subscription-id="4" 32340 data-price="5.99" 32341 data-type-subscription="1"> 32342 <p class="font-medium">Monthly</p> 32343 <p class="text-xl font-bold">$5.99</p> 32344 <p class="text-sm text-gray-500">per month</p> 32345 </div> 32346 32347 <div class="border rounded-lg p-3 text-center relative hover:border-blue-500 hover:shadow-md transition-all cursor-pointer 32348 js-switcher-subscribe-plan__modal " 32349 data-period-subscription-id="3" 32350 data-price="49.99" 32351 data-type-subscription="2"> 32352 <div class="absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-full">Best Value</div> 32353 <p class="font-medium">Yearly</p> 32354 <p class="text-xl font-bold">$4.17</p> 32355 <p class="text-sm text-gray-500">per month</p> 32356 </div> 32357 </div> 32358 </div> 32359 <div class="p-4 bg-gray-50 dark:bg-gray-700/50 flex flex-col sm:flex-row gap-3"> 32360 <button 32361 class="close inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 flex-1"> 32362 Continue with Free 32363 </button> 32364 <button 32365 class="js-subscribe-btns inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white flex-1"> 32366 Upgrade Now 32367 </button> 32368 </div> 32369 </div> 32370 </div> 32371 </div> 32372</div> 32373 32374 <div 32375 id="modal-upgrade-subscription" 32376 class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 " 32377 tabindex="-1"> 32378 <div class="flex min-h-full items-center justify-center"> 32379 <div class="js-tailwind-modal-inside"> 32380 <div class="fixed inset-0 pointer-events-none z-50"> 32381 <div class="absolute top-1/2 left-1/2" 32382 style="background-color: rgb(68, 138, 255); width: 7.97063px; height: 7.97063px; border-radius: 2px; opacity: 0; transform: translateX(360.919px) translateY(260.438px) rotate(38.292deg);"></div> 32383 <div class="absolute top-1/2 left-1/2" 32384 style="background-color: rgb(255, 128, 171); width: 10.2722px; height: 10.2722px; border-radius: 50%; opacity: 0; transform: translateX(-556.151px) translateY(57.93px) rotate(340.007deg);"></div> 32385 <div class="absolute top-1/2 left-1/2" 32386 style="background-color: rgb(255, 215, 64); width: 6.85271px; height: 6.85271px; border-radius: 2px; opacity: 0; transform: translateX(-96.0101px) translateY(-231.471px) rotate(135.493deg);"></div> 32387 <div class="absolute top-1/2 left-1/2" 32388 style="background-color: rgb(255, 128, 171); width: 8.3147px; height: 8.3147px; border-radius: 2px; opacity: 0; transform: translateX(-453.815px) translateY(245.264px) rotate(6.99906deg);"></div> 32389 <div class="absolute top-1/2 left-1/2" 32390 style="background-color: rgb(255, 82, 82); width: 8.0659px; height: 8.0659px; border-radius: 2px; opacity: 0; transform: translateX(540.387px) translateY(237.888px) rotate(110.881deg);"></div> 32391 <div class="absolute top-1/2 left-1/2" 32392 style="background-color: rgb(255, 215, 64); width: 8.50295px; height: 8.50295px; border-radius: 2px; opacity: 0; transform: translateX(193.966px) translateY(-170.63px) rotate(44.0806deg);"></div> 32393 <div class="absolute top-1/2 left-1/2" 32394 style="background-color: rgb(255, 82, 82); width: 5.44552px; height: 5.44552px; border-radius: 2px; opacity: 0; transform: translateX(-221.998px) translateY(181.484px) rotate(32.893deg);"></div> 32395 <div class="absolute top-1/2 left-1/2" 32396 style="background-color: rgb(179, 136, 255); width: 14.7051px; height: 14.7051px; border-radius: 50%; opacity: 0; transform: translateX(230.187px) translateY(138.03px) rotate(79.4372deg);"></div> 32397 <div class="absolute top-1/2 left-1/2" 32398 style="background-color: rgb(68, 138, 255); width: 12.526px; height: 12.526px; border-radius: 2px; opacity: 0; transform: translateX(271.7px) translateY(68.002px) rotate(239.55deg);"></div> 32399 <div class="absolute top-1/2 left-1/2" 32400 style="background-color: rgb(255, 82, 82); width: 14.6994px; height: 14.6994px; border-radius: 50%; opacity: 0; transform: translateX(205.026px) translateY(232px) rotate(81.061deg);"></div> 32401 <div class="absolute top-1/2 left-1/2" 32402 style="background-color: rgb(68, 138, 255); width: 7.49955px; height: 7.49955px; border-radius: 2px; opacity: 0; transform: translateX(259.064px) translateY(17.3951px) rotate(179.418deg);"></div> 32403 <div class="absolute top-1/2 left-1/2" 32404 style="background-color: rgb(68, 138, 255); width: 5.30608px; height: 5.30608px; border-radius: 2px; opacity: 0; transform: translateX(158.531px) translateY(-23.7879px) rotate(164.852deg);"></div> 32405 <div class="absolute top-1/2 left-1/2" 32406 style="background-color: rgb(68, 138, 255); width: 8.69966px; height: 8.69966px; border-radius: 2px; opacity: 0; transform: translateX(93.199px) translateY(149.757px) rotate(56.5095deg);"></div> 32407 <div class="absolute top-1/2 left-1/2" 32408 style="background-color: rgb(255, 215, 64); width: 13.1272px; height: 13.1272px; border-radius: 50%; opacity: 0; transform: translateX(565.664px) translateY(-231.798px) rotate(47.5934deg);"></div> 32409 <div class="absolute top-1/2 left-1/2" 32410 style="background-color: rgb(68, 138, 255); width: 8.10147px; height: 8.10147px; border-radius: 50%; opacity: 0; transform: translateX(-226.713px) translateY(-117.456px) rotate(303.881deg);"></div> 32411 <div class="absolute top-1/2 left-1/2" 32412 style="background-color: rgb(255, 215, 64); width: 8.8959px; height: 8.8959px; border-radius: 2px; opacity: 0; transform: translateX(-163.956px) translateY(-231.887px) rotate(36.4543deg);"></div> 32413 <div class="absolute top-1/2 left-1/2" 32414 style="background-color: rgb(179, 136, 255); width: 9.62511px; height: 9.62511px; border-radius: 50%; opacity: 0; transform: translateX(-178.56px) translateY(-221.271px) rotate(226.737deg);"></div> 32415 <div class="absolute top-1/2 left-1/2" 32416 style="background-color: rgb(255, 82, 82); width: 9.03184px; height: 9.03184px; border-radius: 2px; opacity: 0; transform: translateX(434.552px) translateY(-17.5208px) rotate(1.2277deg);"></div> 32417 <div class="absolute top-1/2 left-1/2" 32418 style="background-color: rgb(255, 215, 64); width: 9.03386px; height: 9.03386px; border-radius: 2px; opacity: 0; transform: translateX(58.0225px) translateY(-244.679px) rotate(101.364deg);"></div> 32419 <div class="absolute top-1/2 left-1/2" 32420 style="background-color: rgb(179, 136, 255); width: 14.1881px; height: 14.1881px; border-radius: 2px; opacity: 0; transform: translateX(-326.922px) translateY(-84.0984px) rotate(305.948deg);"></div> 32421 <div class="absolute top-1/2 left-1/2" 32422 style="background-color: rgb(255, 82, 82); width: 12.5354px; height: 12.5354px; border-radius: 50%; opacity: 0; transform: translateX(-33.5376px) translateY(271.306px) rotate(243.899deg);"></div> 32423 <div class="absolute top-1/2 left-1/2" 32424 style="background-color: rgb(255, 128, 171); width: 14.0057px; height: 14.0057px; border-radius: 50%; opacity: 0; transform: translateX(350.279px) translateY(-259.909px) rotate(162.271deg);"></div> 32425 <div class="absolute top-1/2 left-1/2" 32426 style="background-color: rgb(255, 215, 64); width: 10.8855px; height: 10.8855px; border-radius: 2px; opacity: 0; transform: translateX(-29.5541px) translateY(91.6292px) rotate(346.299deg);"></div> 32427 <div class="absolute top-1/2 left-1/2" 32428 style="background-color: rgb(255, 128, 171); width: 5.37489px; height: 5.37489px; border-radius: 50%; opacity: 0; transform: translateX(-453.236px) translateY(-237.327px) rotate(22.1712deg);"></div> 32429 <div class="absolute top-1/2 left-1/2" 32430 style="background-color: rgb(255, 215, 64); width: 11.6623px; height: 11.6623px; border-radius: 2px; opacity: 0; transform: translateX(454.661px) translateY(-254.244px) rotate(155.96deg);"></div> 32431 <div class="absolute top-1/2 left-1/2" 32432 style="background-color: rgb(179, 136, 255); width: 14.7445px; height: 14.7445px; border-radius: 2px; opacity: 0; transform: translateX(266.384px) translateY(13.1033px) rotate(123.209deg);"></div> 32433 <div class="absolute top-1/2 left-1/2" 32434 style="background-color: rgb(100, 255, 218); width: 10.3408px; height: 10.3408px; border-radius: 50%; opacity: 0; transform: translateX(-52.2248px) translateY(-40.6974px) rotate(291.951deg);"></div> 32435 <div class="absolute top-1/2 left-1/2" 32436 style="background-color: rgb(255, 82, 82); width: 6.27401px; height: 6.27401px; border-radius: 2px; opacity: 0;
32436 transform: translateX(-108.242px) translateY(71.177px) rotate(260.191deg);"></div> 32437 <div class="absolute top-1/2 left-1/2" 32438 style="background-color: rgb(179, 136, 255); width: 14.5047px; height: 14.5047px; border-radius: 50%; opacity: 0; transform: translateX(-555.461px) translateY(-118.693px) rotate(69.6486deg);"></div> 32439 <div class="absolute top-1/2 left-1/2" 32440 style="background-color: rgb(100, 255, 218); width: 13.9099px; height: 13.9099px; border-radius: 50%; opacity: 0; transform: translateX(388.439px) translateY(-267.754px) rotate(22.0562deg);"></div> 32441 <div class="absolute top-1/2 left-1/2" 32442 style="background-color: rgb(255, 215, 64); width: 10.3242px; height: 10.3242px; border-radius: 2px; opacity: 0; transform: translateX(544.967px) translateY(-62.9985px) rotate(262.697deg);"></div> 32443 <div class="absolute top-1/2 left-1/2" 32444 style="background-color: rgb(255, 82, 82); width: 11.8257px; height: 11.8257px; border-radius: 2px; opacity: 0; transform: translateX(-513.535px) translateY(32.1971px) rotate(211.282deg);"></div> 32445 <div class="absolute top-1/2 left-1/2" 32446 style="background-color: rgb(255, 82, 82); width: 12.833px; height: 12.833px; border-radius: 2px; opacity: 0; transform: translateX(422.453px) translateY(-174.106px) rotate(101.095deg);"></div> 32447 <div class="absolute top-1/2 left-1/2" 32448 style="background-color: rgb(100, 255, 218); width: 8.78408px; height: 8.78408px; border-radius: 50%; opacity: 0; transform: translateX(-404.527px) translateY(-47.3441px) rotate(74.2958deg);"></div> 32449 <div class="absolute top-1/2 left-1/2" 32450 style="background-color: rgb(179, 136, 255); width: 6.14936px; height: 6.14936px; border-radius: 2px; opacity: 0; transform: translateX(122.919px) translateY(171.847px) rotate(228.559deg);"></div> 32451 <div class="absolute top-1/2 left-1/2" 32452 style="background-color: rgb(255, 82, 82); width: 9.97373px; height: 9.97373px; border-radius: 2px; opacity: 0; transform: translateX(116.175px) translateY(-158.793px) rotate(253.101deg);"></div> 32453 <div class="absolute top-1/2 left-1/2" 32454 style="background-color: rgb(100, 255, 218); width: 10.9728px; height: 10.9728px; border-radius: 2px; opacity: 0; transform: translateX(426.508px) translateY(-128.192px) rotate(188.716deg);"></div> 32455 <div class="absolute top-1/2 left-1/2" 32456 style="background-color: rgb(179, 136, 255); width: 14.7167px; height: 14.7167px; border-radius: 50%; opacity: 0; transform: translateX(-116.345px) translateY(-199.77px) rotate(62.6803deg);"></div> 32457 <div class="absolute top-1/2 left-1/2" 32458 style="background-color: rgb(68, 138, 255); width: 8.32046px; height: 8.32046px; border-radius: 50%; opacity: 0; transform: translateX(-238.806px) translateY(-138.509px) rotate(281.938deg);"></div> 32459 <div class="absolute top-1/2 left-1/2" 32460 style="background-color: rgb(255, 128, 171); width: 12.2463px; height: 12.2463px; border-radius: 50%; opacity: 0; transform: translateX(415.511px) translateY(-223.522px) rotate(93.5616deg);"></div> 32461 <div class="absolute top-1/2 left-1/2" 32462 style="background-color: rgb(255, 128, 171); width: 8.2878px; height: 8.2878px; border-radius: 2px; opacity: 0; transform: translateX(89.316px) translateY(167.935px) rotate(319.65deg);"></div> 32463 <div class="absolute top-1/2 left-1/2" 32464 style="background-color: rgb(255, 128, 171); width: 5.25959px; height: 5.25959px; border-radius: 2px; opacity: 0; transform: translateX(-506.135px) translateY(220.067px) rotate(320.045deg);"></div> 32465 <div class="absolute top-1/2 left-1/2" 32466 style="background-color: rgb(255, 128, 171); width: 10.1069px; height: 10.1069px; border-radius: 50%; opacity: 0; transform: translateX(350.029px) translateY(-273.7px) rotate(99.2931deg);"></div> 32467 <div class="absolute top-1/2 left-1/2" 32468 style="background-color: rgb(100, 255, 218); width: 10.9048px; height: 10.9048px; border-radius: 50%; opacity: 0; transform: translateX(560.331px) translateY(230.351px) rotate(29
324680.949deg);"></div> 32469 <div class="absolute top-1/2 left-1/2" 32470 style="background-color: rgb(255, 215, 64); width: 7.54264px; height: 7.54264px; border-radius: 50%; opacity: 0; transform: translateX(-505.153px) translateY(136.705px) rotate(318.903deg);"></div> 32471 <div class="absolute top-1/2 left-1/2" 32472 style="background-color: rgb(100, 255, 218); width: 7.15477px; height: 7.15477px; border-radius: 50%; opacity: 0; transform: translateX(-479.042px) translateY(-192.297px) rotate(320.717deg);"></div> 32473 <div class="absolute top-1/2 left-1/2" 32474 style="background-color: rgb(179, 136, 255); width: 10.2567px; height: 10.2567px; border-radius: 2px; opacity: 0; transform: translateX(-525.263px) translateY(166.764px) rotate(349.484deg);"></div> 32475 <div class="absolute top-1/2 left-1/2" 32476 style="background-color: rgb(68, 138, 255); width: 9.69604px; height: 9.69604px; border-radius: 2px; opacity: 0; transform: translateX(446.047px) translateY(285.682px) rotate(194.274deg);"></div> 32477 <div class="absolute top-1/2 left-1/2" 32478 style="background-color: rgb(255, 128, 171); width: 9.71907px; height: 9.71907px; border-radius: 50%; opacity: 0; transform: translateX(364.717px) translateY(237.629px) rotate(198.806deg);"></div> 32479 <div class="absolute top-1/2 left-1/2" 32480 style="background-color: rgb(68, 138, 255); width: 11.2667px; height: 11.2667px; border-radius: 2px; opacity: 0; transform: translateX(189.691px) translateY(38.6649px) rotate(113.113deg);"></div> 32481 <div class="absolute top-1/2 left-1/2" 32482 style="background-color: rgb(255, 128, 171); width: 5.73463px; height: 5.73463px; border-radius: 50%; opacity: 0; transform: translateX(-491.021px) translateY(-19.5085px) rotate(26.9981deg);"></div> 32483 <div class="absolute top-1/2 left-1/2" 32484 style="background-color: rgb(255, 215, 64); width: 5.2977px; height: 5.2977px; border-radius: 50%; opacity: 0; transform: translateX(-515.569px) translateY(264.747px) rotate(255.775deg);"></div> 32485 <div class="absolute top-1/2 left-1/2" 32486 style="background-color: rgb(100, 255, 218); width: 12.2953px; height: 12.2953px; border-radius: 2px; opacity: 0; transform: translateX(320.467px) translateY(-221.297px) rotate(323.117deg);"></div> 32487 <div class="absolute top-1/2 left-1/2" 32488 style="background-color: rgb(255, 215, 64); width: 9.56629px; height: 9.56629px; border-radius: 2px; opacity: 0; transform: translateX(-522.266px) translateY(14.8327px) rotate(208.561deg);"></div> 32489 <div class="absolute top-1/2 left-1/2" 32490 style="background-color: rgb(100, 255, 218); width: 13.9608px; height: 13.9608px; border-radius: 2px; opacity: 0; transform: translateX(261.335px) translateY(129.892px) rotate(75.5263deg);"></div> 32491 <div class="absolute top-1/2 left-1/2" 32492 style="background-color: rgb(255, 128, 171); width: 14.6094px; height: 14.6094px; border-radius: 50%; opacity: 0; transform: translateX(-69.7053px) translateY(238.444px) rotate(302.602deg);"></div> 32493 <div class="absolute top-1/2 left-1/2" 32494 style="background-color: rgb(68, 138, 255); width: 13.0244px; height: 13.0244px; border-radius: 50%; opacity: 0; transform: translateX(-443.226px) translateY(-83.2538px) rotate(168.785deg);"></div> 32495 <div class="absolute top-1/2 left-1/2" 32496 style="background-color: rgb(255, 215, 64); width: 9.52454px; height: 9.52454px; border-radius: 2px; opacity: 0; transform: translateX(218.666px) translateY(126.502px) rotate(85.1707deg);"></div> 32497 <div class="absolute top-1/2 left-1/2" 32498 style="background-color: rgb(68, 138, 255); width: 8.80768px; height: 8.80768px; border-radius: 2px; opacity: 0; transform: translateX(153.514px) translateY(-186.121px) rotate(301.211deg);"></div> 32499 <div class="absolute top-1/2 left-1/2" 32500 style="background-color: rgb(255, 82, 82); width: 14.135px; height: 14.135px; border-radius: 2px; opacity: 0; transform: translateX(-353.814px) translateY(-124.799px) rotate(170.599deg);"></div> 32501 </div> 32502 32503 <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full overflow-hidden" style="opacity: 1; transform: none;"> 32504 <div class="flex justify-between items-center p-4 border-b"> 32505 <h3 class="font-bold text-lg">Try for free</h3> 32506 <button class="text-gray-500 hover:text-gray-700 close"> 32507 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32508 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"> 32509 <path d="M18 6 6 18"></path> 32510 <path d="m6 6 12 12"></path> 32511 </svg> 32512 </button> 32513 </div> 32514 <div class="p-6"> 32515 <div class="flex justify-center mb-6"> 32516 <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center"> 32517 <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center"> 32518 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32519 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white"> 32520 <path d="M20 6 9 17l-5-5"></path> 32521 </svg> 32522 </div> 32523 </div> 32524 </div> 32525 <h2 class="text-xl font-bold text-center mb-2">Welcome to TinyWow!</h2> 32526 <p class="text-gray-600 dark:text-gray-300 text-center mb-6">You now have access to all our free tools to make your work simpler.</p> 32527 32528 <div class="bg-yellow-100 border border-yellow-200 rounded-lg p-4"> 32529 <h3 class="text-xl font-bold text-center mb-2">7-Day FREE Trial</h3> 32530 <p class="text-gray-600 text-center">Try Premium features risk-free for 7 days!</p> 32531 </div> 32532 32533 <div class="p-4 mb-4"> 32534 <ul class="space-y-1"> 32535 <li class="flex items-center gap-2"> 32536 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
32536ox="0 0 24 24" fill="none" stroke="currentColor" 32537 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 32538 <path d="M20 6 9 17l-5-5"></path> 32539 </svg> 32540 <span>Access to 250+ PDF, video, image, file, and AI tools </span></li> 32541 <li class="flex items-center gap-2"> 32542 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32543 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 32544 <path d="M20 6 9 17l-5-5"></path> 32545 </svg> 32546 <span>No generation or upload limits</span></li> 32547 32548 <li class="flex items-center gap-2"> 32549 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32550 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 32551 <path d="M20 6 9 17l-5-5"></path> 32552 </svg> 32553 <span>Ad-free and captcha-free</span></li> 32554 <li class="flex items-center gap-2"> 32555 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32556 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 32557 <path d="M20 6 9 17l-5-5"></path> 32558 </svg> 32559 <span>Priority processing for faster results</span></li> 32560 </ul> 32561 </div> 32562 <div class="grid grid-cols-2 gap-4"> 32563 <div class="border border-blue-500 bg-blue-50 dark:bg-blue-900/20 shadow-md rounded-lg p-3 text-center 32564 js-switcher-subscribe-plan__modal is-active" 32565 data-period-subscription-id="15" 32566 data-price="15" 32567 data-type-subscription="1"> 32568 <p class="font-medium">Monthly</p> 32569 <p class="text-xl font-bold">$15</p> 32570 <p class="text-sm text-gray-500">per month</p> 32571 </div> 32572 32573 <div class="border rounded-lg p-3 text-center relative hover:border-blue-500 hover:shadow-md transition-all cursor-pointer 32574 js-switcher-subscribe-plan__modal" 32575 data-period-subscription-id="16" 32576 data-price="125" 32577 data-type-subscription="2"> 32578 <div class="absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-full">Best Value</div> 32579 <p class="font-medium">Yearly</p> 32580 <p class="text-xl font-bold">$10.42</p> 32581 <p class="text-sm text-gray-500">per month</p> 32582 </div> 32583 </div> 32584 </div> 32585 32586 <div class="p-4 flex flex-col gap-3"> 32587 <button 32588 class="js-subscribe-btns inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-12 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white w-full"> 32589 Start 7-Day Free Trial 32590 </button> 32591 <button 32592 class="close inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-12 px-4 py-2 text-gray-900 hover:text-gray-950 w-full"> 32593 Continue with Free 32594 </button> 32595 </div> 32596 32597 </div> 32598 </div> 32599 </div> 32600</div> 32601 32602 <div 32603 id="modal-limit-reached" 32604 class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 " 32605 tabindex="-1"> 32606 <div class="flex min-h-full items-center justify-center"> 32607 <div class="js-tailwind-modal-inside"> 32608 <div class="relative w-full max-w-[600px] overflow-hidden rounded-lg bg-background text-left align-middle shadow-xl"> 32609 <div class="flex flex-col space-y-1.5 text-center sm:text-left md:p-8 p-6"> 32610 <h2 id="radix-:r1:" class="tracking-tight text-2xl font-bold text-center">Upgrade to Unlimited</h2> 32611 <p class="text-center mt-2 text-gray-500">
32612 <span class="hidden" id="limit-reached-subtitle-used-credits">You've used all your daily free credits.</span> 32613 <span class="js-limit-reached-subtitle" id="limit-reached-subtitle-1">Start your free trial to unlock unlimited access to 250+ productivity tools!</span> 32614 <span class="js-limit-reached-subtitle" id="limit-reached-subtitle-2">Choose a plan to unlock unlimited generations with advanced AI models and more!</span> 32615 </p> 32616 </div> 32617 <div class="md:p-8 p-6 pt-0 md:pt-0"> 32618 <div class="grid grid-cols-1fr-1fr gap-3"> 32619 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 32620 <i data-lucide="bot" class="w-6 h-6 text-green_tw-500"></i> 32621 <div class="flex flex-col text-base"> 32622 <div class="text-center text-lg font-semibold">AI</div> 32623 <div class="text-gray-600 font-normal text-sm text-center">Generate AI text and images</div> 32624 </div> 32625 </div> 32626 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 32627 <i data-lucide="file-text" class="w-6 h-6 text-green_tw-500"></i> 32628 <div class="flex flex-col text-base"> 32629 <div class="text-center text-lg font-semibold">PDF</div> 32630 <div class="text-gray-600 font-normal text-sm text-center">Edit, merge, and split PDFs</div> 32631 </div> 32632 </div> 32633 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 32634 <i data-lucide="image" class="w-6 h-6 text-green_tw-500"></i> 32635 <div class="flex flex-col text-base"> 32636 <div class="text-center text-lg font-semibold">Image</div> 32637 <div class="text-gray-600 font-normal text-sm text-center">Edit, convert, and cleanup images</div> 32638 </div> 32639 </div> 32640 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 32641 <i data-lucide="video" class="w-6 h-6 text-green_tw-500"></i> 32642 <div class="flex flex-col text-base"> 32643 <div class="text-center text-lg font-semibold">Video</div> 32644 <div class="text-gray-600 font-normal text-sm text-center">Edit, download, and convert videos</div> 32645 </div> 32646 </div> 32647 </div> 32648 32649 <div class="text-center mt-6 mb-6 text-sm font-semibold">+ 250+ more tools</div> 32650 32651 <div class="grid grid-cols-1 gap-2 mb-6"> 32652 <div class="js-switcher-subscribe-plan__modal-unlimited border-2 rounded-lg p-4 cursor-pointer transition-all relative 32653 border-gray-200 hover:border-blue-400 hover:bg-blue-50/50 32654 " 32655 data-subscription-id="16" 32656 > 32657 <div class="flex justify-between items-center"> 32658 <div class="inline-flex items-baseline"> 32659 <h3 class="font-semibold text-gray-900 group-hover:text-indigo-600">Annual </h3>
32660 <span class="ml-2 px-2 py-0.5 text-xs font-semibold rounded-full bg-green-100 text-green-600 border border-green-600"> 32661 Save 30% 32662 </span> 32663 </div> 32664 <div class="text-right"> 32665 <span class=" text-gray-700 ">$</span><span class=" text-lg font-semibold ">10.42</span><span class="text-gray-700">/mo</span> </div> 32666 </div> 32667 </div> 32668 <div class="js-switcher-subscribe-plan__modal-unlimited border-2 rounded-lg p-4 cursor-pointer transition-all relative 32669 border-blue-600 bg-blue-50 is-active 32670 " 32671 data-subscription-id="15" 32672 > 32673 <div class="flex justify-between items-center"> 32674 <h3 class="font-semibold text-gray-900 group-hover:text-indigo-600">Monthly</h3> 32675 <div class="text-right"> 32676 <span class=" text-gray-700 ">$</span><span class=" text-lg font-semibold ">15</span><span class="text-gray-700">/mo</span> </div> 32677 </div> 32678 </div> 32679 </div> 32680 <div class="flex flex-col space-y-3"> 32681 <button class="js-show-sign-up js-subscribe-btns__not-auth 32682 js-subscribe__click-paywall inline-flex items-center justify-center gap-2 whitespace-nowrap 32683 rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 32684 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none 32685 [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 w-full py-6 text-lg 32686 font-semibold bg-gradient-to-r from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 shadow"> 32687 Upgrade to Unlimited 32688 </button> 32689 <div class="flex justify-center"> 32690 <div class="flex items-center gap-2 max-w-md"> 32691 <img class="w-14 h-auto rounded-full object-cover" src="https://tinywow.com/v3/img/users.png" alt="users"> 32692 <p class="text-center text-sm text-gray-500">Join over 1 million users</p> 32693 </div> 32694 </div> 32695 </div> 32696 </div> 32697 <button type="button" class="js-cancel__modal absolute right-4 top-4 roun
32697ded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"> 32698 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" 32699 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-4 w-4"> 32700 <path d="M18 6 6 18"></path> 32701 <path d="m6 6 12 12"></path> 32702 </svg> 32703 <span class="sr-only">Close</span> 32704 </button> 32705 </div> 32706 </div> 32707 </div> 32708</div> 32709 32710 32711 <!-- modal share --> 32712<div class="modal fade" id="modal-suggestion" tabindex="-1" aria-hidden="true"> 32713 <div class="modal-dialog modal-dialog-centered"> 32714 <div class="modal-content"> 32715 32716 <div class="modal-header"> 32717 <h5 class="modal-title">Suggest a Tool</h5> 32718 </div> 32719 32720 <div class="modal-body"> 32721 <form action="https://tinywow.com/main/send-suggestion" id="sendSuggestionForm" name="sendSuggestionForm"> 32722 <div class="form-group"> 32723 <label for="suggestion" class="col-form-label">Suggestion:</label> 32724 <textarea id="suggestion" name="suggestion" class="form-control"></textarea> 32725 </div> 32726 <input name="recaptcha_response" type="hidden"/> 32727 </form> 32728 </div> 32729 <div class="modal-footer"> 32730 <button type="submit" form="sendSuggestionForm" class="btn btn-secondary" >Send</button> 32731 </div> 32732 </div> 32733 </div> 32734</div> 32735 <div class="ctrl-modal modal modal-content-machine fade" id="modal-content-machine" tabindex="-1" aria-hidden="true"> 32736 <div class="modal-dialog modal-dialog-centered"> 32737 <div class="modal-content"> 32738 <div class="modal-header"> 32739 <h5 class="modal-title">Content Machine</h5> 32740 <p>Need content at scale? Try the TinyWow Content Machine</p> 32741 </div> 32742 32743 <div class="modal-body"> 32744 <div class="content-machine"> 32745 <img src="https://tinywow.com/v3/img/content-machine.png" class="img-fluid" alt="" loading="lazy"> 32746 </div> 32747 32748 <div class="modal-actions"> 32749 <a href="https://tinywow.com/content-machine" class="btn-action btn-action--blue"> 32750 Try Now 32751 </a> 32752 <button class="btn-action btn-action--gray" data-dismiss="modal" aria-label="Close"> 32753 Not Now 32754 </button> 32755 </div> 32756 </div> 32757 </div> 32758 </div> 32759</div> 32760 32761 32762
32762<script type="text/javascript" data-lazy-src="https://js.stripe.com/v3/" 32763 data-lazy-method="interaction" data-lazy-attributes="src"></script>
32763 32764 32765
32765<script src="https://unpkg.com/lucide@latest"></script>
32765 32766
32766<script nonce="19LTyMCRKNOFKmDNwZ7WMwrMcQXaR2Ib"> 32767 window.isTested = function (featureFlag) { 32768 if (typeof featureFlag !== "undefined") { 32769 return typeof window.posthogFlagsValues[featureFlag] !== "undefined" && window.posthogFlagsValues[featureFlag] !== "control"; 32770 } 32771 return false; 32772 } 32773 </script>
32773 32774 32775
32775<script type="text/javascript" src="/js/frontend/bootstrap.js?id=7b987694f80267f9bd90"></script>
32775 32776 32777
32777<script src="/js/frontend/common-scripts-strv2-v3.js?id=474f8ed04befd5dd3759" defer></script>
32777 32778
32778<script src="https://tinywow.com/v3/js/plugins/summernote/summernote-bs4.min.js" 32779 defer id="summernote-main-script"></script>
32779 32780
32780<script defer src="https://tinywow.com/v3/js/plugins/showdown/showdown.min.js"></script>
32780 32781 32782
32782<script type="text/javascript" src="/js/frontend/write.js?id=f94d0e91857deab60f91"></script>
32782 32783 32784 32785<div class="fixed inset-0 z-1050 bg-black/50 js-backdrop-modal hidden"></div> 32786</body> 32787</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.