.input-field{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity));padding:.5rem 1rem}.input-field:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))}body{font-family:Roboto Condensed,sans-serif}.font{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.radiant-border{position:relative;border-radius:1rem;z-index:0}.radiant-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:7px;border-radius:inherit;background:linear-gradient(90deg,#f0f,#7a5cff,#0ff,#fc0,#f0f);background-size:300% 300%;animation:radiantFlow 5s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:brightness(1.3) saturate(1.5);box-shadow:0 0 30px #f0f,0 0 60px #7a5cff,0 0 90px #0ff,0 0 120px #f0fc;z-index:-1}@keyframes radiantFlow{0%{background-position:0% 50%;box-shadow:0 0 20px #f0f,0 0 40px #7a5cff,0 0 60px #0ff}50%{background-position:100% 50%;box-shadow:0 0 50px #f0f,0 0 90px #7a5cff,0 0 130px #0ff,0 0 160px #ff00ffe6}to{background-position:0% 50%;box-shadow:0 0 20px #f0f,0 0 40px #7a5cff,0 0 60px #0ff}}