.drawer-overlay{position:fixed;z-index:10000;top:0;left:0;bottom:0;right:0;display:flex;align-items:stretch;background-color:rgba(0,0,0,.2)}.drawer-overlay[data-entering]{animation:fadeIn .3s ease-out}.drawer-overlay[data-exiting]{animation:fadeOut .3s ease-out}@keyframes fadeIn{0%{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.2)}}@keyframes fadeOut{0%{background-color:rgba(0,0,0,.2)}to{background-color:rgba(0,0,0,0)}}.drawer{display:flex;flex-direction:column;background:white;box-shadow:0 4px 16px rgba(0,0,0,.15);outline:none;max-width:100vw;position:relative;box-sizing:border-box}.drawer--right{margin-left:auto}.drawer--left{margin-right:auto}.drawer--right[data-entering]{animation:slideInRight .3s ease-out}.drawer--right[data-exiting]{animation:slideOutRight .3s ease-out}.drawer--left[data-entering]{animation:slideInLeft .3s ease-out}.drawer--left[data-exiting]{animation:slideOutLeft .3s ease-out}@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%)}}.drawer__content{display:flex;flex-direction:column;height:100%;outline:none;padding:0;width:100%;box-sizing:border-box;overflow:hidden}.drawer__scroll-container{flex:1 1;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}