.navbar{display:flex;justify-content:center}.navbar .navbar-wrapper{display:flex;gap:.25rem;align-items:center;width:100%;max-width:var(--max-width);padding:0 1rem}@media(min-width:48rem){.navbar .navbar-wrapper{padding:0 2rem}}.navbar .logo-link{display:flex;align-items:center}.navbar .logo{height:auto;width:150px}.navbar .logo #heart{fill:var(--primary-500)}.navbar .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem;border:2px solid transparent;border-radius:.5rem;background-color:transparent;cursor:pointer;filter:drop-shadow(0 0 0 hsla(0,0%,0%,0));transition:all .2s ease-in-out;text-decoration:none;font-weight:500}.navbar .btn:hover{transform:translateY(-3px);filter:drop-shadow(2px 2px 6px hsla(0,0%,0%,.2));transition:all .1s ease-out}.navbar .btn.active{border-color:var(--color-gray-900);background-color:#fff}.navbar .btn .icon{width:1.5rem;height:1.5rem;flex-shrink:0}.navbar .back-btn .icon{transform:rotate(180deg)}.navbar .logout-btn{font-size:1rem;font-weight:500;padding-left:.75rem;padding-right:.75rem}.navbar .wizard-btn .wizard-icon path{animation:shimmer 5s ease-in-out infinite}.navbar .wizard-btn .wizard-icon{filter:drop-shadow(0 0 0 hsla(0,0%,0%,0));animation:shimmer-glow 5s ease-in-out infinite}@keyframes shimmer{0%,25%,to{fill:var(--color-gray-900)}10%,15%{fill:var(--primary-500)}}@keyframes shimmer-glow{0%,25%,to{filter:drop-shadow(0 0 0 hsla(0,0%,0%,0))}10%,15%{filter:drop-shadow(0 0 2px hsla(331,100%,69%,.1))}}