div.container-ba{width:100%;max-width:720px;aspect-ratio:1.31/1;position:relative;border:8px solid #fff;margin:0 auto;box-shadow:0 13px 24px rgba(0,0,0,0.15)}div.image{height:100%;background-repeat:no-repeat;background-position:top left;background-size:cover;position:absolute;top:0px;left:0px}div.image span{position:absolute;bottom:40px;font-family:"Montserrat", sans-serif;color:#E52645;display:inline-block;padding:8px 16px;background:#fff;border-radius:100px;font-weight:bold;font-size:14px;text-transform:uppercase;line-height:1em}@media screen and (max-width: 767px){div.image span{bottom:20px;font-size:12px}}div.before{width:60%;z-index:2;overflow:hidden}div.before span{left:40px;z-index:2}div.after{width:100%;z-index:1}div.after span{right:40px;z-index:3}input.slider{width:100%;height:100%;outline:none;background-color:transparent;position:absolute;margin:0px;z-index:4;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none}input.slider::-moz-range-thumb{width:6px;height:600px;background-color:transparent;cursor:pointer;border:none}input.slider::-webkit-slider-thumb{width:6px;height:100%;background-color:transparent;cursor:pointer;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none}div.slider-button{width:40px;height:40px;border-radius:50%;background-color:#E52645;position:absolute;top:calc(50% - 20px);left:calc(60% - 20px);cursor:pointer;z-index:3;border:8px solid #fff}div.spliter{position:absolute;top:0;bottom:0;width:8px;background-color:#fff;left:calc(60% - 4px);z-index:2}@keyframes slideAnimation{0%{width:60%}25%{width:40%}50%{width:60%}75%{width:40%}100%{width:50%}}@keyframes buttonAnimation{0%{left:calc(60% - 20px)}25%{left:calc(40% - 20px)}50%{left:calc(60% - 20px)}75%{left:calc(40% - 20px)}100%{left:calc(50% - 20px)}}@keyframes spliterAnimation{0%{left:calc(60% - 4px)}25%{left:calc(40% - 4px)}50%{left:calc(60% - 4px)}75%{left:calc(40% - 4px)}100%{left:calc(50% - 4px)}}.loaded div.before{animation:slideAnimation 2s ease-in-out forwards;animation-fill-mode:forwards}.loaded div.slider-button{animation:buttonAnimation 2s ease-in-out forwards;animation-fill-mode:forwards}.loaded div.spliter{animation:spliterAnimation 2s ease-in-out forwards;animation-fill-mode:forwards}