.mainSection{align-content:center;display:flex;justify-content:center;width:100%}.bal-container{cursor:grab;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:380px;position:relative}.bal-after,.bal-container{overflow:hidden;width:100%}.bal-after{right:0}.bal-after,.bal-before{bottom:0;display:block;height:100%;left:0;position:absolute;top:0}.bal-before{overflow:hidden;width:100%;z-index:15}.bal-after img,.bal-before img,.bal-before-inset{bottom:0;left:0;position:absolute;top:0}.bal-after img,.bal-before img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;width:100%}.bal-beforePosition{color:#fff;left:0}.bal-afterPosition,.bal-beforePosition{border-radius:.2rem;padding:2px 10px;pointer-events:none}.bal-afterPosition{color:#333;right:0}.afterLabel,.beforeLabel{font-size:1em;margin:1rem;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bal-handle{background:4F46E5;border:2px solid #4f46e5;border-radius:50%;box-shadow:0 0 10px #0c0c0c;height:41px;left:50%;margin-left:-20px;margin-top:-21px;pointer-events:none;position:absolute;top:50%;width:41px;z-index:20}.handle-left-arrow,.handle-right-arrow{border:6px inset transparent;height:0;margin-top:-6px;position:absolute;top:50%;width:0}.handle-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.handle-right-arrow{border-left:6px solid #fff;margin-right:-17px;right:50%}.bal-handle:before{bottom:50%;box-shadow:0 0 10px #0c0c0c;margin-bottom:20px}.bal-handle:after{box-shadow:0 0 5px #0c0c0c;margin-top:20.5px;top:50%}.bal-handle:after,.bal-handle:before{background:#4f46e5;content:" ";display:block;height:9999px;left:50%;margin-left:-1.5px;position:absolute;width:2px}