#tweakpaneUiContainer {
    position: fixed;
    top: 11%;
    right: 1rem;
    height: calc(calc(100vh - 1rem) - 11%);
    width: min(calc(100% - 2rem), 30rem); /*var(--tweakpane-ui-container-width);*/
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #666 transparent;
    pointer-events: none;
    z-index: 100;
}
#tweakpaneUiContainer > * {
    pointer-events: auto;
}
:root {
    --tp-base-background-color: hsla(0, 0%, 10%, 0.30);
    --tp-base-shadow-color: hsla(0, 0%, 0%, 0.20);
    --tp-button-background-color: hsla(0, 0%, 80%, 1.00);
    --tp-button-background-color-active: hsla(0, 0%, 100%, 1.00);
    --tp-button-background-color-focus: hsla(0, 0%, 95%, 1.00);
    --tp-button-background-color-hover: hsla(0, 0%, 85%, 1.00);
    --tp-button-foreground-color: hsla(0, 0%, 0%, 0.80);
    --tp-container-background-color: hsla(0, 0%, 0%, 0.30);
    --tp-container-background-color-active: hsla(0, 0%, 0%, 0.60);
    --tp-container-background-color-focus: hsla(0, 0%, 0%, 0.50);
    --tp-container-background-color-hover: hsla(0, 0%, 0%, 0.40);
    --tp-container-foreground-color: hsl(0, 0%, 100%);
    --tp-groove-foreground-color: hsla(0, 0%, 0%, 0.20);
    --tp-input-background-color: hsla(0, 0%, 50%, 0.30);
    --tp-input-background-color-active: hsla(0, 0%, 0%, 0.60);
    --tp-input-background-color-focus: hsla(0, 0%, 0%, 0.50);
    --tp-input-background-color-hover: hsla(0, 0%, 0%, 0.40);
    --tp-input-foreground-color: hsla(0, 0%, 100%, 0.60);
    --tp-label-foreground-color: hsla(0, 0%, 100%, 0.80);
    --tp-monitor-background-color: hsla(0, 0%, 0%, 0.30);
    --tp-monitor-foreground-color: hsla(0, 0%, 100%, 0.60);
    --tp-base-font-family: Arial, sans-serif;

    /* --tp-blade-label-width: 200rem; */
   /* --tp-blade-value-width: calc(100% - 10rem); */
}

input[type="text"] {
    text-align: center;;
}
select {
    text-align: center;;
}

/* lil-gui themed Tweakpane slider */
/* Track */
  
  /* Filled portion + knob */
  /* .tp-sldv_t::before {
    height: 100% !important;
  }
  .tp-sldv_k::after {
    background-color: #fdb50a !important;
    width: 2px !important;
    right: -1px !important;
    height: 100% !important;
  }*/
  
  
  