.img-slider-parent-div {display: grid;place-items: center;padding-bottom: 40px;}.img-slider-container {display: grid;place-content: center;position: relative;overflow: hidden;border-radius: 1rem;--position: 50%;}.img-slider-image-container {max-width: 800px;aspect-ratio: auto;max-height: 90vh;}.slider-image {height: 100% !important;width: 100% !important;object-fit: cover;object-position: left;}.image-before {position: absolute;inset: 0;width: var(--position) !important;}.slider {position: absolute;inset: 0;cursor: pointer;opacity: 0;width: 100%;height: 100%;}.slider:focus-visible ~ .slider-button {outline: 5px solid black;outline-offset: 3px;}.slider-line {position: absolute;inset: 0;width: 0.2rem;height: 100%;background-color: #fff;left: var(--position);transform: translateX(-50%);pointer-events: none;}.slider-button {position: absolute;background-color: #fff;color: black;padding: 0.5rem;border-radius: 100vw;display: grid;place-items: center;top: 50%;left: var(--position);transform: translate(-50%, -50%);pointer-events: none;box-shadow: 1px 1px 1px hsla(0, 50%, 2%, 0.5);}