.image-slider{position:relative;transition:opacity .3s ease-in;height:max-content;width:100%;aspect-ratio:1}.image-slider.moving{touch-action:none}.ph.min{filter:brightness(.8)}.photo-back,.photo-front,.photos-container{background-color:#fff;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;touch-action:none;overflow:hidden}.photos-container .photo-desc-wrapper{position:absolute;top:0;left:0;height:100%}.vertical-line{height:100%;background-color:#000;width:2px;background-color:color-mix(in srgb,#000 var(--colmix),var(--gray-lines));background-color:var(--gray-lines);top:calc(0 * var(--layout-padding))}.lines-handle,.vertical-line{opacity:.9;pointer-events:none}.lines-handle{--_h:clamp(25px,10vw,50px);height:var(--_h);aspect-ratio:1/6;border-radius:0;top:calc(var(--top) - var(--_h) / 2);background-color:color-mix(in srgb,#fff,var(--gray-lines) 80%);transform:translate(-50%,-50%);translate:1px 0;filter:drop-shadow(0 0 1px var(--gray-lines))}.moving .lines-handle{filter:drop-shadow(0 0 1px black)}.slider-handle{overflow:hidden}.lines-handle:not(.moved){animation:latbounce 5s infinite}.lines-handle:not(.moved) svg{animation:shine 5s infinite}@keyframes shine{0%,50%,to{opacity:.7}75%{opacity:1}}@keyframes latbounce{0%,20%,50%,to{transform:translate(-50%,-50%);box-shadow:none}5%{transform:translate(calc(-50% - 5px),-50%)}10%{transform:translate(calc(-50% + 5px),-50%)}15%{transform:translate(calc(-50% - 1px),-50%)}75%{box-shadow:0 0 5px #000,0 0 25px var(--main-light),inset 0 0 2px var(--main-light)}}