.slideshow{margin:auto 0;position:relative;-webkit-user-select:none;user-select:none}.slideshow>.main-images{display:flex;margin-left:6rem;overflow-x:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory}.slideshow>.main-images>img{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}.slideshow>ul.thumbnails{display:flex;flex-direction:column;gap:1rem;height:100%;left:0;overflow:scroll;position:absolute;top:0;-ms-overflow-style:none;scrollbar-width:none}.slideshow>ul.thumbnails::-webkit-scrollbar{display:none}.slideshow>ul.thumbnails>li{cursor:pointer;width:5rem}.slideshow>ul.thumbnails>li[data-selected="true"]{border:2px solid var(--colour-secondary-darkened)}.slideshow>ul.dot-thumbnails{display:none}@media(max-width:800px){.slideshow>.main-images{margin-left:-2rem;-ms-overflow-style:none;scrollbar-width:none;width:calc(100% + 3rem)}.slideshow>.main-images::-webkit-scrollbar{display:none}.slideshow>ul.thumbnails{display:none}.slideshow>ul.dot-thumbnails{align-items:center;background-color:var(--colour-dark-grey);display:flex;gap:.313rem;justify-content:center;margin-left:-2rem;padding:.5rem;position:relative;width:calc(100% + 3rem)}.slideshow>ul.dot-thumbnails>li{background-color:var(--colour-white);border-radius:100%;cursor:pointer;height:.438rem;opacity:.3;width:.438rem}.slideshow>ul.dot-thumbnails>li[data-selected="true"]{height:.625rem;opacity:1;width:.625rem}}