.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:40}.drawer-content{position:fixed;top:0;right:0;height:100%;width:100%;max-width:400px;background-color:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.15);z-index:50;overflow-y:auto;overflow-x:hidden}@media (max-width:640px){.drawer-content{width:100%;max-width:100vw}}body.drawer-open{overflow:hidden}.drawer-backdrop{will-change:opacity}.drawer-backdrop,.drawer-panel{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.drawer-panel{will-change:transform}.drawer-transition{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.drawer-panel{width:100vw}}