.after,.before,.scroller-wrapper{width:100%;overflow:hidden;height:100%}.scroller-wrapper{max-width:350px;max-height:350px;aspect-ratio:1/1;position:relative;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);user-select:none;margin-bottom:2rem;touch-action:none}@media screen and (max-width:500px){.scroller-wrapper{max-width:300px;max-height:300px}}.after,.before{background-repeat:no-repeat;background-color:#fff;background-size:cover;background-position:center;position:absolute;pointer-events:none}.content-image{height:100%}.after{width:125px}.scroller{width:50px;height:50px;position:absolute;left:100px;top:50%;transform:translateY(-50%);border-radius:50%;background-color:transparent;opacity:.9;pointer-events:auto;cursor:pointer;border:5px solid #fff}.scroller:hover{opacity:1}.scrolling{pointer-events:none;opacity:1}.scroller__thumb{width:100%;height:100%;padding:5px}.scroller:after,.scroller:before{content:" ";display:block;width:7px;height:9999px;position:absolute;left:50%;margin-left:-3.5px;z-index:30;transition:.1s;background:#fff}.scroller:before{top:100%}.scroller:after{bottom:100%}