._navigation_13luh_1{isolation:isolate}.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a{isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative}.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:before{content:"";width:calc(var(--tj-student-bottom-icon-size) + 24px);height:calc(var(--tj-student-bottom-icon-size) + 24px);z-index:-1;opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--tj-pistachio) 42%, transparent), transparent 70%);filter:blur(4px);transition:opacity var(--tj-motion-fast) ease, transform var(--tj-motion-delight) var(--tj-ease-standard);border-radius:50%;position:absolute;inset-block-start:5px;inset-inline-start:50%;transform:translate(50%)scale(.45)}.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:is(:focus-visible,:active){color:var(--tj-pistachio);background:color-mix(in srgb, var(--tj-pistachio) 10%, var(--tj-surface))}.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:is(:focus-visible,:active) svg{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--tj-pistachio) 76%, transparent));transform:translateY(-5px)scale(1.24)rotate(-3deg)}.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:is(:focus-visible,:active):before{opacity:1;transform:translate(50%)scale(1.2)}@media (hover:hover) and (pointer:fine){.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:hover{color:var(--tj-pistachio);background:color-mix(in srgb, var(--tj-pistachio) 10%, var(--tj-surface))}.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:hover svg{filter:drop-shadow(0 0 9px color-mix(in srgb, var(--tj-pistachio) 76%, transparent));transform:translateY(-5px)scale(1.24)rotate(-3deg)}.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:hover:before{opacity:1;transform:translate(50%)scale(1.2)}}@media (prefers-reduced-motion:reduce){.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a:before,.app-bottom-navigation[data-navigation-mode=learner][data-navigation-version=v2] a svg{transition:none}}body:has([data-navigation-version=v2]) .app-bottom-navigation[data-navigation-mode=learner]:not([data-navigation-version=v2]){display:none}
