@font-face{font-family:Mehr;src:url('./font-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Mehr;src:url('./font-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--cpd-font-family-sans:Mehr,Tahoma,sans-serif;--cpd-font-family-sans-serif:Mehr,Tahoma,sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,button,input,select,textarea,.mx_AuthPage,.mx_Dialog,.mx_MatrixChat{font-family:Mehr,Tahoma,sans-serif!important}
html[lang='fa'] body{direction:rtl;text-align:start}
/* Safari auto-zooms small controls; do not disable accessibility pinch zoom. */
input:not([type=checkbox]):not([type=radio]),select,textarea,[contenteditable=true],[role=textbox]{font-size:16px!important}
input[type=password],input[type=email],input[autocomplete=username],input[autocomplete=one-time-code],input[name=username],.mx_Field input[type=number]{direction:ltr;text-align:start}
pre,code,.mx_EventTile_codeBlock{direction:ltr;text-align:left;unicode-bidi:plaintext}
.mx_EventTile_body,.mx_MTextBody{unicode-bidi:plaintext;text-align:start}
.mx_AuthPage .mx_AuthPage_modal{max-width:calc(100vw - 32px)}
.mx_AuthPage .mx_AuthPage_modalContent{min-width:0;box-sizing:border-box}
.mehr-welcome{font:400 15px/1.9 Mehr,Tahoma,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 20px;color:inherit}
.mehr-install{border:1px solid currentColor;border-radius:10px;min-height:44px;font:400 16px/1.6 Mehr,Tahoma,sans-serif;padding:8px 16px;background:transparent;color:inherit;cursor:pointer;margin:16px 0;max-width:100%}
.mehr-install-note{font:400 14px/1.9 Mehr,Tahoma,sans-serif;max-width:36rem}
@media(max-width:600px){.mx_AuthPage{padding:16px!important}.mx_AuthPage .mx_AuthPage_modal{width:100%!important;margin-inline:0!important}.mx_AuthPage .mx_AuthPage_modalContent{padding:24px 20px!important}.mx_AuthPage .mx_AuthPage_language{max-width:100%}.mx_Dialog{max-width:calc(100vw - 24px)!important}}
@media(prefers-reduced-motion:reduce){.mehr-install{transition:none}}
/* Keep upstream desktop fixed widths from clipping the narrow Persian sign-in form. */
.mx_AuthPage{box-sizing:border-box!important;width:100%!important;min-height:100dvh;background:#f5f7f8!important;padding:24px 16px!important;align-items:center!important;justify-content:center!important}
.mx_AuthPage *, .mx_AuthPage *::before,.mx_AuthPage *::after{box-sizing:border-box;letter-spacing:normal!important}
.mx_AuthPage .mx_AuthPage_modal{width:min(460px,100%)!important;max-width:100%!important;border:1px solid #dce4e8;border-radius:18px;box-shadow:none!important;background:#fff!important;margin:0 auto!important;overflow:visible}
.mx_AuthPage .mx_AuthPage_modalBlur{display:none!important}
.mx_AuthPage .mx_AuthPage_modalContent{width:100%!important;display:block!important;padding:32px!important;background:#fff!important;border-radius:18px}
.mx_AuthPage .mx_AuthBody{width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;float:none!important}
.mx_AuthPage .mx_Field{width:100%!important;min-width:0!important;max-width:100%!important}
.mx_AuthPage .mx_Field input{min-width:0!important;width:100%!important}
.mx_AuthPage .mx_Field label{right:12px!important;left:auto!important;max-width:calc(100% - 24px);font-family:Mehr,Tahoma,sans-serif!important;transform-origin:right top!important}
.mx_AuthPage input::placeholder{text-align:right;direction:rtl;letter-spacing:normal!important}
.mx_AuthPage h1{font:700 26px/1.8 Mehr,Tahoma,sans-serif!important;margin:12px 0 24px!important;text-align:right}
.mx_AuthPage .mx_AuthHeader{display:block!important;width:100%!important;padding:0!important}
.mx_AuthPage .mx_AuthHeaderLogo{display:block!important;width:64px!important;height:64px!important;padding:0!important;margin:0 0 20px!important}
.mx_AuthPage .mx_AuthHeaderLogo img{width:64px!important;height:64px!important}
.mx_AuthPage .mx_Login_submit{background:var(--mehr-accent,#176d85)!important;color:var(--mehr-on-accent,#fff)!important;border-radius:10px!important;min-height:48px}
.mx_AuthPage .mx_AuthFooter{box-sizing:border-box;width:100%!important;max-width:100%;color:#526573;position:static!important;font:400 12px/1.8 Mehr,Tahoma,sans-serif!important}
@media(max-width:600px){.mx_AuthPage .mx_AuthPage_modalContent{padding:24px 20px!important}.mx_AuthPage h1{font-size:24px!important}}

.mx_AuthPage .mx_AuthFooter{background:none!important;background-image:none!important}.mx_AuthPage .mx_AuthFooter a{color:#526573!important;font-family:Mehr,Tahoma,sans-serif!important;letter-spacing:normal!important}
#mehr-boot[hidden]{display:none!important}#mehr-boot{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;gap:20px;padding:24px;background:#f5f7f8;color:#1b303b;text-align:center;direction:rtl;font:400 16px/1.9 Mehr,Tahoma,sans-serif}#mehr-boot strong{font-size:24px}#mehr-boot-status{max-width:32rem;margin:0}#mehr-boot-retry{min-height:46px;padding:10px 20px;background:#176d85;color:#fff;border:0;border-radius:10px;cursor:pointer}