// Fylgja (https://fylgja.dev)
// Licensed under MIT Open Source

.rounded,
.rounded-conditional {
	--radius: 0.5rem;
	--radius-y: var(--radius); // Alias for t, drop in v2.1 as naming mistake
	--radius-x: var(--radius); // Alias for x, drop in v2.1 as naming mistake
	--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: 1e5px;
	overflow: clip;
}