@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/cairo-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/cairo-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/cairo-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/cairo-700.ttf) format('truetype');
}

.language-toggle{font:inherit;font-size:13px;border:1px solid #ffffff40;border-radius:5px;background:#ffffff12;color:white;cursor:pointer;padding:9px 14px;margin:16px 10px 0}aside>.language-toggle{order:-1;margin:0 0 18px;align-self:flex-end}.login-panel>.language-toggle{position:absolute;top:20px;right:24px;background:white;border:1px solid #d8e2dc;color:#0d563c;margin:0}.language-toggle:focus-visible{outline:3px solid #bba765;outline-offset:3px}[lang=ar]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] aside{left:auto;right:0}[dir=rtl] .shell{margin-left:0;margin-right:16%}[dir=rtl] nav button{text-align:right}[dir=rtl] nav button.active{box-shadow:inset -3px 0 #6dae80}[dir=rtl] table{text-align:right}[dir=rtl] td button,[dir=rtl] .department-card-link,[dir=rtl] .department-heading,[dir=rtl] .sidebar-account button,[dir=rtl] .sidebar-account a,[dir=rtl] .section-link,[dir=rtl] button.workload-row{text-align:right}[dir=rtl] .calendar{margin-left:0;margin-right:auto}[dir=rtl] header #today{border-right:0;border-left:1px solid var(--line);padding-right:0;padding-left:12px}[dir=rtl] .view-all{float:left}[dir=rtl] .attention time,[dir=rtl] .card-meta time{margin-left:0;margin-right:auto}[dir=rtl] .filters #sort{margin-left:0;margin-right:auto}[dir=rtl] .inline-editor{right:auto;left:27px}[dir=rtl] body[data-view=Tasks] .table-wrap{margin-right:0;margin-left:260px}[dir=rtl] body[data-view=Tasks]:not(:has(.inline-editor[open])) .table-wrap{margin-left:0}[dir=rtl] .inline-editor output{float:left}[dir=rtl] .subtasks{padding-left:0;padding-right:15px}[dir=rtl] .task-span{direction:ltr}[dir=rtl] .weeks{direction:ltr}[dir=rtl] .track{direction:ltr}[dir=rtl] .recent-updates .recent-update{text-align:right;border-right:0;border-left:1px solid var(--line);padding-left:10px;padding-right:0}[dir=rtl] .recent-updates .recent-update:last-child{border:0}[dir=rtl] .workload h2 small{float:left}[dir=rtl] .workload-row small{text-align:left}[dir=rtl] .password-field input{padding-right:13px;padding-left:65px}[dir=rtl] .password-field button{right:auto;left:12px}[dir=rtl] .brand-copy h1{letter-spacing:0}[dir=rtl] input[type=email],[dir=rtl] input[type=password]{direction:ltr;text-align:right}[dir=rtl] h1{letter-spacing:0;line-height:1.5}[dir=rtl] .workspace{letter-spacing:0}[dir=rtl] .login-panel>.language-toggle{right:auto;left:24px}@media(max-width:1150px) and (min-width:701px){[dir=rtl] body[data-view=Tasks] .table-wrap{margin-left:230px}[dir=rtl] body[data-view=Tasks]:not(:has(.inline-editor[open])) .table-wrap{margin-left:0}}@media(max-width:700px){[dir=rtl] .shell{margin:0}[dir=rtl] body[data-view=Tasks] .table-wrap{margin:0}[dir=rtl] .inline-editor{left:12px}[dir=rtl] .recent-updates .recent-update{border:0}aside>.language-toggle{position:absolute;top:12px;left:12px;right:auto;z-index:2}[dir=rtl] aside>.language-toggle{left:auto;right:12px}.login-panel>.language-toggle{top:12px}}

:root,html,body,[lang=ar],[lang=en]{font-family:"Cairo",Arial,sans-serif}button,input,select,textarea{font-family:"Cairo",Arial,sans-serif}.aside-foot,.brand-footer{font-family:"Cairo",Arial,sans-serif;font-style:normal}h1,h2,h3{font-family:"Cairo",Arial,sans-serif;line-height:1.5}.card p,.heading p:last-child{line-height:1.65}input,select,button{line-height:1.5}