/* Theme toggle button */
.theme-toggle-btn{
  cursor:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:var(--ivory);
  transition:background .25s ease,border-color .25s ease,transform .25s ease,color .25s ease;
}

.theme-toggle-btn:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.24);
  transform:translateY(-1px);
}

.theme-toggle-icon{
  font-size:.95rem;
  line-height:1;
}

.mobile-menu-topbar{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.25rem;
}

.theme-toggle-btn-mobile{
  width:42px;
  height:42px;
}

html[data-theme="light"] .theme-toggle-btn{
  border-color:rgba(22,22,22,.14);
  background:rgba(22,22,22,.04);
  color:#161616;
}

html[data-theme="light"] .theme-toggle-btn:hover{
  background:rgba(22,22,22,.08);
  border-color:rgba(22,22,22,.2);
}

@media (max-width:768px){
  .theme-toggle-btn{
    cursor:pointer;
  }
}