.teacherInfo[data-v-0c319b4a]{width:50%}[dir=ltr] .filter-room{padding-left:24px}[dir=rtl] .filter-room{padding-right:24px}[dir] .selected-teacher-title{margin-top:40px;margin-bottom:20px}#sidebar-filter{width:508px}.button--back{width:40px;height:40px;color:var(--color-neutral--900)}[dir] .button--back{border-radius:50rem;background-color:var(--color-neutral--200);border:none}.filter__button{display:flex;width:118px;height:40px;align-items:center;justify-content:space-around;font-weight:700;font-size:16}[dir] .filter__button{border-radius:8px;background:#fff;border:none}.filter__button[data-changed]{color:var(--color-primary--300,#2a50f3)}[dir] .filter__button[data-changed]{border:3px solid var(--color-primary--300,#2a50f3)}.filter__backdrop{position:fixed;z-index:100;opacity:.5;top:0;width:100vw;height:100vh}[dir] .filter__backdrop{background-color:#22292f;cursor:pointer}[dir=ltr] .filter__backdrop{left:0}[dir=rtl] .filter__backdrop{right:0}.filter__sidebar{position:fixed;height:calc(100vh - var(--navbar-height, 64px));top:var(--navbar-height);width:508px;z-index:101}[dir] .filter__sidebar{border-top:1px solid var(--color-neutral--300);background-color:#fff}[dir=ltr] .filter__sidebar{left:0}[dir=rtl] .filter__sidebar{right:0}.teacherInfo{position:absolute;z-index:100;top:43px}[dir] .teacherInfo{background:#fff}[dir=ltr] .teacherInfo{right:70px}[dir=rtl] .teacherInfo{left:70px}.teacherInfo>.container{overflow:hidden;max-height:100vh;overflow-y:scroll}