body {
   min-width: 100vw !important;
   width: 100vw !important;
   max-width: 100vw !important;
   min-height: 100vh !important;
   height: 100vh !important;
   max-height: 100vh !important;
   overflow: hidden !important;
}

.sharp {
   border-radius: 0 !important;
}

i {
   font-size: 24px;
}

.no-select {
   user-select: none;
}

.panelHdr {
   cursor: pointer;
   background-color: var(--bs-body-bg);
   padding: 8px;
   border-bottom: 1px solid var(--bs-border-color);
}

.panelHdr>* {
   user-select: none;
}

.arrow-bounce {
   display: inline-block;
   font-size: 2rem;
   animation: bounce-right 1s infinite alternate;
}

@keyframes bounce-right {
   0% {
      transform: translateX(0);
   }

   100% {
      transform: translateX(20px);
   }
}

.btn-tert {
   /* background-color: var(--bs-border-color); */
   background-color: var(--bs-light-bg-subtle);
}

.btn-tert:hover {
   filter: brightness(150%);
}

.desktopPanel {
   width: 250px;
   min-width: 250px;
   max-width: 250px;
}

.tabletPanel {
   min-width: 50%;
   width: 50%;
   max-width: 50%;
}