*{box-sizing:border-box}:root{--background-size: unquote("min(100vw, 40em)")}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:1ms!important}}.input-group{width:100%;max-width:20em;display:flex;flex-direction:column;z-index:2}.input-group__label{padding:0 .5em;margin-bottom:.5em;text-transform:uppercase;font-size:.875em;letter-spacing:.1em;color:#ccd;color:#ffdcff99;cursor:pointer}.input-group__input{color:#fff;font-size:1.25rem;line-height:1;border-style:none;outline:none;height:3.1em;width:100%;padding:.8em 1em;border:.25em solid transparent;background-image:linear-gradient(#1f2937,#1f2937),linear-gradient(120deg,#f09 0%,#0ff 50%,#9f0 100%);background-origin:border-box;background-clip:padding-box,border-box;border-radius:1.8em;background-size:200% 100%;transition:background-position .8s ease-out}.input-group__input:hover{background-position:100% 0}