access-nyc-patterns/dist/components/mobile-nav/mobile-nav.css

User Interface Patterns for Benefits Access

.c-mobile-nav{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;-o-transition:transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in;position:fixed;top:0;bottom:0;right:-300px;padding:24px 0 24px 24px;background:#eef3f7;color:#172129;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;display:block;width:300px;z-index:1}.c-mobile-nav__close{font-weight:400;font-size:.72rem;line-height:1.3;font-family:Noto Sans,sans-serif;font-style:italic;text-align:right;text-decoration:none;color:#112e51;margin-right:24px;margin-bottom:24px;display:block}.c-mobile-nav__close .icon{margin-left:.3em;vertical-align:middle}.c-mobile-nav__inner{padding:24px 24px 48px 0;height:100%;overflow-y:scroll}.c-mobile-nav__header{margin-bottom:0}.c-mobile-nav\@active{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (min-width:960px){.c-mobile-nav,.c-mobile-nav__close{display:none}}@media screen and (min-width:768px){.c-mobile-nav__close{font-size:1rem}}