@font-face{font-family:Inter;src:url(/assets/Inter-Regular-COLGFB3M.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Light-14LG-y7V.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Bold-BOs3KVhN.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Black-BJbWHna9.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#f3f3f7;margin:40px;font-family:Inter,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}*{box-sizing:border-box;outline:none;margin:0;padding:0;font-family:Inter,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;list-style:none}.logo{color:#000;text-transform:uppercase;align-items:center;gap:25px;font-size:40px;font-weight:900;display:flex}@media (max-width:768px){.logo{font-size:30px}}.logo-text-wrapper{align-items:start;gap:10px;display:flex}.logo-version{color:#000;text-transform:lowercase;padding-top:4px;font-size:16px;font-weight:300}@media (max-width:768px){.logo-version{padding-top:2px;font-size:14px}}.logo-pattern{background-color:#e6daff;border-radius:20px;padding:15px 20px}.logo-link{margin-bottom:40px;text-decoration:none;display:block}@keyframes animate-placeholder{0%{opacity:1}50%{opacity:.5}to{opacity:1}}button,a{font-size:14px}input,textarea{background:#fff;border:1px solid #eeeeef;border-radius:50px;height:39px;font-size:14px}input::-webkit-input-placeholder{color:#0003}textarea::-webkit-input-placeholder{color:#0003}input::-moz-placeholder{color:#0003}textarea::-moz-placeholder{color:#0003}:is(input:placeholder-shown,textarea:placeholder-shown){color:#0003}:is(input:placeholder-shown,textarea:placeholder-shown){color:#0003}input:focus,textarea:focus{border-color:#dfdfe1}input.error,textarea.error{border-color:#fbadad}input.gray-input,textarea.gray-input{background:#fafafc}.button{cursor:pointer;letter-spacing:.2px;text-align:center;background-color:#fff;border:0;border-radius:30px;padding:13px 30px}.button--green{color:#fff;background-color:#87cc76;min-width:120px}.button--green:hover{background:#8dcf7d}.button--white{color:#000000e6;border-color:#e5e5e5;min-width:120px}.button--white:hover{background-color:#fafafa}.button--purple{color:#fff;background-color:#7493ff;min-width:150px}.button--purple:hover{background-color:#7b98ff}.container{width:100%;max-width:1100px;margin:0 auto}.white-block{background:#fff;border-radius:5px;box-shadow:0 5px 15px #0000000a}.patterns{flex-wrap:wrap;display:flex}.patterns__no-result{text-align:center;width:650px;margin:0 auto;padding:10% 0 15%}.patterns__no-result h2{margin-top:10px;margin-bottom:15px;font-size:2.5rem;font-weight:100}.patterns__no-result p{color:#838383;font-size:1.5rem;font-weight:100;line-height:36px}.pattern-block{width:31%;margin-bottom:3%;margin-right:3.5%;transition:all .2s}.pattern-block:hover{transform:translateY(-1px);box-shadow:0 12px 18px 5px #0000000b}.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{opacity:.3;cursor:help;width:22px;height:22px}.pattern-block--placeholder .pattern-block__head div{background-color:#f8f8fb;width:100%;padding:10px;animation:.5s infinite animate-placeholder}.pattern-block--placeholder .pattern-block__pattern-input div{background-color:#f8f8fb;border-radius:30px;width:100%;padding:19px;animation:.5s infinite animate-placeholder}.pattern-block--placeholder .pattern-block__pattern-test div{background-color:#fff;border:1px solid #f4f4f8;border-radius:30px;width:100%;padding:19px;animation:.5s infinite animate-placeholder}.pattern-block--placeholder .pattern-block__pattern-tags li{animation:.5s infinite animate-placeholder;padding:14px 10px!important}.pattern-block__pattern-input,.pattern-block__pattern-input input{cursor:pointer}.pattern-block__head{border-bottom:2px solid #f1f1f1;flex-direction:column;gap:20px;padding:20px;display:flex}.pattern-block__head #info-icon{opacity:.3;cursor:pointer;width:19px;height:19px;transition:all .3s}.pattern-block__head #info-icon:hover{opacity:.8}.pattern-block__header{font-weight:700}.pattern-block__description{line-height:1.2}.pattern-block__head--email{border-bottom-color:#ffd07a}.pattern-block__head--uri{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{text-align:center;width:100%;padding-left:20px;padding-right:20px}.tippy-tooltip{padding:15px;line-height:22px}#logo{margin-bottom:30px}.pattern-block__pattern-tags{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.pattern-block__pattern-tags a{flex:1;text-decoration:none;display:inline-block}.pattern-block__pattern-tags li{text-align:center;color:#2b2b2b;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#f4f4ff;border-radius:4px;flex:1;margin-right:5px;padding:10px;font-size:13px;overflow:hidden}.pattern-block__pattern-tags li:last-child{margin-left:0}.pattern-block__pattern-tags li:hover{background-color:#eeeefb}.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{opacity:.4;padding-top:20px}.pattern-block__pattern-author:hover{opacity:1}.pattern-block__pattern-author svg{width:24px;height:24px}.pattern-block__pattern-author span{color:#000000e6;position:relative;top:-6px;left:5px}.pattern-block__pattern-test{margin-top:20px}.pattern-block__pattern-bottom{flex-direction:column;margin-top:20px;display:flex}.pattern-block__pattern-status{border-radius:100px 0 0 100px;width:45px;height:39px;position:relative}.pattern-block__pattern-status svg{width:14px;height:14px;position:absolute;top:49%;left:55%;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__item:hover ul{display:block}.menu-block__item ul{z-index:1;background:#fff;border-radius:0 0 6px 6px;width:200px;padding:0;transition:all .3s;display:none;position:absolute;box-shadow:0 5px 15px #0000000a}.menu-block__item ul li{display:block}.menu-block__item ul li a{width:100%}.menu-block__item ul li span{text-align:left;width:100%;padding:20px 40px}.menu-block__items{padding-left:30px;padding-right:30px;display:flex}.menu-block__items ul{margin-top:23px}.menu-block__items ul li{text-align:left!important}.menu-block__items a,.menu-block__items .menu-block__item--other{text-align:center;color:inherit;border-bottom:2px solid #0000;flex:1;padding:20px 0;font-size:16px;text-decoration:none;display:block}.menu-block__items a:hover,.menu-block__items .menu-block__item--other:hover,.menu-block__items li.menu-block__item.active a{background-color:#f3f3f74d}.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--uri.active a,.menu-block__items li.menu-block__item--uri: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{flex:1.5;padding:10px;position:relative}.menu-block__items li.menu-block__item--search svg{opacity:.15;width:16px;height:16px;position:absolute;top:22px;left:25px}.menu-block__items li.menu-block__item--search input{width:100%;padding-left:20px;padding-right:30px}.footer{border-top:1px solid #e1e1e1;justify-content:space-between;gap:20px;margin-top:20px;padding-top:40px;display:flex}.footer__copyright{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.footer__copyright span{color:#9f9f9f;text-decoration:none}.footer__links{flex-direction:row;align-items:flex-start;gap:10px;display:flex}.footer__links a{color:#9f9f9f;text-decoration:none}.footer__links a:hover{cursor:pointer;color:#5f5f5f}@media (max-width:1110px){.container{width:90%;max-width:1100px}.menu-block ul li.menu-block__item--search{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{flex-direction:column}.footer__links{flex-direction:column;align-items:flex-start;gap:5px;display:flex}}