/* The Social version of the pass: the stub is where a client signs in, so it
   carries a form and is wider than The Base's. Every child may shrink to the
   stub's width (min-width: 0), or one long line stretches the form past the
   stub's edge and the inputs are cut off. */
.pass__tilt { grid-template-columns: minmax(0, 1fr) 300px; }
.pass__logo { cursor: pointer; -webkit-user-select: none; user-select: none; }
.pass__stub { gap: 14px; padding: 28px 24px 24px; }
.pass__stub > * { min-width: 0; }
.stub__admit { font-size: 44px; }
.stub__form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; min-width: 0; }
.stub__field { display: grid; gap: 5px; min-width: 0; }
.stub__field span { font: 600 9.5px/1 var(--ct-font); letter-spacing: .1em; text-transform: uppercase; color: rgba(255, 255, 255, .82); }
.stub__field input { display: block; height: 40px; width: 100%; min-width: 0; border: 1px solid rgba(255, 255, 255, .5); border-radius: 10px; background: rgba(255, 255, 255, .14); color: #fff; padding: 0 12px; font: 500 13.5px/1 var(--ct-font); }
.stub__field input::placeholder { color: rgba(255, 255, 255, .55); }
.stub__field input:focus { outline: none; border-color: #fff; background: rgba(255, 255, 255, .22); }
.stub__remember { display: flex; align-items: center; gap: 7px; font: 500 12px/1.2 var(--ct-font); color: rgba(255, 255, 255, .88); cursor: pointer; }
.stub__remember input { accent-color: #fff; width: 14px; height: 14px; margin: 0; }
.stub__go { width: 100%; height: 44px; font-size: 14px; margin-top: 2px; }
.stub__forgot { justify-self: center; font: 500 12px/1.2 var(--ct-font); color: rgba(255, 255, 255, .82); }
.stub__forgot:hover { color: #fff; text-decoration: underline; }
.stub__google { display: none; width: 100%; height: 44px; font-size: 14px; gap: 9px; }
.stub__google.is-shown { display: inline-flex; animation: googleIn .35s var(--ease) both; }
@keyframes googleIn { from { opacity: 0; transform: translateY(-6px); } }
@media (max-width: 720px) { .pass__tilt { grid-template-columns: minmax(0, 1fr); } }