#block-filterNav,#block-filterRegisterNav{--filter-height: 8vw;position:absolute;left:0;max-width:9.6vw;height:50vh;padding-right:var(--spacer-05)}@media (min-width: 800px){#block-filterNav,#block-filterRegisterNav{--filter-height: unset}}@media (min-width: 1500px){#block-filterNav,#block-filterRegisterNav{max-width:18vw;padding-right:0;height:auto}}#block-filterNav .navbar,#block-filterRegisterNav .navbar{pointer-events:none}#block-filterNav .navbar .nav,#block-filterRegisterNav .navbar .nav{pointer-events:auto}#block-filterNav .block-menu,#block-filterRegisterNav .block-menu{margin-top:var(--spacer-1)}@media (max-width: 1499.98px){#block-filterNav .block-menu,#block-filterRegisterNav .block-menu{width:100%;height:100%}}@media (max-width: 1259.98px){#block-filterNav .navbar-title .title,#block-filterRegisterNav .navbar-title .title{font-size:1.2vw}}@media (min-width: 1500px){#block-filterNav .navbar-title,#block-filterRegisterNav .navbar-title{width:100%;max-width:none}}#block-filterNav .navbar-title .title-icon,#block-filterRegisterNav .navbar-title .title-icon{width:var(--filter-height);background:var(--c-primary);color:var(--c-white);padding:0.4em;display:inline-flex;justify-content:center;align-items:center;align-content:center}#block-filterNav .navbar-title .title-icon svg,#block-filterRegisterNav .navbar-title .title-icon svg{object-fit:contain;width:100%}#filter-nav{transform:rotate(90deg);transform-origin:6% 50%;width:80vh}@media (min-width: 1500px){#filter-nav{margin-left:unset;transform:rotate(0deg);width:auto;height:auto;position:relative;left:unset}}#filter-nav .nav-item{width:100%}#filter-nav .nav-item .nav-link{position:relative;color:var(--c-text);vertical-align:middle;height:var(--filter-height);font-size:clamp(10px, 3.6vw, var(--font-size-h3));background:var(--c-white);padding:var(--spacer-1) var(--spacer-25);transform:scale(1)}@media (min-width: 1500px){#filter-nav .nav-item .nav-link{padding:var(--spacer-2) var(--spacer-35)}}#filter-nav .nav-item .nav-link:hover{transform:scale(1.05)}#filter-nav .nav-item .nav-link:hover,#filter-nav .nav-item .nav-link.active{color:var(--c-primary)}#filter-nav .nav-item .nav-link svg{opacity:0;transform:scale(0) translateX(-50%);width:3vw;height:3vw;object-fit:contain;position:absolute;left:50%;top:-4%;transition:all 200ms ease;transform-origin:center}@media (min-width: 580px){#filter-nav .nav-item .nav-link svg{opacity:0;transform:scale(0) translateX(-50%);top:-25%;width:2.4vw;height:2.4vw}}@media (min-width: 1500px){#filter-nav .nav-item .nav-link svg{width:4rem;height:4rem;right:-1.4rem;top:50%;left:auto}}#filter-nav .nav-item .nav-link.active{background-color:var(--c-primary);color:var(--c-white)}@media (max-width: 579.98px){#filter-nav .nav-item .nav-link.active:after{opacity:1;transform:scale(1) translateX(-50%)}}@media (max-width: 1499.98px){#filter-nav .nav-item .nav-link.active:after{content:"";transition:all 150ms ease;z-index:-1;height:3vw;width:100%;position:absolute;left:50%;top:0;transform:translateY(-75%) translateX(-50%);background:var(--c-primary);clip-path:polygon(0 98%, 100% 100%, 100% 60%, 50% 0, 0 60%)}}@media (min-width: 1500px){#filter-nav .nav-item .nav-link.active:after{content:"";transition:all 150ms ease;z-index:-1;width:3rem;height:100%;position:absolute;right:0;top:0;transform:translateX(80%);background:var(--c-primary);clip-path:polygon(0% 0%, 50% 0, 100% 50%, 50% 100%, 0% 100%)}}#filter-nav .nav-item .nav-link.active svg{opacity:1;transform:scale(1) translateX(-50%)}@media (min-width: 800px){#filter-nav .nav-item .nav-link.active svg{opacity:0;transform:scale(0) translateX(-50%)}}@media (min-width: 1500px){#filter-nav .nav-item .nav-link.active svg{transform:scale(1) translateY(-50%)}}@media (min-width: 800px){#filter-nav .nav-item .nav-link.active:hover svg{opacity:1;transform:scale(1) translateX(-50%)}}@media (min-width: 1500px){#filter-nav .nav-item .nav-link.active:hover svg{opacity:1;transform:scale(1) translateY(-50%)}}.is-loaded #filter-nav nav-item .nav-link{transition:background-color 150ms ease,color 100ms ease}.ios-under-14 #filter-nav .nav-item .nav-link{font-size:3.6vw}
