.o-bas__media{overflow:hidden;position:relative}.o-bas__label{color:rgba(var(--color-white));font-size:var(--body-fs-sm);line-height:var(--body-lh-sm);position:absolute;text-shadow:.5px .5px 5px rgba(var(--color-black),.1);top:1rem}@media screen and (min-width:1100px){.o-bas__label{font-size:var(--body-fs-md);line-height:var(--body-lh-md);top:2rem}}.o-bas__label--before{left:1rem}@media screen and (min-width:1100px){.o-bas__label--before{left:2rem}}.o-bas__label--after{right:1rem}@media screen and (min-width:1100px){.o-bas__label--after{right:2rem}}.o-bas__image--after,.o-bas__image--before{background-color:rgba(var(--color-white));background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.o-bas__image img{height:100%;object-fit:cover;width:100%}.o-bas__image--before{width:50%;z-index:1}.o-bas__scroller{background-color:transparent;border-radius:50%;cursor:col-resize;height:4rem;left:50%;opacity:.82;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--default-transition-easing) var(--default-transition-timing);width:4rem;z-index:2}.o-bas__scroller:hover{opacity:1}.o-bas__scroller.scrolling{opacity:1;pointer-events:none}.o-bas__scroller svg{height:100%;width:100%}.o-bas__scroller:after,.o-bas__scroller:before{background-color:rgba(var(--color-white));content:"";display:block;height:100vh;left:50%;margin-left:-.15rem;position:absolute;transition:.1s;width:.3rem;z-index:30}.o-bas__scroller:before{top:100%}.o-bas__scroller:after{bottom:100%}.o-bas__scroller-thumb{height:100%;padding:.5rem;width:100%}