.SubNavigation{display:block;background-color:#000;color:#fff;width:100%;min-height:0;z-index:5}.SubNavigation.is-fixed{min-height:50px}@media screen and (min-width:1024px){.SubNavigation{background-color:#fff;color:#000}}.SubNavigation__topics{display:flex;flex-direction:column;font-size:1.4rem;position:relative;top:0;left:0;width:100%;max-height:60px;background-color:#000;border-bottom:1px solid #f2f2f2;overflow-y:hidden;transition:transform .5s ease,max-height .5s ease;z-index:5}.SubNavigation__topics.is-fixed{position:fixed;transform:translateY(-100%)}.SubNavigation__topics.is-fixed:after{display:none}@media screen and (min-width:1024px){.SubNavigation__topics.is-fixed{transform:translateY(0)}}.SubNavigation__topics.is-open{max-height:100%}.SubNavigation__topics.is-open .SubNavigation__topic{display:flex}.SubNavigation__topics.is-shown{transform:translateY(0)}.SubNavigation__topics.is-shown.is-open{overflow-y:auto}.SubNavigation__topics:after{bottom:0}@media screen and (min-width:1024px){.SubNavigation__topics{background:#fff;flex-direction:row;justify-content:center}}.SubNavigation__topicList{display:flex;flex-direction:column;flex-basis:auto;height:100vh}@media screen and (min-width:1024px){.SubNavigation__topicList{flex-direction:row;height:auto}}.SubNavigation__toggleButton{position:absolute;top:0;left:0;width:100%;height:50px;flex-basis:auto;color:#fff;font-weight:700;text-align:right;cursor:pointer}.SubNavigation__toggleButton .SubNavigation__icon{top:50%;transform:translateY(-50%);position:absolute;right:16px;width:14px;margin-top:4px}.SubNavigation__toggleButton .SubNavigation__icon path{fill:#fff}@media screen and (min-width:1024px){.SubNavigation__toggleButton{display:none}}.SubNavigation__topic{display:flex;flex-basis:auto;order:1;margin:4px 0;flex-shrink:0}.SubNavigation__topic.is-active{order:0}@media screen and (min-width:1024px){.SubNavigation__topic{order:0;margin:0 4px}}.SubNavigation__topicLink{display:flex;align-items:center;padding:16px;color:#fff;font-size:1.3rem;text-transform:uppercase;width:100%}.SubNavigation__topic.is-active .SubNavigation__topicLink,.SubNavigation__topicLink:focus{font-weight:700}@media screen and (min-width:1024px){.SubNavigation__topicLink{width:auto;padding:16px 8px;color:#000;text-align:center;position:relative}.SubNavigation__topic.is-active .SubNavigation__topicLink,.SubNavigation__topicLink:focus,.SubNavigation__topicLink:hover{color:#000}.SubNavigation__topic.is-active .SubNavigation__topicLink:after,.SubNavigation__topicLink:focus:after,.SubNavigation__topicLink:hover:after{position:absolute;bottom:0;left:0;content:" ";width:100%;height:3px;background-color:#efdf00}}