.input-wrapper{position:relative;display:flex;flex-direction:column;width:400px;max-width:100%}.input-label{font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.input,.input-label{font-family:Source Code Pro,monospace;color:#000}.input{width:100%;height:46px;text-align:center;border-radius:10px;padding:10px 15px;border:1px solid #000;background-image:url(/_next/static/media/background.50eb86be.jpg);background-size:cover;background-position:50%;box-shadow:0 4px 0 #feb662,0 5px 0 #000;font-size:1rem;line-height:1.5rem;font-weight:500;font-style:italic;overflow:hidden;transition:box-shadow .2s ease-in-out,background-position .2s ease-in-out,border-bottom .2s ease-in-out;outline:none}.input::placeholder{color:rgba(0,0,0,.5);font-style:italic}.input:focus,.input:hover{background-position:bottom}.input:focus{box-shadow:0 0 0 #feb662,0 1px 0 #000;border-bottom:none;padding-bottom:11px}.input-error{font-family:Source Code Pro,monospace;font-size:.75rem;color:#ff0000;margin-top:.25rem}@media (max-width:768px){.input-wrapper{width:350px}.input{font-size:.9rem;line-height:1.35rem;padding:8px 12px}}@media (max-width:480px){.input-wrapper{width:100%}.input{font-size:.85rem;line-height:1.25rem;padding:6px 10px}}