:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh}#root{width:100%;height:100vh}#root{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.slider-container{position:relative;width:100%;min-width:60px;height:100vh;overflow:hidden}.slider-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity .5s ease-in-out;opacity:1;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.slider-top-gradient{position:absolute;top:0;left:0;width:100%;height:200px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.slider-bottom-container{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.slider-thumbnails{width:100%;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.thumbnails-container{display:flex;gap:10px;padding:10px;justify-content:flex-start;align-items:center;min-width:min-content;margin:0 auto}@media (max-width: 768px){.thumbnails-container{scroll-padding:0 50%}.thumbnail-button{flex:0 0 auto}.thumbnail-spacer{min-width:calc(50vw - 30px)}.thumbnails-container:after{content:"";min-width:calc(50vw - 30px);flex:0 0 auto}}.thumbnail-spacer{min-width:10px}.thumbnail-button{border:none;background:none;cursor:pointer;padding:2px;border-radius:8px;transition:all .3s ease;min-width:60px}.thumbnail-button.active{transform:scale(1.15);translate:0 -5px}.thumbnail-image-container{width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;transition:all .3s ease}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.thumbnail-button:hover .thumbnail-image{transform:scale(1.1)}.slider-loading,.slider-error{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;font-size:1.2rem}