:root{--carouselbkg:light-dark(rgba(255,255,255,1),rgba(0,0,0,1));--carouselhover:light-dark(rgba(0,0,0,1),rgba(255,255,255,1));}
.slide-container,.slide-container.lscroll{overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;height:100%;width:100cqw;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,100%);position:relative;background-color:var(--carouselbkg);}
.slider,.slider.lscroll{display:grid;grid-auto-flow:column;grid-template-rows:1fr;grid-auto-columns:minmax(max-content,100%);}
.slide-container.vscroll{overflow:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100cqh;width:100%;display:grid;grid-auto-flow:row;grid-auto-rows:minmax(max-content,100%);grid-auto-columns:unset;position:relative;}
.slider.vscroll{display:grid;grid-auto-flow:row;grid-template-columns:1fr;grid-auto-rows:minmax(max-content,100%);grid-template-rows:unset;grid-auto-columns:unset;}
/* .slider-container:hover .slider,.slider-container:focus-within .slider{animation-play-state:paused;} */
.slide{scroll-snap-align:start;text-align:center;overflow:hidden;max-height:100cqh;max-width:100cqw;border:none;background:none;padding:0;border-radius:0;}
.slide .fullimg{object-fit:contain;height:100cqh;width:100cqw;max-height:100%;max-width:100%;}
.slide .bkimg{object-fit:cover;height:100%;width:100%;}

*:not(.fade-container).slide:hover,*:not(.fade-container).slide:focus {box-shadow:0 0 0.5rem hsl(from var(--carouselhover) h s l / 0.8),0 0 0.75rem hsl(from var(--carouselhover) h s l / 0.7),0 0 1.25rem hsl(from var(--carouselhover) h s l / 0.5),0 0 1.5rem hsl(from var(--carouselhover) h s l / 0.3);transform: scale(1.005);border-color:hsl(from var(--carouselhover) h s l / 0.8);margin:0 0.25rem;}

.panel-container,.fade-container{display:grid;height:100cqh;width:100cqw;position:relative;background-color:var(--carouselbkg);}
.fade-container{grid-template:"carousel-stack" 1fr/1fr;}
.fade-container .slide{grid-area:carousel-stack;opacity:0;}

@media(orientation:portrait){
    .slide-container.lscroll{overflow:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100cqh;width:100%;display:grid;grid-auto-flow:row;grid-auto-rows:minmax(max-content,100%);grid-auto-columns:unset;position:relative;}
    .slider.lscroll{display:grid;grid-auto-flow:row;grid-template-columns:1fr;grid-auto-rows:minmax(max-content,100%);grid-template-rows:unset;grid-auto-columns:unset;}
}