.sidebar{position:fixed;z-index:50;width:365px;background-color:white;box-shadow:0 0 20px rgba(0,0,0,.15)}.sidebar-rtl{right:0;transform:translateX(100%)}.sidebar.open-rtl{animation:slideInRight .3s ease-in-out forwards}.sidebar.closed-rtl{animation:slideOutRight .3s ease-in-out forwards}.sidebar-ltr{left:0;transform:translateX(-100%)}.sidebar.open-ltr{animation:slideInLeft .3s ease-in-out forwards}.sidebar.closed-ltr{animation:slideOutLeft .3s ease-in-out forwards}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.8);z-index:40;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.overlay-visible{opacity:1;visibility:visible;animation:fadeIn .3s ease-in-out}.overlay-hidden{opacity:0;visibility:hidden;animation:fadeOut .3s ease-in-out}.third-level-slider{position:absolute;top:0;height:100%;width:100%;background:white;transition:transform .3s ease-in-out;z-index:60}.third-level-rtl{right:0;transform:translateX(100%);animation:slideInRtl .3s forwards}.third-level-ltr{left:0;transform:translateX(-100%);animation:slideInLtr .3s forwards}@keyframes slideInRtl{to{transform:translateX(0)}}@keyframes slideInLtr{to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}