.top-bar-mobile{position:fixed;top:0;left:0;width:100%;height:70px;padding:0 1rem;background-color:rgba(20,19,19,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120}.top-bar-mobile-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.top-bar-mobile-logo{width:8.5rem;display:flex;align-items:center}.top-bar-mobile-logo img{width:100%;height:auto;display:block}.top-bar-mobile-actions{display:flex;align-items:center;gap:.5rem}.top-bar-mobile-lang{padding:.32rem .5rem;background:rgba(242,237,230,.1);color:var(--base-100);border:1px solid rgba(255,255,255,.16);border-radius:.35rem;max-width:7.5rem}.top-bar-mobile-lang option{background-color:var(--base-500);color:var(--base-100)}.top-bar-mobile-menu-btn{width:2.2rem;height:2.2rem;border:1px solid rgba(255,255,255,.16);border-radius:.4rem;background:transparent;color:var(--base-100);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.top-bar-mobile-drawer{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);padding:1rem;background-color:rgba(12,12,12,.98);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.top-bar-mobile-drawer.open{transform:translateY(0);opacity:1;visibility:visible}.top-bar-mobile-link{display:flex;align-items:center;justify-content:space-between;color:var(--base-100);text-decoration:none;padding:.7rem .8rem;border-radius:.4rem;background-color:rgba(255,255,255,.05)}.top-bar-mobile-link:hover{color:#2979ff}.top-bar-mobile-icon{margin-left:.35rem}