.tw-signup{--signup-fill:var(--color-light-gray);flex-shrink:0;width:431px;max-width:min(500px,100%);container-type:inline-size}.tw-signup-row{background:var(--signup-fill);border-radius:8px;align-items:center;padding:3px;display:flex}.tw-signup input{min-width:0;color:var(--color-gray);background:0 0;border:none;outline:none;flex:1;padding:0 20px}.tw-signup input::placeholder{color:var(--color-gray)}.tw-signup button{cursor:pointer;background:var(--color-deep-ocean);color:var(--color-white);white-space:nowrap;border:none;border-radius:5px;padding:12px 18px}.tw-signup-status,.tw-signup--sent input{display:none}.tw-signup--sent .tw-signup-status{min-width:0;color:var(--color-deep-ocean);flex:1;padding:0 20px;font-size:14px;line-height:1.2;display:block}.tw-signup--sent button{cursor:default;opacity:.6}@media (max-width:900px){.tw-signup{width:100%}}@container (max-width:399px){.tw-signup-row.tw-signup-row{background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:4px;padding:0}.tw-signup-row.tw-signup-row input,.tw-signup-row.tw-signup-row .tw-signup-status{background:var(--signup-fill);text-align:center;border-radius:8px;flex:none;height:43px;padding:0 20px}.tw-signup--sent .tw-signup-row .tw-signup-status{justify-content:center;align-items:center;display:flex}.tw-signup-row.tw-signup-row button{width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--signup-fill) 50%, transparent);border-radius:8px}}