:host {
  box-sizing: border-box;
  border-radius: var(--radius);
  background-color: var(--default-bg);
  display: block;
}
:host(.shadow-2) {
  box-shadow: 1px 1px 3px 1px rgba(3, 3, 3, 0.3)
}
:host(.shadow-1) {
  box-shadow: 1px 1px 3px rgba(3, 3, 3, 0.2);
}
:host(.shadow-0) {
  box-shadow: 0px 1px 2px rgba(3, 3, 3, 0.05);
}
:host(.outlined) {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border-width: 1px;
  border-color: var(--default-highlight);
  border-style: solid;
}