.logo-container.svelte-50q0g6{width:14.125rem;height:100%;display:flex;flex-direction:column;position:relative;color:var(--color-accent);justify-content:center}.logo-container.svelte-50q0g6 svg{display:block;width:100%;height:auto}.logo-container.svelte-50q0g6 .logo:where(.svelte-50q0g6){position:relative;z-index:0}.logo-container.svelte-50q0g6 .hat:where(.svelte-50q0g6){width:3.375rem;position:absolute;right:-1.125rem;top:-1.5rem;z-index:1;animation:svelte-50q0g6-hatAnim .66s ease;animation-delay:.33s;transform-origin:bottom right;transition:rotate .22s ease}.logo-container.svelte-50q0g6:hover .hat:where(.svelte-50q0g6){rotate:10deg}@keyframes svelte-50q0g6-hatAnim{0%{rotate:0}50%{rotate:10deg}to{rotate:0}}