.AppLayout-module__2cDl-q__main{min-height:100dvh;padding-bottom:66px}.AppLayout-module__2cDl-q__nav{--offset:calc(375px*var(--active-index,0)/4);background:linear-gradient(#fff,#fff) no-repeat,url(/images/nav-bg.svg) no-repeat,linear-gradient(#fff,#fff) no-repeat;background-size:calc((100vw - 375px)/2 + var(--offset))100%,375px 100%,auto 100%;background-position:-13px 100%,calc((100vw - 375px)/2 - 14px + var(--offset))100%,calc(calc((100vw - 375px)/2 - 14px + var(--offset)) + 375px)100%;z-index:2;justify-content:center;align-items:center;width:100%;height:63px;transition:background-position .3s,background-size .3s;display:flex;position:sticky;bottom:0;left:0}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navList{grid-template-columns:repeat(4,1fr);width:375px;height:100%;margin:0;padding:0;display:grid;position:relative}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navItem{justify-content:center;align-items:center;display:flex}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navItemLink{color:#000000a6;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:55px;height:55px;display:flex;position:relative}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navItemLink .AppLayout-module__2cDl-q__navItemIcon{color:var(--spf-primary);transition:color .3s,transform .4s cubic-bezier(.4,0,.2,1) .2s}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navItemLink .AppLayout-module__2cDl-q__label{font-size:10px;font-weight:400;line-height:12px}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navItemLink.AppLayout-module__2cDl-q__active .AppLayout-module__2cDl-q__navItemIcon{color:#fff;transform:translateY(-15px)}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navActiveBg{width:25%;height:100%;transform:translateX(calc(var(--active-index,0)*100%));will-change:transform;pointer-events:none;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1) .2s;display:flex;position:absolute;top:0;left:0}.AppLayout-module__2cDl-q__nav .AppLayout-module__2cDl-q__navActiveBgCircle{background:var(--spf-primary);border-radius:100px;width:55px;height:55px;transform:translateY(-15px)}