.photo-page{zoom:160%}.photo-page .burger-menu{z-index:100}@media (max-width:840px){.photo-page .burger-menu{z-index:80}}@media (max-width:840px){.photo-page .burger-menu .container{max-width:230px}}.photo-page .burger-menu .header__container{zoom:80%}@media (max-width:840px){.photo-page .burger-menu .header__container{zoom:90%}}.photo-page .header__burger{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:840px){.photo-page .header__burger{display:none}}@media (max-width:840px){.photo-page{zoom:100%}}.photo-page .h1,.photo-page h1{font-size:22px;line-height:120%}.photo-page .h2,.photo-page h2{font-size:18px}.photo-page .h3,.photo-page h3{font-weight:600;font-size:15px}.photo-page .h4,.photo-page h4{font-size:13px}.photo-page .h5,.photo-page h5{font-size:10px}.photo-page .h6,.photo-page h6{font-size:8px}.photo-page .body-back{opacity:0.07;position:absolute;width:100%}.photo-header{z-index:30;padding-top:35px}.photo-header .container{max-width:230px}.photo-header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;opacity:0;-webkit-transition:0.6s ease;transition:0.6s ease;-webkit-transform:translateY(-60px);transform:translateY(-60px)}.photo-header__container.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.photo-header__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.photo-header__burger{width:33px;min-width:33px;height:33px;background:#FF0000;border-radius:9px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.photo-header__burger img{width:22px}.photo-header__logo{height:35px;width:auto;min-width:0}.photo-main{padding-top:35px}.photo-main .container{max-width:270px}.photo-main .light-1{top:-375px;width:1500px;height:1200px;-webkit-transform:translateX(-41.5%);transform:translateX(-41.5%);opacity:0;-webkit-transition:0.7s ease;transition:0.7s ease;-webkit-transform:translateY(200px) translateX(-41.5%) scale(0.2);transform:translateY(200px) translateX(-41.5%) scale(0.2)}.photo-main .light-1.animate{opacity:1;-webkit-transform:translateY(0) translateX(-41.5%) scale(1);transform:translateY(0) translateX(-41.5%) scale(1)}.photo-main .light-2{opacity:0;-webkit-transition:1.1s ease;transition:1.1s ease}.photo-main .light-2.animate{opacity:1}.photo-main__container{padding:20px;background:-webkit-gradient(linear,left bottom,left top,from(rgb(13,13,13)),to(rgb(0,0,0)));background:linear-gradient(0deg,rgb(13,13,13) 0%,rgb(0,0,0) 100%);border-radius:20px;overflow:hidden;opacity:0;-webkit-transition:0.8s ease;transition:0.8s ease;-webkit-transform:translateY(100px);transform:translateY(100px)}.photo-main__container.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.photo-main__body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.photo-main__states{height:295px;-webkit-transition:0.4s ease;transition:0.4s ease}.photo-main__states.start{height:365px}.photo-main__state{position:absolute;left:0;top:0;width:100%;opacity:0;visibility:hidden;-webkit-transition:0.3s ease;transition:0.3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.photo-main__state.active{opacity:1;visibility:visible}.photo-main__title{height:45px;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;position:relative;z-index:20;opacity:0;-webkit-transition:0.7s ease;transition:0.7s ease;-webkit-transform:translateY(-200px);transform:translateY(-200px)}.photo-main__title.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.photo-main__title .h2{font-weight:500;text-align:center;color:#E11F1C}.photo-main__content{width:100%;position:relative;margin-bottom:15px;height:165px}.photo-main__action{opacity:0;-webkit-transition:0.7s ease;transition:0.7s ease;-webkit-transform:translateY(30px);transform:translateY(30px)}.photo-main__action.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.photo-main__buttons{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#430100;border-radius:50px;padding:0 6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:220px}.photo-main__buttons .background{border-radius:50px;background:#da1413;position:absolute;height:100%;width:183px;-webkit-transition:0.3s ease;transition:0.3s ease}.photo-main__buttons.male .background{left:37px}.photo-main__buttons.female .background{left:0px}.photo-main__buttons .button-generate{background:none;padding:0 20px}.photo-main__buttons .button-sex{height:30px;padding:0 10px;background:#430100}.photo-main__button{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.photo-main__checkboxs{padding-left:20px;margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.photo-main__checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.photo-main__checkbox .h6{color:#B0B0B0;font-size:7px}.photo-main .button{position:relative;z-index:20}.photo-main__card{position:absolute;width:110px;background:white;padding:7px 7px 20px;border-radius:7px;-webkit-box-shadow:0 2.2px 17.2px rgba(13,13,13,0.9);box-shadow:0 2.2px 17.2px rgba(13,13,13,0.9)}.photo-main__card:first-child{z-index:8;-webkit-transform:translateY(20px) rotate(-69deg) scale(0.65);transform:translateY(20px) rotate(-69deg) scale(0.65);left:10px;top:7px;opacity:0;-webkit-transition:0.8s ease;transition:0.8s ease}.photo-main__card:first-child.animate{opacity:1;-webkit-transform:translateY(0) rotate(-19deg) scale(0.95);transform:translateY(0) rotate(-19deg) scale(0.95)}.photo-main__card:nth-child(2){z-index:9;right:10px;-webkit-transform:rotate(12deg) scale(1);transform:rotate(12deg) scale(1);opacity:0;-webkit-transition:0.5s ease;transition:0.5s ease}.photo-main__card:nth-child(2).animate{opacity:1;-webkit-transform:translateY(0) rotate(22deg) scale(1.03);transform:translateY(0) rotate(22deg) scale(1.03)}.photo-main__likes{bottom:-10px;right:15px;position:absolute;background:#FF0000;color:white;height:20px;border-radius:50px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:8px;font-weight:300;-webkit-transition:0.7s ease;transition:0.7s ease;-webkit-transform:translateY(5px);transform:translateY(5px)}.photo-main__likes.animate{-webkit-transform:translateY(0);transform:translateY(0)}.photo-main__likes img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);width:8px}.photo-main__heart{position:absolute}.photo-main__heart.heart-1{top:-16px;width:18px;left:0;right:0;margin:auto;-webkit-transform:translateY(30px) rotate(54deg);transform:translateY(30px) rotate(54deg);opacity:0;-webkit-transition:0.8s ease;transition:0.8s ease}.photo-main__heart.heart-1.animate{opacity:1;-webkit-transform:translateY(0) rotate(-14deg);transform:translateY(0) rotate(-14deg)}.photo-main__heart.heart-2{top:115px;left:8px;width:17px;-webkit-transform:translateY(30px) rotate(-104deg);transform:translateY(30px) rotate(-104deg);opacity:0;-webkit-transition:0.6s ease;transition:0.6s ease}.photo-main__heart.heart-2.animate{opacity:1;-webkit-transform:translateY(0) rotate(-54deg);transform:translateY(0) rotate(-54deg)}.photo-main__heart.heart-3{width:10px;right:8px;top:110px;-webkit-transform:translateY(30px) rotate(74deg);transform:translateY(30px) rotate(74deg);opacity:0;-webkit-transition:0.9s ease;transition:0.9s ease}.photo-main__heart.heart-3.animate{opacity:1;-webkit-transform:translateY(0) rotate(44deg);transform:translateY(0) rotate(44deg)}.photo-main__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;color:#828282;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transition:0.8s ease;transition:0.8s ease}.photo-main__info.animate{opacity:1}.photo-main__info a:nth-child(3){text-decoration:underline}.photo-main__info p{font-weight:300}.state-start .photo-main__content{-webkit-transform:translateY(17px);transform:translateY(17px)}.state-processing .photo-main__content{padding:20px;background:#353535;border-radius:15px;max-width:165px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.state-processing .photo-main__content img{width:40px;height:40px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;margin-top:50px;-webkit-animation:pgSpin 3s linear infinite;animation:pgSpin 3s linear infinite}.state-processing .photo-main__content .h6{text-align:center;color:#6A6A6A}.state-processing .button img{-webkit-animation:pgSpin 3s linear infinite;animation:pgSpin 3s linear infinite}@-webkit-keyframes pgSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pgSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.state-result .photo-main__content{max-width:165px}.state-result .photo-main__content img{border-radius:15px;height:100%;-o-object-fit:cover;object-fit:cover}.state-view .photo-main__content{max-width:165px}.state-view .photo-main__content img{border-radius:15px;height:100%;-o-object-fit:cover;object-fit:cover}.section-top{padding-top:30px}.section-top__title{cursor:pointer;gap:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#646464;opacity:0;-webkit-transition:0.6s ease;transition:0.6s ease;-webkit-transform:translateY(100px) scale(0.2);transform:translateY(100px) scale(0.2)}.section-top__title.animate{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.section-top__title img{width:12px;-webkit-transition:0.3s ease;transition:0.3s ease;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.section-top__title img.animate{-webkit-transform:translateY(0);transform:translateY(0)}.section-top__items{padding-top:40px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr 10px 1fr;grid-template-columns:repeat(3,1fr);gap:10px;opacity:0;-webkit-transition:0.6s ease;transition:0.6s ease;-webkit-transform:translateY(100px) scale(0.8);transform:translateY(100px) scale(0.8)}.section-top__items.animate{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}@media (max-width:840px){.section-top__items{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}.top-item{border-radius:12px;background:white;padding:13px;color:#323232;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.top-item__img{margin-bottom:10px;position:relative;height:100%}.top-item__img .logo-1{padding:2px 6px;top:5px;background:white;width:40px;left:0}.top-item__img .logo-2{top:23px;width:40px;left:0}.top-item__img .img{height:100%;-o-object-fit:cover;object-fit:cover}.top-item__logo{position:absolute}.top-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-item__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.top-item__info .h6{color:#828282}.top-item__like{cursor:pointer;background:#F2F2F2;height:15px;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 7px}.top-item__like img{width:6px}.top-item__like .h6{font-size:7px}.photo-footer{height:80px;background:#440100;margin-top:30px;opacity:0;-webkit-transition:0.6s ease;transition:0.6s ease;-webkit-transform:translateY(100px);transform:translateY(100px)}.photo-footer.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:840px){.photo-footer{height:auto;padding:30px 0}}.photo-footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px;gap:33px;height:100%}@media (max-width:840px){.photo-footer__container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.photo-footer__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.photo-footer__logo img:first-child{height:32px}.photo-footer__logo img:nth-child(2){height:23px}.photo-footer__menu{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:840px){.photo-footer__menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}}.photo-footer__menu li{cursor:pointer;font-size:12px;padding:0 12px;-webkit-transition:0.3s ease;transition:0.3s ease;text-align:center}.photo-footer__menu li:last-child{padding-right:0}.photo-footer__menu li:hover{color:#E11F1C}@media (max-width:840px){.photo-footer__menu li{padding:0;text-align:left}}.photo-footer__menu li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}