#app-settings{position:fixed;top:0;right:0;bottom:0;z-index:20}#app-settings .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75)}#app-settings .wrapper{position:absolute;width:17.5rem;top:0;right:0;bottom:0;z-index:10;background-color:#fff;transform:translate3d(100%,0,0);transition:all .1s ease-out;padding:1.75rem}@media (min-width:40em){#app-settings .wrapper{width:18.75rem}}#app-settings.active{left:0}#app-settings.active .wrapper{transform:translateZ(0)}#app-settings .bar{display:flex;justify-content:flex-end}#app-settings .close{display:block;width:1rem;height:1rem;padding:0;margin-bottom:.75rem;border:none}