.nav-icon[data-v-6471990c]{width:2.25rem;height:2.25rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(81 82 84 / var(--un-text-opacity));--un-shadow:0px 1px 3px var(--un-shadow-color, rgba(74, 85, 104, .15));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition:all .1s ease-in-out}.nav-icon[data-v-6471990c]:hover{--un-bg-opacity:1;background-color:rgba(var(--tenant-color--primary-500, 27, 173, 106),var(--un-bg-opacity));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.nav-icon .nav-icon__icon[data-v-6471990c]{transform-origin:center top}.nav-icon.notif .nav-icon__icon[data-v-6471990c]{--un-text-opacity:1;color:rgb(255 187 2 / var(--un-text-opacity));animation:wiggle-6471990c 2s infinite}.nav-icon.notif .nav-icon__icon[data-v-6471990c]:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.nav-icon.notif .nav-icon__icon[data-v-6471990c]:hover{animation-play-state:paused}@keyframes wiggle-6471990c{0%,15%,to{transform:rotate(0)}20%{transform:rotate(16deg)}35%{transform:rotate(-10deg)}42%{transform:rotate(8deg)}46%{transform:rotate(-4deg)}50%{transform:rotate(2deg)}}