.names-generator{display:grid;grid-template-columns:repeat(3,1fr);font-weight:600;font-size:1rem;margin:30px 0}.names-generator *{box-sizing:border-box}.names-generator--centered{align-items:center;justify-content:center}.names-generator>*{grid-column-start:1;grid-column-end:4}.names-generator__title{margin-bottom:25px}.names-generator__btn{width:100%;display:block;text-decoration:none;position:relative;border-radius:4px;margin-bottom:20px;min-height:60px}.names-generator__result{border:1px solid #ebebeb;cursor:pointer}.names-generator__cat{color:#fff!important;padding:10px 20px;background:#008c9d;background:linear-gradient(30deg,#008c9d 0,rgba(0,61,157,.85) 40%,rgba(96,0,157,.7) 83%)}.names-generator--inline{display:inline-flex}.names-generator__result__output{margin-right:auto;display:flex;flex-shrink:0;position:relative;padding:10px 20px}.names-generator__result__icon{padding:10px 20px}.names-generator__tooltip{position:absolute;top:-40px;background:#008c9d;color:#fff;padding:5px 8px;border-radius:5px;font-size:12px;pointer-events:none;left:50%;transform:translate(-50%,0);transition:.2s}.names-generator__tooltip:not(.names-generator__tooltip--active){opacity:0;transform:translate(-50%,5px)}.names-generator__tooltip:after{content:"";position:absolute;top:22px;right:calc(50% - 5px);width:10px;height:10px;background:#008c9d;transform:rotate(45deg)}.names-generator--blink span{margin-right:3px;width:5px;height:5px;align-self:center;position:relative;animation-name:names-generator-ani-blink;animation-duration:1.5s;animation-fill-mode:both;animation-iteration-count:infinite}.names-generator--blink span:after{position:absolute;width:100%;height:100%;background:#888;content:'';border-radius:50%}.names-generator--blink span:nth-child(2){animation-delay:.2s}.names-generator--blink span:nth-child(3){animation-delay:.4s}@media only screen and (min-width:1020px){.names-generator__cats{grid-column-start:1;grid-column-end:2}.names-generator__results{grid-column-start:2;grid-column-end:4;padding-left:50px}}@keyframes names-generator-ani-blink{0%{opacity:.2}30%{opacity:1}100%{opacity:.2}}