.widget-main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  /* height: 100%; */
  padding: 3px;
}

.widget-inner {
  background: var(--tab);
  width: 100%;
  height: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 3px 0px 0px inset #ffffff05, 0 0 10px 0px #00000021, 0px -3px 1px 0px inset #00000010;
  overflow: hidden;
  /*0px -3px 0px 0px inset #00000030*/
}

.widget-label {
  font-size: 11px;
  color: var(--font3);
  margin: 3px 5px -4px 5px;
  /* text-transform: uppercase; */
  white-space: nowrap;
  overflow-x: clip;
  white-space: pre;
}

.widget-plabel {
  /* padding-left: 1px; */
}

.widget-suffix {
  float: right;
}

.widget-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 6px;
  min-height: 25px;
}

.widget-disabled {
  opacity: 45%;
}

.widget-notab {
  background: none;
  box-shadow: none;
}

.widget-square {
  aspect-ratio: 1;
}

.widget-nolabel {
  display: none;
}

.widget-hint {
  display: none;
  color: var(--back);
  background: var(--font3);
  cursor: pointer;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  margin-right: 3px;
}

.widget-disable {
  cursor: default !important;
  user-select: none;
}

.widget-disable:hover {
  filter: brightness(1) !important;
}

.widget-disable:active {
  filter: brightness(1) !important;
}