.main{display:flex;height:100%;padding:10px 10px 80px;position:relative}.main__left{width:170px}.main__logo{margin-bottom:20px;font-family:Poppins,sans-serif;font-size:20px;color:#000;text-align:center}.main__logo img{display:block;margin:0 auto 10px}.main__logo-pink{color:#e50e92}.main__logo-green{color:#52beb4}.main__logo-yellow{color:#f7b900}.main__right{padding-left:30px}.how-it-work__item{margin-bottom:20px;text-align:center}.how-it-work__title{font-size:20px;margin-bottom:15px}.how-it-work__item svg{display:block;width:40px;margin:0 auto 10px}.how-it-work__item:nth-child(1) .how-it-work__title{color:#e50e92}.how-it-work__item:nth-child(2) .how-it-work__title{color:#52beb4}.how-it-work__item:nth-child(3) .how-it-work__title{color:#f7b900}.menu{margin:20px 0 40px}.menu ul{list-style:none;padding:0;margin:0;display:flex;gap:30px}.menu ul li a{color:#000;text-decoration:none;font-size:18px}.menu ul li.menu__active a{color:#e50e92;text-decoration:underline}.footer{width:100%;padding:15px;font-size:14px;color:#757575;text-align:center;position:absolute;bottom:0}.constructor__title{font-size:24px;margin-bottom:20px;color:#52beb4}.manufacturer{margin-bottom:80px}.manufacturer__item{margin-bottom:10px}.manufacturer__item-title{font-size:16px;margin-bottom:10px;color:#e50e92}.manufacturer__controllers{display:flex;gap:30px;align-items:center}.manufacturer__controllers-item{width:100px;cursor:pointer;position:relative}.manufacturer__controllers-item img{width:100%}.manufacturer__controllers-item-selected{position:absolute;width:25px;height:25px;top:-15px;right:-15px;fill:#e50e92}.services{margin:30px;position:relative;top:-30px;left:30px}.services__point{position:absolute;z-index:0;cursor:pointer}.services__point svg{color:#52beb4}.services__point--selected svg{color:#e50e92}.services__info{padding:10px;background:#fff;border:2px solid #52BEB4;border-radius:6px;box-shadow:0 4px 4px #0000001a;position:absolute;z-index:99}.services__info--selected{border-color:#e50e92}.services__close{width:20px;height:20px;position:absolute;top:5px;right:5px;cursor:pointer;fill:#52beb4}.services__info--selected .services__close{fill:#e50e92}.services__top{display:flex;align-items:center;gap:10px;margin-bottom:10px;margin-right:20px;font-size:18px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;height:25px;padding:0 15px;background-color:#e50e92;color:#fff;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.button--selected,.button:hover{background-color:#52beb4}.button--secondary{background:transparent;border:1px solid #1B8D5A;color:#1b8d5a}.button:active{transition:.1s;transform:translateY(1px)}.button--small{height:26px;font-size:14px}.button--disabled{opacity:.5;cursor:default}.button--disabled:active{transform:none}.spares{max-height:280px;overflow-x:auto;margin-bottom:10px}.spares__title{margin-bottom:10px;color:#757575}.spares__item{display:flex;align-items:center;justify-content:start;margin-bottom:5px;padding:5px 15px 5px 5px;border:2px solid transparent}.spares__item-selected{border-color:#e50e92;border-radius:4px}.spares__item-image{margin-right:10px}.spares__item-image img{width:50px}.spares__item-name{margin-right:10px;white-space:nowrap}.spares__item-price{margin-left:auto;white-space:nowrap}.spares__item:last-child{margin-bottom:10px}.input{background:#fff;border:1px solid #757575;border-radius:4px}.input__field{width:100%;height:25px;padding:0 10px;font-size:14px;line-height:16px;color:#000;background:transparent;outline:none;border:0}.input__field[type=date]::-webkit-calendar-picker-indicator{display:block;width:22px;height:22px;background:url(../../assets/calendar.svg) center center no-repeat;border-width:thin;color:#0000;opacity:1}.textarea textarea{width:100%;min-height:100px;padding:5px 10px;font-size:14px;border:1px solid #757575;border-radius:4px;box-sizing:border-box;resize:vertical;outline:none}.order{max-width:500px}.order__title{font-size:24px;margin-bottom:20px;color:#52beb4}.order__services-item{display:flex;width:100%;margin-bottom:10px}.order__services-item-dots{flex-grow:1;border-bottom:1px dashed #757575;margin:0 10px}.order__total{margin-bottom:15px;text-align:right}.order__errors{margin-bottom:15px;color:red}.order__error{margin-bottom:3px}.order__delivery{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px}.order__fields{margin-bottom:20px}.order__fields .input,.order__fields .textarea{margin-top:5px;margin-bottom:10px}.order__success-message{font-size:24px;margin-bottom:20px;color:#e50e92;text-align:center}.order__success-info{font-size:18px;line-height:24px;margin-bottom:15px}.order__success-info strong{font-weight:700}.order__success-steps{display:flex;gap:15px}.order__success-title{font-size:18px;margin-bottom:10px;color:#e50e92;text-align:center}.order__success-payment{text-align:center}.order__success-qr{margin:10px 0}.order__success-qr img{display:block;margin:0 auto 5px}.order__success-mobilepay{display:inline;width:100px;height:30px;vertical-align:middle}.articles__item{display:flex;margin-bottom:20px}.articles__item-image{width:200px;margin-right:15px;background:#fff}.articles__item-image img{width:200px;border:1px solid #E50E92;border-radius:4px;background:#fff}.articles__item-title{display:inline-block;font-size:18px;margin-bottom:10px}.articles__item-desc{display:block;margin-bottom:10px}.blog__title{font-size:24px;margin-bottom:20px;color:#52beb4}.post__back{margin-bottom:20px}.post__back a{font-size:16px;color:#e50e92}*,*:before,*:after{box-sizing:border-box}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,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-user-select:none;user-select:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{line-height:1;-webkit-font-smoothing:antialiased}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}input,button,textarea,select{font:inherit}body{min-width:100%;min-height:100%;margin:0;padding:0;font-family:Open Sans,"sans-serif";font-size:14px;line-height:18px;font-weight:400;background-image:url(/assets/bg-Cd6lfh62.png);background-repeat:repeat;background-color:#ffffffb3;background-blend-mode:lighten;position:relative}html,#root{height:100%;min-height:100%}a{color:#e50e92}a:hover{text-decoration:none}.typography h1{font-size:28px;margin-bottom:20px;color:#52beb4}.typography h2{font-size:24px;margin-bottom:20px;color:#e50e92}.typography h3{font-size:20px;margin-bottom:15px;color:#e50e92}.typography h4,.typography h5{font-size:18px;margin-bottom:15px;color:#e50e92}.typography h6{font-size:16px;margin-bottom:10px;color:#e50e92}.typography p{margin:10px 0 15px}.typography pre{padding:15px;margin:10px 0 15px;background:#eee;border-radius:4px;border:1px dashed #52BEB4}.typography code{padding:3px 5px;background:#eee;border-radius:4px}.typography hr{display:block;height:2px;margin:10px 0 15px;border:0;position:relative;z-index:0;background:#52beb4}.typography hr:after{content:"";display:block;width:200px;border-bottom:2px solid #E50E92;margin-bottom:-2px;max-width:200px}.typography em,.typography i{font-style:italic}.typography strong,.typography b{font-weight:700}.typography sup{font-size:smaller;vertical-align:super}.typography sub{font-size:smaller;vertical-align:sub}.typography ol{margin:10px 0 15px;counter-reset:cupcake}.typography ol li{counter-increment:cupcake}.typography ol li:before{content:counters(cupcake,".") " ";color:#e50e92}.typography ol ol,.typography ol ul,.typography ul ol,.typography ul ul{margin:0}.typography ul{margin:10px 0 15px;list-style:disc;padding-left:10px}.typography ul li::marker{color:#ff7a18}.typography blockquote{margin:10px 0 15px;padding-left:15px;border-left:4px solid #E50E92;color:#555}.typography table{border-collapse:collapse;margin:10px 0 15px}.typography table th{font-weight:700;color:#e50e92}.typography table th,.typography table td{padding:6px 13px;border:1px solid #ddd;background:#fff}
