.sidebar-popup-category{margin-top:.25rem;margin-bottom:.25rem;font-size:.875rem;font-weight:300}.sidebar-popup-category__link{padding-top:.25rem;padding-bottom:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex}.sidebar-popup-category__link:before{content:"—";margin-right:.25rem}.sidebar-popup-category__link.router-link-active,.sidebar-popup-category__link:focus,.sidebar-popup-category__link:hover{color:var(--color-primary);outline:2px solid transparent;outline-offset:2px}.sidebar-popup-category__children{margin-left:1rem;-ms-flex-preferred-size:100%;flex-basis:100%}.sidebar-popup{background-color:var(--color-secondary-lightest);overflow-y:auto;width:21rem;max-width:calc(100vw - 200px)}.sidebar-popup__content-wrapper{padding-left:1.5rem;padding-right:1.5rem;padding-top:.25rem;padding-bottom:.25rem}.sidebar-popup__content-wrapper.opacity-leave-active{position:absolute;width:100%}.sidebar-popup__header-and-close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidebar-popup__header{font-size:1.25rem;margin-top:1rem;margin-bottom:1rem}.sidebar-popup__header>a.router-link-active,.sidebar-popup__header>a:focus,.sidebar-popup__header>a:hover{color:var(--color-primary);outline:2px solid transparent;outline-offset:2px}.sidebar-popup__close-button{width:1rem}.sidebar-popup__close-button svg{fill:currentColor}