.rounded,
.rounded-conditional {
  --radius: 0.5rem;
  --radius-y: var(--radius);
  --radius-x: var(--radius);
  --radius-t: var(--radius-y);
  --radius-b: var(--radius-x);
  --radius-s: initial;
  --radius-e: initial;
  --_radius-t: var(--radius-t);
  --_radius-b: var(--radius-b);
  --_radius-s: var(--radius-s);
  --_radius-e: var(--radius-e);
  border-start-start-radius: var(--_radius-s, var(--_radius-t));
  border-end-start-radius: var(--_radius-s, var(--_radius-b));
  border-start-end-radius: var(--_radius-e, var(--_radius-t));
  border-end-end-radius: var(--_radius-e, var(--_radius-b));
}

.rounded-conditional {
  --_radius-t: clamp(0px, calc(100cqi - 100%) * 1e5, var(--radius-t));
  --_radius-b: clamp(0px, calc(100cqi - 100%) * 1e5, var(--radius-b));
}

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

.rounded-inherit {
  border-radius: inherit;
}

.round {
  aspect-ratio: 1;
  border-radius: 100000px;
  overflow: clip;
}