@import url('/brand/tokens.css');
.team-lock,.team-lock *{box-sizing:border-box}
.team-lock{position:fixed;inset:0;z-index:2147483647;overflow:auto;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);text-align:start;direction:ltr;display:flex;flex-direction:column;padding:var(--space-5)}
.team-lock[hidden]{display:none}
.team-lock .team-mark{display:block;width:120px;height:auto;margin-block:var(--space-5);align-self:flex-start}
.team-lock .team-content{width:100%;max-width:400px;margin:auto; padding-block:var(--space-7)}
.team-lock .team-label{font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gray-600);margin:0 0 var(--space-5)}
.team-lock h1{font:var(--weight-regular) clamp(32px,7vw,48px)/var(--leading-display) var(--font-display);margin:0 0 var(--space-5)}
.team-lock .team-point{color:var(--oxblood)}
.team-lock .team-copy{margin:0 0 var(--space-5);color:var(--gray-800)}
.team-lock .team-ar{font-family:var(--font-arabic);line-height:var(--leading-arabic-body);direction:rtl;text-align:right}
.team-lock label{display:block;margin:var(--space-6) 0 var(--space-2);font-weight:var(--weight-medium)}
.team-lock input{display:block;width:100%;height:48px;padding:var(--space-3);border:var(--border-width) solid var(--ink);border-radius:0;background:var(--cream);color:var(--ink);font:inherit}
.team-lock button{display:block;width:100%;min-height:48px;margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--ink);color:var(--cream);border:var(--border-width) solid var(--ink);border-radius:0;font:inherit;font-weight:var(--weight-medium);cursor:pointer}
.team-lock button:disabled{cursor:wait}
.team-lock input:focus-visible,.team-lock button:focus-visible{outline:var(--border-width-strong) solid var(--oxblood);outline-offset:var(--space-1)}
.team-lock .team-error{min-height:1.5em;margin:var(--space-3) 0 0;color:var(--gray-800)}
.team-lock .team-foot{margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--gray-600)}
@media(min-width:768px){.team-lock{padding:var(--space-7)}}
