:root {
  --default-border-radius: 8px;
}

.rounded,
:local(.rounded) {
  border-radius: var(--default-border-radius);
}

.rounded-top {
  border-top-left-radius: var(--default-border-radius);
  border-top-right-radius: var(--default-border-radius);
}

.rounded-bottom {
  border-bottom-left-radius: var(--default-border-radius);
  border-bottom-right-radius: var(--default-border-radius);
}

.rounded-left {
  border-top-left-radius: var(--default-border-radius);
  border-bottom-left-radius: var(--default-border-radius);
}

.rounded-right {
  border-top-right-radius: var(--default-border-radius);
  border-bottom-right-radius: var(--default-border-radius);
}

.circular {
  border-radius: 99px !important;
}

.not-rounded {
  border-radius: 0;
}