a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Rubik",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#f7f7fc;margin:40px}.left-panel,.right-panel{height:100vh;width:50vw;position:absolute;z-index:11;background:#eff0f7}.left-panel{left:0}.right-panel{right:0}input{font-family:"Rubik",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}@keyframes animate-placeholder{0%{opacity:1}50%{opacity:.5}to{opacity:1}}*{margin:0;padding:0;list-style:none;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;font-family:"Open Sans"}a,button{font-size:14px}input,textarea{background:#eff0f7;border:2px solid #eff0f7;border-radius:30px;height:39px;font-size:14px;transition:.3s}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0a3bd}input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{color:#a0a3bd}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0a3bd}input:focus,textarea:focus{background-color:#fcfcfc}input.error,textarea.error{border-color:#fbadad}input.gray-input,textarea.gray-input{background:#fafafc}.button{padding:13px 30px;border-radius:30px;border:0;background-color:#fff;cursor:pointer;letter-spacing:.2px;text-align:center}.button--green{color:#fff;min-width:120px;background-color:#87cc76}.button--green:hover{background:#8dcf7d}.button--white{min-width:120px;color:rgba(0,0,0,.9);border-color:#e5e5e5}.button--white:hover{background-color:#fafafa}.button--purple{min-width:150px;color:#fff;background-color:#7493ff}.button--purple:hover{background-color:#7b98ff}.container{max-width:1100px;width:100%;margin:0 auto}.white-block{background:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.04);border-radius:32px}.patterns{display:flex;flex-wrap:wrap}.patterns__no-result{padding:10% 0 15%;width:650px;text-align:center;margin:0 auto}.patterns__no-result h2{font-size:2.5rem;font-weight:100;margin-bottom:15px;margin-top:10px}.patterns__no-result p{font-size:1.5rem;font-weight:100;color:#838383;line-height:36px}.pattern-block{width:31%;margin-right:3.5%;margin-bottom:3%;transition:all .2s}.pattern-block:hover{box-shadow:0 12px 18px 5px rgba(0,0,0,.045);transform:translateY(-1px)}.pattern-block:nth-of-type(3n){margin-right:0}.pattern-block__pattern-test{display:flex}.pattern-block__pattern-test .pattern-block__pattern-status{position:absolute}.pattern-block__head svg{width:22px;height:22px;opacity:.3;cursor:help}.pattern-block--placeholder .pattern-block__head div{padding:10px;background-color:#f8f8fb;width:100%;animation:animate-placeholder .5s ease infinite}.pattern-block--placeholder .pattern-block__pattern-input div{padding:19px;background-color:#fcfcfc;border:2px solid #d9dbe9;width:100%;border-radius:30px;animation:animate-placeholder .5s ease infinite}.pattern-block--placeholder .pattern-block__pattern-test div{padding:19px;background-color:#fff;border:1px solid #f4f4f8;width:100%;border-radius:16px;animation:animate-placeholder .5s ease infinite}.pattern-block--placeholder .pattern-block__pattern-tags li{padding:14px 10px!important;animation:animate-placeholder .5s ease infinite}.pattern-block__pattern-input,.pattern-block__pattern-input input{cursor:pointer}.pattern-block__head{padding:20px;display:flex;border-bottom:2px solid #f1f1f1}.pattern-block__head b{flex:1 1;font-weight:500;line-height:21px}.pattern-block__head #info-icon{opacity:.3;transition:all .3s;cursor:pointer;width:19px;height:19px}.pattern-block__head #info-icon:hover{opacity:.8}.pattern-block__head--email{border-bottom-color:#ffd07a}.pattern-block__head--url{border-bottom-color:#7cc0ff}.pattern-block__head--numbers{border-bottom-color:#ff8c8c}.pattern-block__head--strings{border-bottom-color:#d366d5}.pattern-block__head--other{border-bottom-color:#9f9f9f}.pattern-block__head--date-time{border-bottom-color:#669ed5}.pattern-block__head--misc{border-bottom-color:#d56666}.pattern-block__content{padding:20px}.pattern-block__content input{width:100%;padding-left:20px;padding-right:20px;text-align:center}.tippy-tooltip{padding:15px;line-height:22px}#logo{margin-bottom:30px}.pattern-block__pattern-tags{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.pattern-block__pattern-tags a{display:inline-block;flex:1 1;text-decoration:none}.pattern-block__pattern-tags li{flex:1 1;transition:.3s;text-align:center;margin-right:5px;padding:10px;background-color:#eff0f7;opacity:.5;border-radius:40px;color:#2a00a2;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-block__pattern-tags li:last-child{margin-left:0}.pattern-block__pattern-tags li:hover{opacity:1}.pattern-block__pattern-tags--matches{margin-top:5px}.pattern-block__pattern-tags--matches:empty{display:none}.pattern-block__pattern-tags--matches li{background-color:#fff4f4}.pattern-block__pattern-tags--matches li:hover{background-color:#fbeeee}.pattern-block__pattern-author{padding-top:20px;opacity:.4}.pattern-block__pattern-author:hover{opacity:1}.pattern-block__pattern-author svg{width:24px;height:24px}.pattern-block__pattern-author span{position:relative;top:-6px;left:5px;color:rgba(0,0,0,.9)}.pattern-block__pattern-test{margin-top:20px}.pattern-block__pattern-bottom{display:flex;margin-top:20px;flex-direction:column}.pattern-block__pattern-status{border-radius:100px 0 0 100px;height:39px;width:45px;position:relative}.pattern-block__pattern-status svg{position:absolute;width:14px;height:14px;left:55%;top:49%;transform:translate(-50%,-50%)}.pattern-block__pattern-status--success{background:#26c433;border:1px solid #0cab17}.pattern-block__pattern-status--success svg{width:20px;height:20px}.pattern-block__pattern-status--error{background:#f05858;border:1px solid #c82121}.pattern-block__pattern-status--error svg{width:12px;height:12px}.menu-block{margin-bottom:35px}.menu-block__items{display:flex;padding-left:30px;padding-right:30px}.menu-block__items ul{margin-top:23px}.menu-block__items ul li{text-align:left!important}.menu-block__items .menu-block__item--other,.menu-block__items a{cursor:pointer;display:block;flex:1 1;padding:20px 0;text-decoration:none;text-align:center;border-bottom:2px solid transparent;color:inherit;font-size:16px;transition:.2s}.menu-block__items .menu-block__item--other:hover,.menu-block__items a:hover,.menu-block__items li.menu-block__item.active a{background-color:rgba(243,243,247,.3)}.menu-block__items li.menu-block__item--email.active a,.menu-block__items li.menu-block__item--email:hover a{border-bottom-color:#ffd07a}.menu-block__items li.menu-block__item--url.active a,.menu-block__items li.menu-block__item--url:hover a{border-bottom-color:#7cc0ff}.menu-block__items li.menu-block__item--numbers.active a,.menu-block__items li.menu-block__item--numbers:hover a{border-bottom-color:#ff8c8c}.menu-block__items li.menu-block__item--strings.active a,.menu-block__items li.menu-block__item--strings:hover a{border-bottom-color:#d366d5}.menu-block__items li.menu-block__item--date-time.active a,.menu-block__items li.menu-block__item--date-time:hover a{border-bottom-color:#669ed5}.menu-block__items li.menu-block__item--misc.active a,.menu-block__items li.menu-block__item--misc:hover a{border-bottom-color:#d56666}.menu-block__items li.menu-block__item--search{padding:10px;flex:1.5 1;position:relative}.menu-block__items li.menu-block__item--search svg{width:16px;height:16px;position:absolute;opacity:.15;top:22px;left:25px}.menu-block__items li.menu-block__item--search input{padding-left:20px;padding-right:30px;width:100%;border:2px solid #eff0f7}@media (max-width:1110px){.container{max-width:1100px;width:90%}.menu-block ul li.menu-block__item--search,.pattern-tooltip svg{display:none}.pattern-block{width:48%;margin-bottom:4%;margin-right:0}.patterns{justify-content:space-between}}@media (max-width:730px){.pattern-block{width:100%;margin-bottom:6%}.menu-block ul{flex-direction:column;padding:0}.menu-block ul>li.menu-block__item ul{width:90%}.footer ul{flex-wrap:wrap}.footer ul li{margin-bottom:10px}}.footer{border-top:1px solid #e1e1e1;padding-top:40px;margin-top:20px}.footer ul{display:flex;justify-content:space-between}.footer ul li{text-align:center}.footer ul li a{color:#9f9f9f;text-decoration:none}.footer ul li a:hover{cursor:pointer;color:#5f5f5f}.footer ul li span{color:#9f9f9f;text-decoration:none}
/*# sourceMappingURL=main.73a4afbb.chunk.css.map */