.deck-container{background-color:#0000;width:100%;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;transition:background-color .3s;position:relative}.deck-container:-webkit-full-screen{background-color:#000;flex-direction:column;justify-content:center;width:100vw;max-width:none;height:100vh;display:flex}.deck-container:fullscreen{background-color:#000;flex-direction:column;justify-content:center;width:100vw;max-width:none;height:100vh;display:flex}.deck-slide-wrapper{aspect-ratio:16/9;background-color:#f0f0f0;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.deck-container:-webkit-full-screen .deck-slide-wrapper{aspect-ratio:auto;background-color:#000;border-radius:0;height:100%}.deck-container:fullscreen .deck-slide-wrapper{aspect-ratio:auto;background-color:#000;border-radius:0;height:100%}.deck-image{object-fit:contain;width:100%;height:100%;display:block}.deck-arrow{color:#fff;cursor:pointer;z-index:10;opacity:0;background-color:#0003;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:16px;font-size:2rem;transition:background-color .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.deck-slide-wrapper:hover .deck-arrow{opacity:1}.deck-arrow:hover{background-color:#000c}.deck-arrow.left{left:20px}.deck-arrow.right{right:20px}.deck-fullscreen-btn{color:#fff;cursor:pointer;z-index:20;opacity:0;background-color:#0000004d;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:15px;right:15px}.deck-slide-wrapper:hover .deck-fullscreen-btn{opacity:1}.deck-fullscreen-btn:hover{background-color:#000c}.deck-autoplay-btn{color:#fff;cursor:pointer;z-index:20;opacity:0;background-color:#0000004d;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:15px;left:15px}.deck-slide-wrapper:hover .deck-autoplay-btn{opacity:1}.deck-autoplay-btn:hover{background-color:#000c}.deck-controls{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.deck-container:-webkit-full-screen .deck-controls{box-sizing:border-box;color:#fff;opacity:0;background:linear-gradient(#0000,#000c);width:100%;padding:20px;transition:opacity .3s;position:absolute;bottom:0;left:0}.deck-container:fullscreen .deck-controls{box-sizing:border-box;color:#fff;opacity:0;background:linear-gradient(#0000,#000c);width:100%;padding:20px;transition:opacity .3s;position:absolute;bottom:0;left:0}.deck-container:-webkit-full-screen:hover .deck-controls{opacity:1}.deck-container:fullscreen:hover .deck-controls{opacity:1}.deck-counter{color:#666;font-size:.9rem;font-weight:600}.deck-container:-webkit-full-screen .deck-counter{color:#ddd}.deck-container:fullscreen .deck-counter{color:#ddd}.deck-dots{gap:8px;display:flex}.deck-dot{cursor:pointer;background-color:#ccc;border-radius:50%;width:10px;height:10px;transition:all .2s}.deck-dot:hover{background-color:#999}.deck-dot.active{background-color:#333;transform:scale(1.2)}.deck-container:-webkit-full-screen .deck-dot.active{background-color:#fff}.deck-container:fullscreen .deck-dot.active{background-color:#fff}