.alo-sidebar{height:100%;width:var(--sidebar-width);z-index:1300;background-color:var(--white);outline:0;flex-direction:column;flex:1 0 auto;max-width:100%;transition:transform .225s cubic-bezier(0,0,.2,1);display:flex;position:fixed;top:0;overflow:hidden}.alo-sidebar__left{transform:translateX(calc(-1*var(--sidebar-width)));-webkit-transform:translateX(calc(-1*var(--sidebar-width)));left:0}.alo-sidebar__right{transform:translateX(var(--sidebar-width));-webkit-transform:translateX(var(--sidebar-width));right:0}.alo-sidebar__open{transform:translate(0)}.alo-sidebar__header{padding-inline:var(--spacing-md);padding-block:var(--spacing-md);border-bottom:1px solid var(--mercury);flex-shrink:0;justify-content:space-between;display:flex}.alo-sidebar__header-content{flex:1}.alo-sidebar__body{-webkit-overflow-scrolling:touch;padding:var(--spacing-md);flex-grow:1;overflow-y:auto}.alo-sidebar__footer{padding-inline:var(--spacing-md);padding-block:var(--spacing-md);border-top:1px solid var(--mercury);flex-shrink:0}.alo-sidebar__overlay{z-index:1300;opacity:0;background-color:#00000080;transition:opacity .225s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.alo-sidebar__overlay--visible{opacity:1;visibility:visible}.alo-sidebar__overlay--hidden{opacity:0;z-index:-1;visibility:hidden;transition:all .225s cubic-bezier(.4,0,.2,1)}.alo-sidebar__bg--locked{overflow:hidden}.alo-sidebar .alo-close-x-icon{display:block}