.msc-design-system :where(button,.button,input[type="button"],input[type="submit"],.wp-element-button) {
	border-radius: 8px;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.msc-design-system :where(a,button,input,select,textarea):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--msc-blue) 35%, transparent);
	outline-offset: 2px;
}
.msc-design-system :where(input,select,textarea) { border-color: var(--msc-line); color: var(--msc-text); }
.msc-design-system [data-msc-tooltip] { position: relative; }
.msc-design-system [data-msc-tooltip]::after {
	background: var(--msc-text); border-radius: 6px; color: #fff; content: attr(data-msc-tooltip);
	font-size: 13px; left: 50%; opacity: 0; padding: 7px 10px; pointer-events: none;
	position: absolute; top: calc(100% + 8px); transform: translate(-50%,-4px); transition: opacity .15s ease,transform .15s ease;
	white-space: nowrap; z-index: 10000;
}
.msc-design-system [data-msc-tooltip]:is(:hover,:focus-visible)::after { opacity: 1; transform: translate(-50%,0); }
@media (prefers-reduced-motion: reduce) {
	.msc-design-system *, .msc-design-system *::before, .msc-design-system *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}