@keyframes carouselFlashAnimation{from{opacity:0}to{opacity:1}}@keyframes carouselButtonScrollAnimation{from{background-position-x:0}to{background-position-x:2000px}}.carousel{max-width:60%;max-height:90vh;aspect-ratio:16/9;border:2px solid;border-top-width:3px;border-color:inherit;overflow-y:auto;background:#333;border-radius:7px;font-family:sans-serif;line-height:initial;container:carousel / size}.carousel.active{background:center/cover no-repeat, #fff;position:relative}.carousel.active > picture > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none}#carouselSource > div > div,.carousel .caption > div{display:flex;align-items:flex-end;justify-content:space-between}#carouselSource > div,.carousel .caption{padding:0.5em 1em;color:#fff;text-shadow:0 2px 2px #000;font-size:16px}.carousel .caption{padding-top:2px;background:#000a;position:absolute;bottom:0;width:100%;box-sizing:border-box;z-index:1}.carousel .caption::before{content:"";position:absolute;left:0;top:-10px;width:100%;height:10px;background:linear-gradient(#0000, #000a);pointer-events:none}.carousel .caption img{display:none}#carouselSource > div{border-bottom:1px solid #000;position:relative;display:none}#carouselSource > div:last-child{border-bottom:none}#carouselSource img{display:block;width:100%;height:150px;object-fit:cover;border:1px solid #000;margin-bottom:3px}.carousel h1,.carousel p{margin:0}.carousel h1{font-weight:bold}.carousel h1 span{font-size:55%;text-shadow:none;padding:0 3px;border-radius:7px;box-shadow:0 1px 2px #000a, 2px 2px inset #fff4, -2px -2px inset #0004;vertical-align:15%;font-weight:normal;letter-spacing:1px;background:#777}.carousel h1 span.blue{background:#21f}.carousel h1 span.green{background:#0a3}.carousel h1 span.purple{background:#a1f}.carousel h1 span.red{background:#f12}.carousel a{margin-left:0.5em;flex-shrink:0}.carousel .buttons{padding-top:0.8em;text-align:center;position:relative;z-index:1}.carousel .buttons button{vertical-align:top;margin:0 7px;width:20px;height:20px;border-radius:50%;border:1px solid #000;background:#888;box-shadow:-2px -2px inset #0007, 1px 2px 0 #0053;cursor:pointer;transition:background 0.1s}.carousel .buttons button.active{cursor:default}.carousel .buttons button.active,.carousel .buttons button:hover{background:#fff;transition:none}.carousel .flash{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;display:none;animation:carouselFlashAnimation 0.6s linear forwards;z-index:100}.carousel .flash.fast{animation-duration:0.3s}@container carousel (width <= 520px){#carouselSource > div,.caption{font-size:13px !important}#carouselSource img{height:125px !important}.carousel .buttons{padding-top:0.4em !important}}