.topbar-logo-image img{height:39px;width:auto}.hamburger{cursor:pointer;margin-right:10px;z-index:1001;position:relative}.line{width:25px;height:3px;background-color:white;margin:5px auto;transition:all 0.3s ease-in-out}.hamburger.active .line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .line:nth-child(2){opacity:0}.hamburger.active .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.95);z-index:1000;text-align:center;padding-top:100px;overflow:auto;transform:translateY(-100%);transition:transform 0.3s ease-in-out}.menu-overlay.active{transform:translateY(0)}.menu-overlay a{color:white;text-decoration:none;font-size:1.5em;display:block;padding:20px 0}body.menu-open{overflow:hidden}#qr-code-placeholder>canvas,#qr-code-placeholder>img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.qr-marker{position:absolute;z-index:4;opacity:1;transition:opacity 0.5s ease-out;width:30px;height:30px;background-color:transparent;border:none;background-image:url("data:image/svg+xml;utf8,<svg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><rect width='30' height='30' fill='%23245AF6'/><rect x='4' y='4' width='22' height='22' fill='white'/><rect x='8' y='8' width='14' height='14' fill='%23245AF6'/></svg>");background-size:contain;background-repeat:no-repeat}#animated-qr-link{cursor:default}.topbar-button{background-color:#eeeeee;border:1px solid #353535;color:#000000ff!important;padding:0.275rem 1rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;cursor:pointer;border-radius:33px;white-space:nowrap}.topbar-button:hover{background-color:#fff;color:#000000!important}.desktop-menu{display:none;gap:1.5rem;align-items:center}.desktop-menu a{color:#a0aec0;text-decoration:none;font-size:0.9rem;transition:color 0.2s ease-in-out}.desktop-menu a:hover{color:#ffffff}@media (min-width:821px){.desktop-menu{display:flex}}.topbar-container{background-color:transparent;color:var(--text-color);padding:0.5rem;display:flex;justify-content:space-between;align-items:center;top:0;left:0;width:95%;border-bottom:0.5px solid var(--border-color);border-radius:33px;border-top:0.5px solid #353535;margin-top:10px;border:0.5px solid #353535;margin:10px auto 0;position:relative}@media (max-width:450px){.topbar-container{display:flex;align-items:center;position:relative;justify-content:space-between}.topbar-right{display:flex;align-items:center;gap:1rem;margin-left:auto}}