*{box-sizing:border-box}body{margin:0;padding:0;font-family:sans-serif;background:#ddd}.Slide{opacity:1;position:absolute;inset:0;list-style-type:none;transition:opacity .2s ease;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:1rem}.Slide[aria-hidden=true]{opacity:0;transition-delay:.2s;z-index:-1}.SlideContent{background:hsla(0,0%,0%,.5);font-weight:100;text-shadow:0px 0px 5px hsla(0,0%,0%,1);color:#fff;max-width:500px;padding:20px;margin-left:20px;margin-top:20px}.ProgressBar{position:absolute;bottom:0;left:0;right:0}.ProgressBar>div{background-color:#ffffff40;height:20px}.SlideNavItem>button{all:unset;cursor:pointer;border-radius:50%;height:2em;width:2rem;margin:5px;outline:none;display:flex;align-items:center;justify-content:center;background-color:transparent}.SlideNavItem>button:focus-visible{background-color:#ffffff54}.SlideNavItem>button>span{background:hsla(0,100%,100%,.25);display:inline-block;border-radius:50%;height:1rem;width:1rem}@media screen and (max-width: 768px){.SlideNavItem>button>span{height:.75rem;width:.75rem}}.SlideNavItem>button[aria-current=true]>span{background:hsla(0,100%,100%,.75)}.IconButton{border:none;background:none;display:inline-block;padding:0;width:3rem;height:3rem;line-height:1.8rem;font-size:2rem;text-align:center;background-color:transparent;color:#ffffff80;outline:none}@media screen and (max-width: 768px){.IconButton{width:2rem;height:2rem}}button:active{position:relative;top:1px;left:1px}.IconButton:focus-visible{color:#ffffffbf;background-color:#ffffff54}.Carousel{position:absolute;inset:0}.SlideNav{position:absolute;bottom:8%;left:20px;display:flex;padding:0;justify-content:center;align-items:center;list-style-type:none}.Controls{position:absolute;right:20px;bottom:10%;display:flex;justify-content:center}.Media{font-size:32px;text-align:center}