$offset: 1rem;
$small-offset: 0.5rem;
$x-small-offset: 0.25rem;
$large-offset: 2rem;
$x-large-offset: 3rem;
$basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75);
$basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75);
$transition: 0.5s;
$transition-fast: 0.3s;
$transition-slow: 3s;
$smaller: 0.9rem;
$border-radius: 5px;
$sidebar-width: 15rem;
$sidebar-height: 13rem;
$icon-height: 2rem;
$icon-width: 2rem;
$layerselect-height: 20rem;
$layerselect-width: 20rem;
$slight-transparent: 0.96;

.debug {
  border: 1px solid red;
}

%fully-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ui-element {
  pointer-events: auto;
}