*{margin:0;padding:0;box-sizing:border-box}.top-title{text-align:center;font-family:Arial,Helvetica,sans-serif;margin:1rem 0.5rem}.top-title
span{font-style:italic;font-size:1.5rem}@media all and (max-width: 479px){.mainSection{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;width:100%;height:350px;padding:10px}.bal-container{margin:10px
0}}@media all and (max-width: 599px){.mainSection{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;width:100%;height:310px;padding:10px}.bal-container{margin:10px
0}}@media all and (min-width: 480px) and (max-width: 768px){.mainSection{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;width:100%;height:450px;padding:10px}.bal-container{margin:10px
0}}@media all and (min-width: 768px) and (max-width: 959px){.mainSection{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:stretch;width:100%;height:350px;padding:10px}.bal-container{margin:10px
0}}@media all and (min-width: 960px) and (max-width: 1199px){.mainSection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:stretch;width:100%;height:350px;padding:10px}.bal-container{margin:0
10px}}@media all and (min-width: 1199px){.mainSection{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;align-content:stretch;width:100%;height:350px;padding:10px}.bal-container{margin:0
10px}}.bal-container{position:relative;width:100%;height:100%;cursor:grab;overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.bal-after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.bal-before{display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;z-index:15;overflow:hidden}.bal-before-inset{position:absolute;top:0;bottom:0;left:0}.bal-after img,
.bal-before
img{object-fit:cover;position:absolute;width:100%;height:100%;object-position:50% 50%;top:0;bottom:0;left:0;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bal-beforePosition{background:transparent;color:#fff;left:0;pointer-events:none;border-radius:0.2rem;padding:2px
10px}.bal-afterPosition{background:transparent;color:#fff;right:0;pointer-events:none;border-radius:0.2rem;padding:2px
10px}.beforeLabel{position:absolute;bottom:0;margin:1rem;font-size:1em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.afterLabel{position:absolute;bottom:0;margin:1rem;font-size:1em;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.bal-handle{height:41px;width:41px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-21px;border:2px
solid #fff;border-radius:1000px;z-index:20;pointer-events:none;box-shadow:0 0 10px rgb(12,12,12)}.handle-left-arrow,.handle-right-arrow{width:0;height:0;border:6px
inset transparent;position:absolute;top:50%;margin-top:-6px}.handle-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}.handle-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}.bal-handle::before{bottom:50%;margin-bottom:20px;box-shadow:0 0 10px rgb(12,12,12)}.bal-handle::after{top:50%;margin-top:20.5px;box-shadow:0 0 5px rgb(12,12,12)}.bal-handle::before,.bal-handle::after{content:" ";display:block;width:2px;background:#fff;height:9999px;position:absolute;left:50%;margin-left:-1.5px}