[data-input-with-button-wrapper]{width:100%}@media screen and (min-width: 768px){[data-input-with-button-wrapper]{max-width:502px}}[data-input-with-button-form]{display:grid;grid-template-rows:repeat(2,max-content);grid-template-columns:1fr max-content;position:relative}[data-input-with-button-input]{width:100%;box-sizing:border-box;color:#fff;background-color:transparent;font-size:.75rem;font-weight:400;text-shadow:0 0 .6px #FFFFFF,0 0 .6px #FFFFFF;border-radius:4px 0 0 4px;border:1px solid #FFFFFF;border-right:none;padding:1.5rem calc(1rem + 2px) .3rem 1rem;outline:none;transition:box-shadow .15s cubic-bezier(.2,0,.38,.9)}@media screen and (max-width: 768px){[data-input-with-button-input]{padding-top:21px;padding-bottom:6px}}[data-input-with-button-input]:focus{box-shadow:0 0 0 1px #fff inset;text-shadow:none}[data-input-with-button-input]:focus+[data-input-with-button-placeholder],[data-input-with-button-input]:valid+[data-input-with-button-placeholder]{transform:scale(.8) translateY(-.7rem)}[data-input-with-button-input]:not(:focus)+[data-input-with-button-placeholder]{opacity:80%}[data-input-with-button-input]:disabled,[data-input-with-button-input]:disabled+[data-input-with-button-placeholder]{opacity:30%}[data-input-with-button-placeholder]{position:absolute;color:#fff;font-size:.75rem;top:1rem;left:1rem;transition:all .15s cubic-bezier(.2,0,.38,.9);transform-origin:0 0;background:none;pointer-events:none}@media screen and (max-width: 768px){[data-input-with-button-placeholder]{top:15px;left:17px}}[data-input-with-button-submit]{position:relative;padding:.75rem 23px;left:-2px;font-size:.875rem;color:#1a1a2e;background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (max-width: 768px){[data-input-with-button-submit]{padding:12px 23px 10px}}