body.aside { overflow: hidden; }

main > aside { position: fixed; height: 100%; width: 75%; max-width: calc(15 * var(--module)); top: 0; right: 0; background-color: #09f; box-shadow: 0 0 var(--module-quarter) rgba(0, 0, 0, 0.6); overflow: auto; transform: translate3d(100%, 0, 0); transition: transform 0.3s var(--animation-curve); z-index: 22; }

.aside main > aside { transform: translate3d(0, 0, 0); }

main > aside header { padding: var(--module-quarter) var(--module-half) 0; font-size: 90%; font-weight: bold; }

main > aside ul { margin: var(--module-quarter) 0; }

main > aside ul li { background-color: rgba(0, 0, 0, 0.05); padding: 0 var(--module-half); margin-bottom: var(--module-quarter); }

main > aside ul li.separator { background-color: transparent; flex: 0 0 var(--module-quarter); }

.aside-bg { position: fixed; top: 0; left: 0; height: 100%; width: 100%; display: none; z-index: 21; }

.aside .aside-bg { display: block; }

/*# sourceMappingURL=aside.css.map */