/* -------------------------------------------------------------------------- */
/* --- Main Frame                                                         --- */
/* -------------------------------------------------------------------------- */

.sidebar-ruler {
    display: block;
    visibility: hidden;
    width: 80px;
    height: 0px;
}

.component-info {
    color: var(--text) ;
    min-width: 50px;
    padding-top: 4px;
    font-size: smaller;
}

/* -------------------------------------------------------------------------- */
/* --- Styling LabViews                                                   --- */
/* -------------------------------------------------------------------------- */

.labview-field {
    position: relative ;
    left: -8px ;
}

.labview-stock:hover {
    background: var(--background-profound);
}

.labview-stock:hover * {
    cursor: move ;
}

.labview-stock.dome-dragging
{
    border-radius: 4px ;
    background: var(--background-profound);
    border: thin solid black ;
}

.labview-content
{
    background: var(--background);
}

.labview-titlebar
{
    background: var(--background-profound);
    height: 24px 
}

.labview-handle
{
    flex: 1 1 auto ;
    cursor: move ;
}

.labview-close:hover
{
    fill: var(--negative-button-color) ;
}

.labview-icon {
    fill: var(--info-text);
}

/* -------------------------------------------------------------------------- */
/* --- Styling all scrollbars                                             --- */
/* -------------------------------------------------------------------------- */

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track {
  background: var(--background-intense);
}

::-webkit-scrollbar-thumb {
  background-color: var(--info-text-discrete);
  border-radius: 20px;
  border: 3px solid var(--background-intense);
}

::-webkit-scrollbar-corner {
  background-color: var(--background-profound);
  background: var(--background-profound);
  color: var(--background-profound);
}

/* -------------------------------------------------------------------------- */
/* --- Styling all inputs                                                 --- */
/* -------------------------------------------------------------------------- */

input[type="search"]::placeholder {
  font-style: italic;
  color: var(--text-discrete);
}

input[type="text"]::placeholder {
  font-style: italic;
  color: var(--text-discrete);
}

input[type="text"] {
  vertical-align: middle;
  margin: 2px 4px 2px 0px;
  background-color: var(--background-interaction);
  border: var(--border);
  border-radius: 2px;
}

input:focus-visible {
  outline: none;
  box-shadow: 0px 0px 1px 1px var(--border);
}

input[type="checkbox"] {
  appearance: none;
  width: 13px;
  height: 13px;
  border: 1px solid var(--border);
  border-radius: 2px;
  content: "";
  font-size: 12px;
  color: var(--text);
  background-clip: content-box;
  padding: 1px;
}

input[type="checkbox"]:checked {
  background-color: var(--checked-element);
}

/* -------------------------------------------------------------------------- */