: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__field,.gate__submit{color:#fff;background:#3b3d42;border:1px solid #4e4e57;border-radius:4px}.gate__field{display:flex;flex:1 1 16em;max-width:22em}.gate__field:focus-within{border-color:#c800c8}.gate__password{flex:1 1 auto;min-width:0;padding:10px 16px;color:inherit;background:none;border:0;outline:none}.gate__field-button{display:flex;flex:none;align-items:center;justify-content:center;width:40px;padding:0;color:#b3b3bd;background:none;border:0;border-radius:4px;cursor:pointer}.gate__field-button[hidden]{display:none}.gate__field-button:hover{color:#fff}.gate__field-button:focus-visible{outline:2px solid #c800c8;outline-offset:-4px}.gate__field-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gate__eye-off,.gate__field-button[aria-pressed=true] .gate__eye{display:none}.gate__field-button[aria-pressed=true] .gate__eye-off{display:block}.gate__submit{padding:10px 24px;cursor:pointer}.gate__submit:hover,.gate__submit:focus{border-color:#c800c8}.gate__warning{display:grid;flex-basis:100%;grid-template-columns:auto 1fr;gap:8px 10px;align-items:start;margin:0;color:#f0b429;font-size:.9em}.gate__warning[hidden]{display:none}.gate__warning svg{grid-row:span 2;width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gate__warning-button{justify-self:start;padding:2px 10px;color:inherit;font:inherit;background:none;border:1px solid currentColor;border-radius:4px;cursor:pointer}.gate__warning-button:hover,.gate__warning-button:focus-visible{color:#232425;background:#f0b429;outline:none}.gate__requirements{flex-basis:100%;margin:0;padding:0;font-size:.9em;list-style:none}.gate__requirement{color:#e05561;transition:color .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}