@import "./InvisibleTextStyles.css";
@import "./FormComponents.css";

:host {
	display: inline-block;
	height: var(--_ui5_slider_height, 2.75rem);
	width: 100%;
}

:host([label-interval]:not([label-interval="0"])) {
	height: 3.75rem;
	align-items: flex-start;
}

.ui5-slider-evo-root {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: var(--_ui5_slider_root_side_padding);
	box-sizing: border-box;
	min-width: var(--_ui5_slider_inner_min_width);
}

:host([disabled]) {
	opacity: var(--_ui5_slider_disabled_opacity);
	cursor: default;
	pointer-events: none;
}