/* rightMenu */
[data-theme="light"] #rightMenu {
  display: none;
  position: fixed;
  width: 160px;
  height: fit-content;
  top: 10%;
  left: 10%;
  background-color: var(--card-bg);
  border: 1px solid rgb(210, 210, 210);
  border-radius: 8px;
  z-index: 100;
  box-shadow: 3px 3px 5px #88888894;
  background-color: var(--yep-rightmenu-white-acrylic1);
  backdrop-filter: blur(30px);
}
[data-theme="dark"] #rightMenu {
  display: none;
  position: fixed;
  width: 160px;
  height: fit-content;
  top: 10%;
  left: 10%;
  background-color: var(--card-bg);
  border: 1px solid rgb(210, 210, 210);
  border-radius: 8px;
  z-index: 100;
  box-shadow: 3px 3px 5px #88888894;
  background-color: var(--yep-rightmenu-black-acrylic1);
  backdrop-filter: blur(30px);
}
#rightMenu .rightMenu-group {
  padding: 7px 6px;
}
#rightMenu .rightMenu-group:not(:nth-last-child(1)) {
  border-bottom: 1px solid rgb(180, 180, 180);
}
#rightMenu .rightMenu-group.rightMenu-small {
  display: flex;
  justify-content: space-between;
}
#rightMenu .rightMenu-group .rightMenu-item {
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  transition: 0.3s;
  color: var(--font-color);
}
#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item {
  display: flex;
  height: 40px;
  line-height: 40px;
  padding: 0 4px;
}
#rightMenu .rightMenu-group .rightMenu-item:hover {
  background-color: var(--text-bg-hover);
  box-shadow: 0px 0px 5px var(--yep-rightmenu-border);
}
#rightMenu .rightMenu-group .rightMenu-item i {
  display: inline-block;
  text-align: center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  padding: 0 5px;
}
#rightMenu .rightMenu-group .rightMenu-item span {
  line-height: 30px;
}
#rightMenu:hover {
  border: 1px solid var(--yep-rightmenu-blue);
  /* box-shadow:0 0 3px var(--yep-rightmenu-blue)!important; */
}
#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item * {
  height: 40px;
  line-height: 40px;
}
.rightMenu-group.hide {
  display: none;
}
.rightMenu-item:hover {
  color: white !important;
  background-color: var(--yep-rightmenu-blue) !important;
}
:root {
  --yep-rightmenu-border: #c9c9c9;
  --yep-rightmenu-blue: #6cf;
  --yep-rightmenu-gray: #e2e2e2;
  --yep-rightmenu-theme: #6cf;
  --yep-rightmenu-green: #39c5bb;
  --yep-rightmenu-black-acrylic1: #0008;
  --yep-rightmenu-black-acrylic2: #000a;
  --yep-rightmenu-black-acrylic3: #00000099;
  --yep-rightmenu-black: black;
  --yep-rightmenu-white: white;
  --yep-rightmenu-white-acrylic1: #fffd;
  --yep-rightmenu-white-acrylic2: #fffa;
  --yep-rightmenu-blackgray: #797979;
  --yep-rightmenu-0: #0000;
  --yep-rightmenu-scrollbar: #acacacdd;
}