.xui button,
.xui slider,
.xui menu,
.xui led,
.xui input:not([type='checkbox']):not([type='range']),
.xui progress,
div.xui.dialog > div
{
	border-radius: 0.5rem;
}

/* no rounded corners in popups. Why have I done this? No idea. */
/*
.xui menu button,
.xui menu radio:not(.vertical) button:first-of-type,
.xui menu radio:not(.vertical) button:last-of-type,
.xui menu radio:not(.horizontal) button:first-of-type,
.xui menu radio:not(.horizontal) button:last-of-type,
div.xui.dialog radio.tabs button
*/
div.xui.dialog radio.tabs button,
div.xui.dialog > div > menu button
{
	border-radius: 0;
}
.xui radio {
	border: none;
}

.xui radio:not(.vertical) button {
	border-top: solid #000 0.5px;
	border-bottom: solid #000 0.5px;
}
.xui radio.vertical button {
	border-left: solid #000 0.5px;
	border-right: solid #000 0.5px;
}

.xui radio:not(.vertical) button:first-of-type {
	border-left: solid #000 0.5px;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.xui radio:not(.vertical) button:last-of-type {
	border-right: solid #000 0.5px;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
.xui radio.vertical button:first-of-type {
	border-top: solid #000 0.5px;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
.xui radio.vertical button:last-of-type {
	border-bottom: solid #000 0.5px;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.xui radio button {
	border-radius: 0;
}

.xui toolbar.left button.menu.down,
.xui toolbar.top button.menu
{
	border-bottom-right-radius: 0;
}
.xui button.menu.up,
.xui toolbar.bottom button.menu,
div.xui.dialog > div > menu
{
	border-top-right-radius: 0;
}
.xui toolbar.right button.menu.up {
	border-top-right-radius: 0.5rem;
}
.xui toolbar.right button.menu.down {
	border-bottom-left-radius: 0;
}
.xui toolbar.right button.menu.up,
div.xui.dialog > div > menu
{
	border-top-left-radius: 0;
}

dialog.xui > menu button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}