.sidebar{
  position:fixed;
  left:0.25rem;
  top:50%;
  z-index:10;
  display:none;
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius:0.125rem;
  --tw-bg-opacity:1;
  background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1));
  padding-left:0.25rem;
  padding-right:0.25rem;
  font-size:0.75rem;
  line-height:1rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 1024px){
  .sidebar{
    display:block;
  }
}
.sidebar-entry{
  position:relative;
  display:flex;
  min-height:4rem;
  min-width:3.5rem;
  flex-direction:column;
  align-items:center;
  justify-content:space-evenly;
  white-space:nowrap;
  border-bottom-width:0.0625rem;
  border-color:rgb(255 255 255 / 0.3);
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.sidebar-entry::before{
  position:absolute;
  top:50%;
  width:0px;
  height:0px;
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-width:0.75rem;
  border-bottom-width:0.75rem;
  border-right-width:0.75rem;
  border-style:solid;
  border-top-color:transparent;
  border-bottom-color:transparent;
  --tw-border-opacity:1;
  border-right-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
  content:none;
  left:calc(100% + 0.35rem);
}
@media (hover: hover) and (pointer: fine){
  .sidebar .sidebar-entry[data-with-qrcode=true]:hover::before{
    content:"";
  }
}