:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}.gate{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2em 0}.gate__username{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.gate__password,.gate__submit{padding:10px 16px;color:#fff;background:#3b3d42;border:1px solid #4e4e57;border-radius:4px}.gate__password{flex:1 1 16em;max-width:22em}.gate__password:focus{border-color:#c800c8;outline:none}.gate__submit{padding-right:24px;padding-left:24px;cursor:pointer}.gate__submit:hover,.gate__submit:focus{border-color:#c800c8}.gate__requirements{flex-basis:100%;margin:0;padding:0;font-size:0.9em;list-style:none}.gate__requirement{color:#e05561;transition:color 0.2s ease-out}.gate__requirement::before{display:inline-block;width:1.4em;content:"✗"}.gate__requirement--met{color:#6cc36c}.gate__requirement--met::before{content:"✓"}.gate__error{flex-basis:100%;margin:0;color:#c800c8}