@property --hole-x{syntax:"<length-percentage>";inherits:true;initial-value:0%}@keyframes bottom-nav-enter{0%{transform:translateY(120%)}to{transform:translateY(0)}}.bottom-nav-shell{transition:--hole-x .3s cubic-bezier(.22,1,.36,1)}.bottom-nav-blur{z-index:0;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.bottom-nav-hole-bg{z-index:1;--hole-left:var(--hole-x);width:2.96rem;height:2.96rem;top:50%;left:var(--hole-left);pointer-events:none;background-color:color-mix(in oklch, var(--background) 50%, transparent);border-radius:9999px;margin-left:-1.48rem;transition:left .3s cubic-bezier(.22,1,.36,1);position:absolute;transform:translateY(-50%)}.bottom-nav-hole-bg[data-visible=false]{opacity:0}.bottom-nav-hole-bg:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--hole-left:calc(100% - var(--hole-x))}.bottom-nav-active-ring{z-index:0;border:1px solid var(--primary);--hole-left:var(--hole-x);width:3rem;height:3rem;top:50%;left:var(--hole-left);pointer-events:none;border-radius:9999px;margin-left:-1.5rem;transition:left .3s cubic-bezier(.22,1,.36,1);position:absolute;transform:translateY(-50%)}.bottom-nav-active-ring[data-visible=false]{opacity:0}.bottom-nav-active-ring:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--hole-left:calc(100% - var(--hole-x))}.bottom-nav-blur[data-hole=true]{--hole-left:var(--hole-x);-webkit-mask-image:radial-gradient(circle 1.48rem at var(--hole-left) 50%, transparent 99%, #000 100%);-webkit-mask-image:radial-gradient(circle 1.48rem at var(--hole-left) 50%, transparent 99%, #000 100%);mask-image:radial-gradient(circle 1.48rem at var(--hole-left) 50%, transparent 99%, #000 100%)}.bottom-nav-blur[data-hole=true]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--hole-left:calc(100% - var(--hole-x))}@media (prefers-reduced-motion:reduce){.bottom-nav-enter{animation:none!important}.bottom-nav-shell,.bottom-nav-hole-bg,.bottom-nav-active-ring{transition:none!important}}