.ba-Slider{position:relative;display:block;background:#212121;background: #000;padding-top: 44px;object-fit: cover;margin:20px auto;overflow:hidden;-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;transition: opacity 0.35s;width:38%;}
.tb-rlt {width: 70%;}
.slider {position: absolute;top: calc(50% - 16px);left: calc(50% - 16px);background: #000;width: 48px;height: 48px;cursor: pointer;border-radius: 50%;box-shadow: 0 0 6px rgba(0, 0, 0, 0);transition: background 0.3s, box-shadow 0.3s, opacity 0.5s 0.25s;color: #fff;z-index: 2;}
.slider::before, .slider::after {content: '';position: absolute;width: 10px;height: 10px;top: 50%;border-top: solid 2px;border-left: solid 2px;transform-origin: 0 0;}
.slider::before {left: 10px;	transform: rotate(-45deg);}
.slider::after {right: 0;transform: rotate(135deg);}
#before{position:absolute;top:0;left:0;transition: opacity 0.35s;padding-top: 44px;z-index: 1;background: #000;width:50%;overflow:hidden;}
.ease{transition:width ease .5s,left ease .5s;-moz-transition:width ease .5s,left ease .5s;-webkit-transition:width ease .5s,left ease .5s;}
.a-after {position: absolute;right: 8px;top: 8px;	color: #fff;	text-transform: uppercase;}
.b-before {position: absolute;left: 8px;top: 8px;	color: #fff;	text-transform: uppercase;}
.smile-flex {display: flex;align-items: center;gap: 20px;}