html body .auth-scope:has(.auth-role-page){background:#f6f7f9;width:min(390px,100vw);height:100dvh}html body .auth-scope main.auth-role-page[data-od-id=role-access-gate]{color:#1a1d23;padding:max(20px,env(safe-area-inset-top)) 22px max(16px,env(safe-area-inset-bottom))!important;background:#f6f7f9!important;display:block!important}html body .auth-scope .auth-role-page [data-od-id=role-access-panel]{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}html body .auth-scope .auth-role-page [data-od-id=role-access-header]{margin:0 0 20px!important;padding:0!important;display:block!important}html body .auth-scope .auth-role-page [data-od-id=role-access-header] h1{text-align:center;margin:0!important;font-size:13px!important;font-weight:700!important}html body .auth-scope .auth-role-page [data-od-id=role-access-options]{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;display:grid!important}html body .auth-scope .auth-role-page article.auth-role-card{isolation:isolate;height:clamp(140px,33.3333dvh - 74.6667px,174px)!important;min-height:140px!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:26px!important;margin:0!important;padding:16px 156px 16px 12px!important;display:block!important;position:relative!important;overflow:visible!important}html body .auth-scope .auth-role-page article.auth-role-card.is-active{background:#fff!important;border:0!important}html body .auth-scope .auth-role-page .auth-role-card h2{white-space:nowrap;text-align:right!important;margin:0 0 18px!important;font-size:15px!important;font-weight:600!important}html body .auth-scope .auth-role-page .auth-role-card p{white-space:pre-line;color:#8a8a8a!important;text-align:right!important;min-height:0!important;margin:0!important;font-size:11px!important;line-height:1.8!important}html body .auth-scope .auth-role-page .auth-role-badge{color:#999;background:#f6f7f9;border-radius:999px;padding:5px 9px;font-size:9px;position:absolute;top:14px;left:12px}html body .auth-scope .auth-role-page .is-active .auth-role-badge{color:var(--role-accent);background:0 0}html body .auth-scope .auth-role-page button.auth-role-action{color:#8a8a8a!important;width:182px!important;height:44px!important;min-height:44px!important;box-shadow:none!important;background:#fff!important;border:1px solid #f0f1f3!important;border-radius:999px!important;margin:0!important;padding:0 8px!important;font-size:12px!important;font-weight:400!important;position:absolute!important;bottom:16px!important;left:10px!important;right:auto!important}html body .auth-scope .auth-role-page .is-active button.auth-role-action{background:var(--role-accent)!important;color:#fff!important;border:0!important}html body .auth-scope .auth-role-page .auth-role-portrait{z-index:-1;clip-path:inset(0 18px 0 0);pointer-events:none;background-position:bottom;background-repeat:no-repeat;background-size:74%;width:163px;height:213px;position:absolute;top:-37px;right:-8px;-webkit-mask-image:linear-gradient(#000 0% 50%,#000000a6 62%,#00000047 73%,#0000000f 84%,#0000 92%);mask-image:linear-gradient(#000 0% 50%,#000000a6 62%,#00000047 73%,#0000000f 84%,#0000 92%);display:block!important}html body .auth-scope .auth-role-page .auth-role-specialist .auth-role-portrait{background-image:url(/auth/roles/specialist.png);background-size:76%;top:-47px;right:-13px;transform:translate(-5px)scaleX(-1)}html body .auth-scope .auth-role-page .auth-role-coach .auth-role-portrait{background-image:url(/auth/roles/coach.png)}html body .auth-scope .auth-role-page .auth-role-member .auth-role-portrait{background-image:url(/auth/roles/member.png);background-size:88%;top:-47px}html body .auth-scope .auth-role-page .auth-role-gym{--role-accent:#1265e8;--role-tint-start:#f5f8ff;--role-tint-end:#e8f0ff;padding-right:20px!important}html body .auth-scope .auth-role-page .auth-role-gym .auth-role-portrait{display:none!important}html body .auth-scope .auth-role-page .auth-role-hint{color:#777;margin:18px 0 0;font-size:9px;line-height:2}html body .auth-scope .auth-role-page .auth-role-hint p{color:#777!important;margin:0!important;font-size:9px!important;line-height:2!important}@media (max-width:360px){html body .auth-scope main.auth-role-page[data-od-id=role-access-gate]{padding-inline:12px!important}html body .auth-scope .auth-role-page article.auth-role-card{padding-right:140px!important}html body .auth-scope .auth-role-page button.auth-role-action{width:160px!important}}html body .auth-scope .auth-role-page,html body .auth-scope .auth-role-page *{font-family:Vazirmatn,Tahoma,sans-serif!important}html body .auth-scope .auth-role-page [data-od-id=role-access-header]{height:20px!important;min-height:0!important}.auth-role-coach{--role-accent:#ff6d00;--role-tint-start:#fff7f1;--role-tint-end:#ffe0c8}.auth-role-specialist{--role-accent:#008b8b;--role-tint-start:#f1fbfa;--role-tint-end:#ccecea}.auth-role-member{--role-accent:#2878d4;--role-tint-start:#f2f7ff;--role-tint-end:#d4e5fc}html body .auth-scope .auth-role-page button.auth-role-action{cursor:pointer}html body .auth-scope .auth-role-page button.auth-role-action:disabled{opacity:1;cursor:not-allowed}html body .auth-scope .auth-role-page button.auth-role-action[data-loading=true]{opacity:.65;cursor:wait}@media (hover:hover){html body .auth-scope .auth-role-page button.auth-role-action:hover:not(:disabled){filter:brightness(.9)}}html body .auth-scope .auth-role-page button.auth-role-action:active:not(:disabled){filter:brightness(.82)}html body .auth-scope .auth-role-page button.auth-role-action:focus-visible{outline:2px solid var(--role-accent);outline-offset:3px}html body .auth-scope .auth-role-page .auth-role-gym-logo{object-fit:contain;pointer-events:none;background:0 0;width:136px;height:136px;position:absolute;top:-20px;right:4px;-webkit-mask-image:linear-gradient(#000 0% 50%,#000000a6 62%,#00000047 73%,#0000000f 84%,#0000 92%);mask-image:linear-gradient(#000 0% 50%,#000000a6 62%,#00000047 73%,#0000000f 84%,#0000 92%)}html body .auth-scope .auth-role-page article.auth-role-card:has(.auth-role-gym-logo){box-sizing:border-box;height:auto!important;min-height:174px!important;padding:36px 148px 76px 16px!important}html body .auth-scope .auth-role-page .auth-role-card:has(.auth-role-gym-logo) h2{white-space:normal;overflow-wrap:anywhere;line-height:1.6;margin:0 0 8px!important}html body .auth-scope .auth-role-page .auth-role-card:has(.auth-role-gym-logo) p{white-space:normal;overflow-wrap:anywhere;line-height:1.9!important}html body .auth-scope .auth-role-page .auth-role-card:has(.auth-role-gym-logo) .auth-role-badge{top:10px;left:12px}html body .auth-scope .auth-role-page .auth-role-card:has(.auth-role-gym-logo) .auth-role-action{max-width:calc(100% - 32px)}@media (max-width:360px){html body .auth-scope .auth-role-page .auth-role-gym-logo{width:116px;height:116px;top:-16px}html body .auth-scope .auth-role-page article.auth-role-card:has(.auth-role-gym-logo){padding-right:128px!important}}