.page-width.header--has-menu{justify-content:center}.navigation-wrapper{display:none}.onboarding-nav{background-color:rgb(var(--gray-900))}.onboarding-nav--fixed{position:fixed;right:0;height:100vh;top:0;z-index:11}.onboarding-nav--inner{position:relative;height:inherit}.onboarding-nav--inner:before{content:"";position:absolute;right:40px;display:block;width:3px;height:100%;background-color:rgb(var(--gray-800))}.onboarding-nav--nav{padding:96px 0 64px;display:flex;flex-direction:column;grid-gap:3px}.level-links--wrapper{position:relative}.level-links--beginner{--color-inside: rgb(var(--brand-warning))}.level-links--intermediate{--color-inside: rgb(var(--brand-success))}.level-links--advanced{--color-inside: rgb(var(--brand-primary))}.level-links--wrapper .heading-h5{position:absolute;top:18px;right:12px;transform:rotate(90deg);transform-origin:left top;width:0;font-size:10px;color:var(--color-inside);opacity:.5;white-space:nowrap}.level-links--wrapper ul{list-style:none;text-align:right;margin:0;padding:0 42px 0 0}.level-links--wrapper ul li{padding-left:8px}.level-links--wrapper ul .nav-link{text-decoration:none;font-family:var(--font-heading-family);font-weight:600;letter-spacing:-.03em;color:rgb(var(--gray-200));position:relative;padding:12px 16px;transition:.3s ease-in-out color;display:block}.level-links--wrapper ul .nav-link:before,.level-links--wrapper ul .nav-link:after{content:"";position:absolute}.level-links--wrapper ul .nav-link:before{width:3px;height:100%;right:-2px;top:0;transition:.3s ease-in-out background}.level-links--wrapper ul .nav-link.visited:before{background-color:var(--color-inside)}.level-links--wrapper ul .nav-link.nav-link--active.visited:before{height:50%}.level-links--wrapper.level-links--advanced ul .nav-link.nav-link--active.visited:last-child:before{height:100%}.level-links--wrapper ul .nav-link:after{background-color:rgb(var(--gray-900));border:3px solid rgb(var(--gray-800));width:15px;height:15px;right:-8px;top:50%;border-radius:50%;transform:translate3d(0,-50%,0);transition:.3s ease-in-out background-color}.level-links--wrapper ul .nav-link.nav-link--active,.level-links--wrapper ul .nav-link:hover{color:rgb(var(--gray-25))}.level-links--wrapper ul .nav-link.nav-link--active:after,.level-links--wrapper ul .nav-link:hover:after,.level-links--wrapper ul .nav-link.visited:after{background-color:var(--color-inside)}.onboarding-location{position:relative;font-size:18px;letter-spacing:-.03em;text-transform:none;font-weight:600;padding-left:24px}.onboarding-location:after,.onboarding-location:before{position:absolute;content:"";background-color:var(--color-inside)}.onboarding-location:before{width:22px;top:50%;height:3px;left:-1px;transform:translate(-50%,-50%)}.onboarding-location:after{border:3px solid rgb(var(--gray-800));width:14px;height:14px;left:-8px;top:50%;border-radius:50%;transform:translate3d(0,-50%,0);transition:.3s ease-in-out background-color}.onboarding-location.onboarding-location--beginner{--color-inside: rgb(var(--brand-warning));color:var(--color-inside)}.onboarding-location.onboarding-location--intermediate{--color-inside: rgb(var(--brand-success));color:var(--color-inside)}.onboarding-location.onboarding-location--advanced{--color-inside: rgb(var(--brand-primary));color:var(--color-inside)}.wrapper-onboarding-map{width:100%;background-color:#303349}.wrapper-onboarding-map svg{display:block;max-width:100%;height:auto;margin:auto}.route-link--map .route-link--map__circle{opacity:0;transition:.3s ease-in-out opacity}.route-link--map:hover{cursor:pointer}.route-link--map.active .route-link--map__circle,.route-link--map:hover .route-link--map__circle{opacity:1;cursor:pointer}.route-link--map:hover{filter:drop-shadow(0px 0px 6px rgb(100,255,255))}@media screen and (min-width:1620px){#shopify-section-header,body main,.footer.color-background-2{padding-right:0;margin-right:200px}.onboarding-nav{width:200px}}@media screen and (min-width:1090px)and (max-width:1619px){#shopify-section-header,body main{padding-right:82px}.onboarding-nav{transition:.3s ease-in-out width}.onboarding-nav .level-links--wrapper ul .nav-link span{display:block;position:relative;white-space:nowrap;text-align:right;width:0;overflow:hidden;transform:translate(-100%);transition:.3s ease-in-out width,.3s ease-in-out transform}.onboarding-nav:hover .level-links--wrapper ul .nav-link span{width:100%;transform:translate(0)}}.btn.btn-map{background:rgb(var(--gray-600));border:none;border-radius:4px;color:rgb(var(--gray-25));display:flex;padding:0;justify-content:center;align-items:center;width:42px;height:42px;margin:var(--spacing-5) 20px var(--spacing-3) auto;position:relative;transition:.3s ease-in-out background}.btn.btn-map:hover{cursor:pointer;background:rgb(var(--gray-400))}.btn.btn-map svg{margin:0}@media screen and (max-width:1089px){.onboarding-nav--fixed{top:auto;height:auto;width:100%;bottom:0}.onboarding-nav--inner{overflow:hidden}.snaps-inline{scroll-snap-type:inline mandatory;scroll-padding-inline:5rem}.snaps-inline ul li{scroll-snap-align:start}.onboarding-nav--nav{flex-direction:row;padding:24px 5rem;overflow-x:auto;justify-content:center}.onboarding-nav--inner:before{right:auto;display:block;width:100%;height:3px;top:20px}.level-links--wrapper .heading-h5{top:auto;right:auto;transform:none}.level-links--wrapper ul{display:flex;padding:0}.level-links--wrapper ul li{padding-left:0}.level-links--wrapper ul .nav-link{padding-left:0;text-align:left}.level-links--wrapper ul .nav-link span{white-space:nowrap;display:block}.level-links--wrapper ul .nav-link:after{right:auto;top:-3px;left:0}.level-links--wrapper ul .nav-link:before{width:100%;height:3px;right:auto;top:-4px;left:0}.level-links--wrapper ul .nav-link.nav-link--active.visited:last-child:before{height:3px}.level-links--wrapper ul .nav-link.nav-link--active.visited:before{width:0}.level-links--wrapper.level-links--advanced ul .nav-link.nav-link--active.visited:last-child:before{width:100%;height:3px}.btn.btn-map{flex:0 0 42px;margin:-16px 32px 20px}}@media screen and (max-width:899px){.onboarding-nav--nav{justify-content:flex-start}.level-links--wrapper ul .nav-link{width:128px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-onboarding-nav.css.map */