.nav-item{block-size:40px;color:#fff;display:flex;list-style:none;position:absolute;text-decoration:none!important;transition:all .3s linear}.nav-item .nav-item__icon{animation:scale-fade-in .5s ease-out forwards;block-size:40px;inline-size:40px;opacity:0;position:relative;transition:all .2s ease-in-out}.nav-item .nav-item__icon img{position:relative;z-index:2}.nav-item .nav-item__icon:before{background-color:#fff;block-size:100%;border-radius:45px;content:"";display:block;inline-size:100%;inset-block-start:50%;inset-inline-start:50%;position:absolute;transform:translate(-50%,-50%);transform-origin:center;transition:all .2s ease-in-out;z-index:0}.nav-item .title{color:#fff;font-size:1rem;line-height:1.1;text-decoration:none;transition:all .2s ease-in-out}.nav-item .title svg{inset-block-start:-1px;inset-inline-end:auto;opacity:1;position:relative;transition:all .2s ease-in-out}.nav-item .content{animation:fade-in .5s ease-out forwards;display:inline-block;inset-block-start:0;margin-inline-start:15px;opacity:0;position:relative;transition:all .2s linear}.nav-item .content .sub-text{inline-size:281px}.nav-item__active .nav-item__icon{transform:scale(1.2)}.nav-item__active .nav-item__icon:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1)}.nav-item__active .content{inset-block-start:12px}.nav-item__active .content .title{font-size:1.2rem;font-weight:600;transform:scale(1.2)}.nav-item__active .content .title svg{inset-inline-end:-200%;opacity:0;transition:all .2s ease-in-out}.nav-item__hover .nav-item__icon{transform:scale(1.2)}.nav-item__hover .nav-item__icon:before{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1);z-index:1}.nav-item__hover .content .title{font-size:1.2rem;font-weight:600;transform:scale(1.2)}@keyframes scale-fade-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.33)}50%{transform:translate(-50%,-50%) scale(1.4)}70%,to{opacity:0}}