.view-selector-nav-view-by-tab{display:flex}.vsnvbt__text{font:normal 12px Verdana,sans-serif}.vsnvbt__tabs{display:flex}.vsnvbt__text-tab{align-content:center;display:inline-block}.vsnvbt__text-tab:after{color:#bcbcbc;content:"|"/"";font-size:8px;margin:0 5px;vertical-align:2px}.vsnvbt__text-tab:last-child:after{content:"";margin:0}.vsnvbt__text-tab-link{padding:0 3px}.vsnvbt__text-tab-link,.vsnvbt__text-tab-link:active,.vsnvbt__text-tab-link:hover,.vsnvbt__text-tab-link:link,.vsnvbt__text-tab-link:visited{color:#545454;text-decoration:none}.vsnvbt__text-tab-link:active,.vsnvbt__text-tab-link:focus,.vsnvbt__text-tab-link:hover{outline:none;text-decoration:underline}.vsnvbt__text-tab-link:focus{outline:none}.vsnvbt__text-tab-link--selected.vsnvbt__text-tab-link--selected{color:#00AEEF}.vsnvbt__chevron-tab{padding:0 25px}.vsnvbt__chevron-tab--selected{position:relative}.vsnvbt__chevron-tab--selected:after{background:no-repeat top/100% 40px url(/assets/skillTreeNavigation/viewSelectorNav/tab-selected-background.svg?version=0);content:" "/"";height:40px;left:0;position:absolute;top:0;width:100%;z-index:0}.vsnvbt__chevron-tab-link{align-content:center;color:#00AEEF;display:inline-block;height:100%;letter-spacing:-.5px;position:relative;text-decoration:none;z-index:1}.vsnvbt__chevron-tab-link:active,.vsnvbt__chevron-tab-link:hover,.vsnvbt__chevron-tab-link:link,.vsnvbt__chevron-tab-link:visited{color:#00AEEF}.vsnvbt__chevron-tab-link:focus{outline:none;text-decoration:underline}.vsnvbt__chevron-tab-link:hover{text-decoration:underline}.vsnvbt__chevron-tab-link--selected.vsnvbt__chevron-tab-link--selected{color:#fff}.vsnvbt__view-by{align-content:center;color:#545454;display:none;margin-right:5px}@media screen and (min-width:601px){.vsnvbt__view-by{display:block}}@media screen and (min-width:481px){.vsnvbt__text{font-size:13px}}.selector-menu-button{all:unset;align-items:center;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font:normal 10px/1.25 Verdana,sans-serif;height:100%;position:relative;width:100%}@media screen and (min-width:400px){.selector-menu-button{font:normal 11px/1.25 Verdana,sans-serif}}@media screen and (min-width:481px){.selector-menu-button{font:normal 12px/1.25 Verdana,sans-serif}}.selector-menu-button:focus,.selector-menu-button:hover{background-color:#ccc}.selector-menu-button--open{background-color:#ffffff;z-index:99}.selector-menu-button--open:focus,.selector-menu-button--open:hover{background-color:#ffffff}.selector-menu-button--right-aligned{justify-content:flex-end}.selector-menu-button__arrow{margin-left:5px}@media screen and (min-width:481px){.selector-menu-button__arrow{margin-left:10px}}.selector-menu-button-arrow{border-bottom:5px solid #666;border-left:3.5px solid transparent;border-right:3.5px solid transparent}.selector-menu-button-arrow--down-arrow{border-bottom:0;border-top:5px solid #666}.selector-menu-content-mask{background-color:#000000;bottom:0;left:0;opacity:.35;position:fixed;right:0;top:0;z-index:98}.selector-menu-overlay__selector-menu{background-color:#ffffff;border-radius:0 8px 8px 8px;display:flex;flex-direction:column;outline:none;position:absolute;z-index:99}.selector-menu-overlay__selector-menu--right-aligned{border-radius:8px 0 8px 8px;right:0}.selector-menu-overlay__separator{background-color:#efeff0;height:1px;margin:0 10px}.selector-menu-item-with-state{color:#666;cursor:pointer;outline:none;padding:10px;text-decoration:none}@media screen and (min-width:661px){.selector-menu-item-with-state{padding:10px 20px}}.selector-menu-item-with-state:focus,.selector-menu-item-with-state:hover{color:#666;outline:none;text-decoration:underline}.selector-menu-item-with-state__content-container{align-items:center;display:flex;font:normal 10px/1.25 Verdana,sans-serif;justify-content:space-between}@media screen and (min-width:400px){.selector-menu-item-with-state__content-container{font:normal 11px/1.25 Verdana,sans-serif}}@media screen and (min-width:481px){.selector-menu-item-with-state__content-container{font:normal 12px/1.25 Verdana,sans-serif}}.selector-menu-item-with-state__chevron-arrow-container{margin-left:35px;margin-right:10px}.selector-menu-item-with-state__chevron-arrow{border-bottom:1px solid #666;border-right:1px solid #666;height:4px;transform:rotate(-45deg);width:4px}.selector-menu-item-with-state--blue1,.selector-menu-item-with-state--blue1:focus,.selector-menu-item-with-state--blue1:hover{color:#10a0b6}.selector-menu-item-with-state__chevron-arrow--blue1{border-bottom-color:#10a0b6;border-right-color:#10a0b6}.selector-menu-item-with-state--orange1,.selector-menu-item-with-state--orange1:focus,.selector-menu-item-with-state--orange1:hover{color:#f39317}.selector-menu-item-with-state__chevron-arrow--orange1{border-bottom-color:#f39317;border-right-color:#f39317}.selector-menu-item-with-state--green1,.selector-menu-item-with-state--green1:focus,.selector-menu-item-with-state--green1:hover{color:#42ae18}.selector-menu-item-with-state__chevron-arrow--green1{border-bottom-color:#42ae18;border-right-color:#42ae18}.selector-menu-item-with-state--red1,.selector-menu-item-with-state--red1:focus,.selector-menu-item-with-state--red1:hover{color:#d74726}.selector-menu-item-with-state__chevron-arrow--red1{border-bottom-color:#d74726;border-right-color:#d74726}.selector-menu-item-with-state--blue2,.selector-menu-item-with-state--blue2:focus,.selector-menu-item-with-state--blue2:hover{color:#00a1de}.selector-menu-item-with-state__chevron-arrow--blue2{border-bottom-color:#00a1de;border-right-color:#00a1de}.selector-menu-item-with-state--purple1,.selector-menu-item-with-state--purple1:focus,.selector-menu-item-with-state--purple1:hover{color:#8d33aa}.selector-menu-item-with-state__chevron-arrow--purple1{border-bottom-color:#8d33aa;border-right-color:#8d33aa}.selector-menu-item-with-state--green2,.selector-menu-item-with-state--green2:focus,.selector-menu-item-with-state--green2:hover{color:#00b971}.selector-menu-item-with-state__chevron-arrow--green2{border-bottom-color:#00b971;border-right-color:#00b971}.selector-menu-item-with-state--orange2,.selector-menu-item-with-state--orange2:focus,.selector-menu-item-with-state--orange2:hover{color:#e9681b}.selector-menu-item-with-state__chevron-arrow--orange2{border-bottom-color:#e9681b;border-right-color:#e9681b}.selector-menu-item-with-state--green3,.selector-menu-item-with-state--green3:focus,.selector-menu-item-with-state--green3:hover{color:#0b863c}.selector-menu-item-with-state__chevron-arrow--green3{border-bottom-color:#0b863c;border-right-color:#0b863c}.selector-menu-item-with-state--orange3,.selector-menu-item-with-state--orange3:focus,.selector-menu-item-with-state--orange3:hover{color:#eabc00}.selector-menu-item-with-state__chevron-arrow--orange3{border-bottom-color:#eabc00;border-right-color:#eabc00}.selector-menu-item-with-state--purple2,.selector-menu-item-with-state--purple2:focus,.selector-menu-item-with-state--purple2:hover{color:#7027a5}.selector-menu-item-with-state__chevron-arrow--purple2{border-bottom-color:#7027a5;border-right-color:#7027a5}.selector-menu-item-with-state--red2,.selector-menu-item-with-state--red2:focus,.selector-menu-item-with-state--red2:hover{color:#c83131}.selector-menu-item-with-state__chevron-arrow--red2{border-bottom-color:#c83131;border-right-color:#c83131}.selector-menu-item-with-state--blue3,.selector-menu-item-with-state--blue3:focus,.selector-menu-item-with-state--blue3:hover{color:#147cc4}.selector-menu-item-with-state__chevron-arrow--blue3{border-bottom-color:#147cc4;border-right-color:#147cc4}.selector-menu-item-with-state--green4,.selector-menu-item-with-state--green4:focus,.selector-menu-item-with-state--green4:hover{color:#0bc1b6}.selector-menu-item-with-state__chevron-arrow--green4{border-bottom-color:#0bc1b6;border-right-color:#0bc1b6}.selector-menu-item-with-state--orange4,.selector-menu-item-with-state--orange4:focus,.selector-menu-item-with-state--orange4:hover{color:#de9715}.selector-menu-item-with-state__chevron-arrow--orange4{border-bottom-color:#de9715;border-right-color:#de9715}.selector-menu-item-with-state--gray1,.selector-menu-item-with-state--gray1:focus,.selector-menu-item-with-state--gray1:hover{color:#8c8898}.selector-menu-item-with-state__chevron-arrow--gray1{border-bottom-color:#8c8898;border-right-color:#8c8898}.selector-menu-item-with-state--white,.selector-menu-item-with-state--white:focus,.selector-menu-item-with-state--white:hover{color:#fff}.selector-menu-item-with-state__chevron-arrow--white{border-bottom-color:#fff;border-right-color:#fff}.mobile-view-selector{display:flex}.mobile-view-selector__selector-menu-button-container{min-width:60px}.mobile-view-selector__selector-menu-button{padding:0 10px}@media screen and (min-width:661px){.mobile-view-selector__selector-menu-button{padding:0 20px}}@media screen and (min-width:1014px){.mobile-view-selector__selector-menu-button-container-subject,.mobile-view-selector__selector-menu-button-container-view-by{display:none}}@media screen and (min-width:1062px){.mobile-view-selector__selector-menu-button-container-grade,.mobile-view-selector__selector-menu-button-container-topic{display:none}}@media screen and (min-width:1014px){.view-selector-nav--mobile-only{display:none}}.view-selector-nav{background:#f4f8fa;height:30px}.view-selector-nav--increased-height{height:39px}.view-selector-nav__content{align-items:stretch;box-sizing:border-box;display:flex;height:100%;margin:0 auto;max-width:1240px;width:100%}@media screen and (min-width:1014px){.view-selector-nav__content{justify-content:space-between}}.view-selector-nav__content--space-between{justify-content:space-between}.view-selector-nav__left-space{padding-left:10px}@media screen and (min-width:661px){.view-selector-nav__left-space{padding-left:20px}}.view-selector-nav__hide-on-mobile{display:none}.view-selector-nav__view-by-tab{height:100%}@media screen and (min-width:1014px){.view-selector-nav__hide-on-mobile{display:block;padding-left:20px;padding-right:20px}}