.name-generator-intro{position:relative;min-height:420px}@media only screen and (max-width:767px){.name-generator-intro{overflow:hidden}}.name-generator-intro__body{padding-top:100px}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-intro__body{padding-top:120px}}@media only screen and (min-width:1141px){.name-generator-intro__body{padding-top:144px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.name-generator-circle-wrapper{position:absolute;top:0;right:0;bottom:-28vh;left:0;overflow:hidden;z-index:-1;-webkit-mask-image:linear-gradient(0deg,transparent 0,black 35%,black);mask-image:linear-gradient(0deg,transparent 0,black 35%,black)}.name-generator-circle{position:absolute;animation:rotate 12s linear infinite;z-index:-1}.name-generator-circle .picture__image-container{display:flex;width:120vh;height:120vh}.name-generator-circle img{height:auto;max-width:100%;object-fit:contain}.name-generator-circle--top-right{top:-28vh;left:-28vh}.name-generator-circle--bottom-left{right:-28vh;bottom:0}.name-generator-popular-tags-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 -12px}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-popular-tags-list{margin:0 -20px}}@media only screen and (min-width:1141px){.name-generator-popular-tags-list{margin:0 -40px}}.name-generator-popular-tag__link{padding:8px 16px;background-color:rgba(255,255,255,.8);border-radius:70px}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-popular-tag__link{padding:8px 20px}}@media only screen and (min-width:1141px){.name-generator-popular-tag__link{padding:8px 20px}}.name-generator-popular-tag__link:hover{background-color:#fff}.name-generator-popular-tag__link:active{color:#ff4c5c}.name-generator-banner__body{position:relative;padding-inline:16px;background-color:#fff;border-radius:20px}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-banner__body{display:grid;gap:44px;grid-template-columns:6fr 6fr;padding-inline:24px}}@media only screen and (min-width:1141px){.name-generator-banner__body{display:grid;gap:44px;grid-template-columns:6fr 6fr;padding-inline:24px;border-radius:24px;gap:96px}}.name-generator-banner__message{max-width:244px}@media only screen and (max-width:767px){.name-generator-banner__message{position:relative;background-image:linear-gradient(90deg,#FFF 90%,transparent);z-index:2}}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-banner__message{max-width:523px}}@media only screen and (min-width:1141px){.name-generator-banner__message{max-width:523px}}.name-generator-banner__description{max-width:404px}@media only screen and (max-width:767px){.name-generator-banner__image-container{order:2;z-index:1}}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-banner__image-container{position:relative}}@media only screen and (min-width:1141px){.name-generator-banner__image-container{position:relative}}.name-generator-banner__button{min-width:184px;max-width:-moz-fit-content;max-width:fit-content}.name-generator-banner__image{position:absolute;right:-120px;width:auto}@media only screen and (max-width:767px){.name-generator-banner__image{top:-20px;max-height:156px;z-index:1}}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-banner__image{right:0}}@media only screen and (min-width:1141px){.name-generator-banner__image{right:0}}@media only screen and (min-width:768px)and (max-width:1140px){.name-generator-banner__image{bottom:28px;max-height:244px}}@media only screen and (min-width:1141px){.name-generator-banner__image{bottom:0}}.name-generator-form{display:grid;grid-template-columns:1fr auto;column-gap:12px;margin-right:auto;margin-left:auto;max-width:640px}@media(max-width:499px){.name-generator-form{grid-template-columns:1fr;row-gap:8px}}.name-generator-form .input{flex:1 1}.name-generator-form__input.name-generator-form__input{padding:18px 24px;height:52px;font-weight:400;border:1px solid transparent;border-radius:12px}.name-generator-form__input.name-generator-form__input:hover{border:1px solid rgba(36,36,36,.7)}.name-generator-form__input.name-generator-form__input:focus{border:1px solid #242424}.name-generator-form__input.name-generator-form__input:active,.name-generator-form__input.name-generator-form__input:focus{color:#242424}.name-generator-form__input.name-generator-form__input:not(:disabled)::placeholder{color:#868889}.name-generator-form__button{padding:14px 44px;max-height:52px}.name-generator-form__button:active,.name-generator-form__button:focus{outline:0;opacity:1}