.root {
  padding: 16px;
  border-radius: 2px;

  &--withBackground {
    background: var(--secondary-background);
  }

  &--fullWidth {
    width: 100%;
  }

  &--hover:hover {
    background: var(--hover-selected);
  }
}

:global(.theme-dark) .root_bordered {
  border: var(--border-weak);
}

:global(.theme-light) .root_bordered {
  border: var(--border-weak);
}

:global(.theme-dark) .root_shadowed {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}