.view-buttons{position:relative;isolation:isolate}
.view-buttons button{position:relative;z-index:1;transition:color 180ms ease-out}
.view-buttons button[aria-pressed=true],.view-buttons button[aria-pressed=true]:hover{background:transparent;box-shadow:none}
.view-slider{position:absolute;top:0;left:0;height:var(--h,40px);transform:translate3d(var(--x,5px),var(--y,5px),0);pointer-events:none;z-index:0;opacity:0}
.slider-ready .view-slider{opacity:1;transition:transform 280ms cubic-bezier(.22,1,.36,1)}
.view-slider>span{position:absolute;top:0;height:var(--h,40px);background:#17241c}
.view-slider-left,.view-slider-right{left:0;width:var(--h,40px);border-radius:50%}
.view-slider-body{left:calc(var(--h,40px)/2);width:1px;transform-origin:left center;transform:scaleX(var(--body,40))}
.view-slider-right{transform:translateX(var(--travel,40px))}
.slider-ready .view-slider-body,.slider-ready .view-slider-right{transition:transform 280ms cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.slider-ready .view-slider,.slider-ready .view-slider-body,.slider-ready .view-slider-right,.view-buttons button{transition:none}}