@import 'dist/nouislider.css';

.responsivewrap {
	display: inline-block;
	width: 100%;
}

.responsive-slider {
	width: 157px;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

.compat-field-responsive-class .label {
	vertical-align: top;
}

.responsiveoutput {
	margin-bottom: 1rem;
}

.objectcontain, .sample .objectcontain {
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
.objectcover, .sample .objectcover {
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.objectleftcenter, .sample .objectleftcenter {
	height: 100%;
	object-fit: cover;
	object-position: left center;
}
.objectcentercenter, .sample .objectcentercenter {
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.objectrightcenter, .sample .objectrightcenter {
	height: 100%;
	object-fit: cover;
	object-position: right center;
}
.objectleft10, .sample .objectleft10 {
	height: 100%;
	object-fit: cover;
	object-position: 10% center;
}
.objectleft20, .sample .objectleft20 {
	height: 100%;
	object-fit: cover;
	object-position: 20% center;
}
.objectleft30, .sample .objectleft30 {
	height: 100%;
	object-fit: cover;
	object-position: 30% center;
}
.objectleft40, .sample .objectleft40 {
	height: 100%;
	object-fit: cover;
	object-position: 40% center;
}
.objectright40, .sample .objectright40 {
	height: 100%;
	object-fit: cover;
	object-position: 60% center;
}
.objectright30, .sample .objectright30 {
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
}
.objectright20, .sample .objectright20 {
	height: 100%;
	object-fit: cover;
	object-position: 80% center;
}
.objectright10, .sample .objectright10 {
	height: 100%;
	object-fit: cover;
	object-position: 90% center;
}

.responsivecrop{
	height: 100% !important;
	object-fit: cover;
}

.responsivecrop0{
	object-position: 0 center;
}

.responsivecrop2{
	object-position: 2% center;
}
.responsivecrop4{
	object-position: 4% center;
}
.responsivecrop6{
	object-position: 6% center;
}
.responsivecrop8{
	object-position: 8% center;
}
.responsivecrop10{
	object-position: 10% center;
}
.responsivecrop12{
	object-position: 12% center;
}
.responsivecrop14{
	object-position: 14% center;
}
.responsivecrop16{
	object-position: 16% center;
}
.responsivecrop18{
	object-position: 18% center;
}
.responsivecrop20{
	object-position: 20% center;
}
.responsivecrop22{
	object-position: 22% center;
}
.responsivecrop24{
	object-position: 24% center;
}
.responsivecrop26{
	object-position: 26% center;
}
.responsivecrop28{
	object-position: 28% center;
}
.responsivecrop30{
	object-position: 30% center;
}
.responsivecrop32{
	object-position: 32% center;
}
.responsivecrop34{
	object-position: 34% center;
}
.responsivecrop36{
	object-position: 36% center;
}
.responsivecrop38{
	object-position: 38% center;
}
.responsivecrop40{
	object-position: 40% center;
}
.responsivecrop42{
	object-position: 42% center;
}
.responsivecrop44{
	object-position: 44% center;
}
.responsivecrop46{
	object-position: 46% center;
}
.responsivecrop48{
	object-position: 48% center;
}
.responsivecrop50{
	object-position: 50% center;
}
.responsivecrop52{
	object-position: 52% center;
}
.responsivecrop54{
	object-position: 54% center;
}
.responsivecrop56{
	object-position: 56% center;
}
.responsivecrop58{
	object-position: 58% center;
}
.responsivecrop60{
	object-position: 60% center;
}
.responsivecrop62{
	object-position: 62% center;
}
.responsivecrop64{
	object-position: 64% center;
}
.responsivecrop66{
	object-position: 66% center;
}
.responsivecrop68{
	object-position: 68% center;
}
.responsivecrop70{
	object-position: 70% center;
}
.responsivecrop72{
	object-position: 72% center;
}
.responsivecrop74{
	object-position: 74% center;
}
.responsivecrop76{
	object-position: 76% center;
}
.responsivecrop78{
	object-position: 78% center;
}
.responsivecrop80{
	object-position: 80% center;
}
.responsivecrop82{
	object-position: 82% center;
}
.responsivecrop84{
	object-position: 84% center;
}
.responsivecrop86{
	object-position: 86% center;
}
.responsivecrop88{
	object-position: 88% center;
}
.responsivecrop90{
	object-position: 90% center;
}
.responsivecrop92{
	object-position: 92% center;
}
.responsivecrop94{
	object-position: 94% center;
}
.responsivecrop96{
	object-position: 96% center;
}
.responsivecrop98{
	object-position: 98% center;
}
.responsivecrop100{
	object-position: 100% center;
}