@keyframes borderColorRotation{0%{border-color:rgba(59,130,246,.3)}50%{border-color:rgba(59,130,246,.8)}to{border-color:rgba(59,130,246,.3)}}.search-active{animation:borderColorRotation 1.5s cubic-bezier(.4,0,.2,1) infinite;border:2px solid;box-shadow:0 0 0 1px rgba(59,130,246,.1)}.semanticSearch:focus-within{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .2s cubic-bezier(.4,0,.2,1)}.semanticSearch,.semanticSearch .chakra-input__group,.semanticSearch input{width:100%!important;max-width:100%!important}button,input,select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}.icon-heartbeat{animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1);color:gold}50%{transform:scale(1.1);color:orange}}.minus-one{position:absolute;animation:minusOneAnimation .8s ease-out forwards;font-size:20px;color:red;transform:translateY(0);top:-20px}@keyframes minusOneAnimation{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.animate-logo{fill:red;width:50px;height:50px}.sentenceBox{display:flex;border:1px solid grey;border-radius:10px;transition:all .2s ease-in-out;padding:16px 28px;text-align:center}.sentenceBox:hover{border-color:#8c52ff;transform:scale(1.05)}.sentenceGrid{width:75%}.modal-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px}.modal-search{display:flex;width:500px}.preview-logo{width:11rem;padding-bottom:18px}@media (max-width:800px){.sentenceBox{padding:12px;font-size:12px}.sentenceGrid{width:100%}.modal-header{width:80%}.modal-search{width:70%}.preview-logo{width:8rem;padding:2px}}