.header-icon-group{position:relative;overflow:hidden}.booster-fill-container,.nav-flame-container,.nav-star-container,.nav-icon-container{pointer-events:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;position:relative;overflow:hidden}.fill-layer{z-index:5;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;inset:0;transform:translateY(100%)}.group:hover .fill-layer{transform:translateY(0)}.nav-icon-star svg,.nav-flame-container svg{transition:all .3s}@keyframes star-glow{0%,to{filter:drop-shadow(0 0 3px #ffeb49)}50%{filter:drop-shadow(0 0 10px #ffeb49)}}.animate-star-glow{animation:2s ease-in-out infinite star-glow}.booster-fill-container{display:flex}.gift-trigger{cursor:pointer;position:relative}.gift-lid{width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;top:0;left:0;transform:translateY(0)}.gift-trigger:hover .gift-lid{animation:.6s forwards gift-pop}@keyframes gift-pop{0%{opacity:1;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-15px)rotate(-15deg)}to{opacity:0;transform:translateY(-25px)rotate(-30deg)}}@keyframes bellAlert{0%,to{transform:rotate(0)scale(1)}10%,30%,50%{color:#ef4444;transform:rotate(-10deg)scale(1.1)}20%,40%{color:#ef4444;transform:rotate(10deg)scale(1.1)}60%{color:#ef4444;transform:rotate(0)scale(1)}}@keyframes boosterAlert{0%,to{transform:scale(1)}10%,30%,50%{color:#ef4444;fill:#ef4444;transform:scale(1.2)translateY(-2px)}20%,40%{color:#ef4444;fill:#ef4444;transform:scale(1.2)translateY(2px)}60%{color:#ef4444;fill:#ef4444;transform:scale(1)}}.animate-bellAlert{animation:.8s cubic-bezier(.36,.07,.19,.97) both bellAlert}.animate-boosterAlert{animation:.8s cubic-bezier(.36,.07,.19,.97) both boosterAlert}@keyframes gift-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.gift-wobble-icon{animation:.6s ease-in-out infinite gift-wobble}@keyframes login-breathe{0%,to{box-shadow:0 0 5px var(--accent-1),0 0 10px var(--accent-1);filter:brightness()}50%{box-shadow:0 0 20px var(--accent-1),0 0 30px var(--accent-1);filter:brightness(1.2)}}.login-aura-effect{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.login-aura-effect:hover{z-index:60;animation:2s ease-in-out infinite login-breathe!important;transform:scale(1.1)!important}