[x-cloak]{display:none!important}.face{justify-content:space-between;gap:48px;align-items:flex-start;padding-bottom:32px;display:flex}.face__body{flex-shrink:0;position:relative;max-width:440px;width:100%}.face-content{flex-direction:col;width:100%;display:flex}.face__body img{pointer-events:none}.face__body .face__body-mask{height:100%;right:0;position:absolute;bottom:0;top:-15px;left:0;width:100%;z-index:1}.face__body-cheekbones,.face__body-chin,.face__body-ears,.face__body-eyebrows,.face__body-eyes,.face__body-forehead,.face__body-hair,.face__body-lips,.face__body-neck,.face__body-nose{transition:.1s ease;opacity:0}.face__body-hair.active{opacity:.15}.face__body-forehead.active{opacity:.2}.face__body-eyebrows.active{opacity:.1}.face__body-nose.active{opacity:.15}.face__body-eyes.active,.face__body-lips.active{opacity:.1}.face__body-chin.active{opacity:.2}.face__body-cheekbones.active{opacity:.15}.face__body-ears.active,.face__body-neck.active{opacity:.2}.face__dots{height:100%;pointer-events:none;position:absolute;top:0;left:0;width:100%;z-index:2}.face__dot{height:30px;pointer-events:auto;justify-content:center;transition:.1s ease;position:absolute;align-items:center;border-radius:32px;width:30px;display:flex}.face__dot__inside{height:8px;border:4px solid #008aa5;border-radius:32px;width:8px}.face__dot:hover{transform:scale(1.2)}.face__dot:hover .face__dot__inside{transform:scale(1.2);background:#008aa5}.face__dot.active{transform:scale(1.2)}.face__dot.active .face__dot__inside{transform:scale(1.2);background:#008aa5}.face__title{font-size:24px;font-weight:700;margin-bottom:20px}.face__zones{flex-wrap:wrap;gap:16px;display:flex}.face__zone{padding:14px 16px;font-size:16px!important;text-decoration:none!important;font-weight:500;transition:.2s ease;position:relative;align-items:center;box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:10px;background:#fff;display:flex}.face__tab{flex-direction:column;display:flex}.face__content{width:100%}.face__zone.active,.face__zone:hover{color:#fff;background:#008aa5}.face__zone.active{pointer-events:none}.face__zone-back{padding:8px 12px;font-size:15px!important;text-decoration:none!important;font-weight:500;margin-bottom:16px;color:#000!important;transition:.1s ease;gap:8px;align-items:center;border-radius:6px;width:fit-content;display:flex}.face__zone-back i{height:8px;transform:rotate(45deg);border-left:2px solid #008aa5;border-bottom:2px solid #008aa5;border-top-color:#008aa5;border-right-color:#008aa5;width:8px}.face__zone-back:hover{background-color:#f4f4f4}.face__troubles{justify-content:space-between;position:relative;align-items:flex-start;margin-top:30px;display:flex}.face__troubles-body{flex-direction:column;gap:16px;display:flex}.face__troubles-title{font-size:16px;font-weight:700}.face__troubles-list{flex-direction:column;gap:8px;display:flex}.face__trouble-check{padding:8px 0;position:relative}.face__trouble-check input[type=radio]{height:0;position:absolute;opacity:0;visibility:hidden;top:0;left:0;width:0}.face__trouble-check label{font-size:15px;position:relative;gap:12px;align-items:flex-start;cursor:pointer;display:flex}.face__trouble-check label span{height:24px;padding:4px;justify-content:center;border:2px solid #bcbcbc;color:#fff;transition:.1s ease;position:relative;top:-2px;align-items:center;border-radius:4px;width:24px;display:flex}.face__trouble-check label:hover span{border-color:#888}.face__trouble-check input:checked~label span{border-color:#008aa5;background:#008aa5}.face__decision{padding:24px;position:relative;max-width:260px;flex-direction:column;gap:12px;box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:12px;background:#fff;width:100%;display:flex}.face__decision-list{margin-bottom:0!important;flex-direction:column;gap:4px;display:flex}.face__decision-list li a{padding:4px 0;font-size:15px;font-weight:500;display:flex}.face__decision-list li a:hover{color:#00b4d8}.face__decision-list li:before{content:none!important}.face__result{position:relative;padding-bottom:40px}.face__result,.face__result-title{flex-direction:column;display:flex}.face__result-title{font-size:24px;font-weight:700;margin-bottom:24px}.face__result-zone{margin-bottom:30px;flex-direction:column;gap:10px;display:flex}.face__result-zone span{font-size:18px;font-weight:500}.face__result-zone p{font-size:15px;margin-bottom:0}.face__result-slider{overflow:hidden;position:relative}.face__result-slider .swiper-wrapper{align-items:stretch;display:flex}.face__result-slider .swiper-slide{height:auto}.face__result-slider li:before{content:none!important}.face__result-slider-arrows{transform:translateY(-50%);pointer-events:none;justify-content:space-between;position:absolute;gap:16px;top:50%;left:0;width:100%;display:flex;z-index:2}.face__result-slider-arrows a{height:48px;pointer-events:auto;flex-shrink:0;justify-content:center;color:#fff;transition:.1s ease;position:relative;align-items:center;border-radius:50%;background:#2b2f32;width:48px;display:flex}.face__result-slider-arrows a.prev{left:-24px}.face__result-slider-arrows a.next{right:-24px}.face__result-slider-arrows a:hover{background:#923e7e}.face__result-slider-arrows a i{height:12px;border-right:2px solid;transform:rotate(-45deg);border-left-color:currentColor;position:relative;border-bottom:2px solid;border-top-color:currentColor;width:12px}.face__result-slider-arrows a.prev i{transform:rotate(135deg);left:3px}.face__result-slider-arrows a.next i{right:3px}.face__slider{min-height:450px;position:relative;flex-direction:column-reverse;display:flex}@media (max-width:1075px){.face__troubles{flex-direction:column;gap:16px}}@media (max-width:744px){.face{flex-direction:column;gap:16px}.face__body{margin:0 auto}}@media (max-width:1220px){.face__result-slider-arrows a{height:38px;width:38px}.face__result-slider-arrows a.prev{left:-16px}.face__result-slider-arrows a.next{right:-16px}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.face__load{color:#008aa5;width:36px}.face__load circle{opacity:.25}.face__load path{opacity:1}.face__result-load{height:100%;justify-content:center;position:absolute;top:0;align-items:center;left:0;width:100%;display:flex}.face__result-load.hidden,.face__result-slider.hidden{opacity:0;visibility:hidden}.face__result .catalog-tile-type__item-headline{height:auto;overflow:hidden;min-height:72px;border:0;margin-bottom:15px;-webkit-box-orient:vertical;padding-bottom:0;-webkit-line-clamp:3;display:-webkit-box}.face__result .catalog-tile-type__item-bottom-wrapper{border-top:1px solid #cbcbcb}.brand{position:relative;flex-direction:column;display:flex}.face__zone.selected{color:#008aa5;background:#008aa538}.face__zone.selected:hover{color:#fff;background:#008aa5}.face__zone span{pointer-events:none}.face__zone svg{height:8px;right:8px;transition:.3s ease;position:absolute;opacity:0;visibility:hidden;top:7px;width:8px}.face__zone.selected svg{opacity:1;visibility:visible}.brand-result,.brand__zones{margin-top:20px}.brand-descr{font-size:15px;font-weight:500;line-height:160%}.brand-result .catalog-tile-type{width:100%}@media (min-width:986px){.brand-result .catalog-tile-type{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:701px) and (max-width:985px){.brand-result .catalog-tile-type{grid-template-columns:1fr 1fr 1fr}}@media (min-width:461px) and (max-width:700px){.brand-result .catalog-tile-type{grid-template-columns:1fr 1fr}}@media (min-width:0px) and (max-width:460px){.brand-result .catalog-tile-type{grid-template-columns:1fr}}.brand-pagination li:before,.brand-result .catalog-tile-type .catalog-tile-type__item:before{content:none!important}.brand-pagination .pagination .page-item .page-link{text-decoration:none}.brand-pagination{justify-content:center;margin-top:30px;display:flex}.brand-slider{padding:30px 0;flex-direction:column;gap:30px;display:flex}.brand-slider__slider{position:relative}.brand-slider__title{font-size:24px;font-weight:700}.brand-slider__slider>div:first-child{overflow:hidden;position:relative}.brand-slider .swiper-slide img{max-height:80px;object-fit:contain;margin:0}.brand-slider .face__result-slider-arrows a.prev{left:-16px}.brand-slider .face__result-slider-arrows a.next{right:-16px}.brand-slider .face__result-slider-arrows a{height:32px;width:32px}