article .quartz-carousel{border-radius:8px;width:100%;margin:2rem 0;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}article .quartz-carousel .quartz-carousel-slides{transition:transform .5s ease-in-out;display:flex}article .quartz-carousel .quartz-carousel-slide{flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;display:flex}article .quartz-carousel .quartz-carousel-slide img{object-fit:contain;cursor:zoom-in;max-width:100%;max-height:400px;transition:opacity .2s;display:block}article .quartz-carousel .quartz-carousel-slide img:hover{opacity:.9}article .quartz-carousel .quartz-carousel-slide .carousel-caption{text-align:center;color:var(--gray);width:90%;margin-top:.75rem;font-size:.85rem;font-style:italic;line-height:1.4}article .quartz-carousel .quartz-carousel-dots{text-align:center;margin-top:1rem;padding:.5rem 0}article .quartz-carousel .quartz-carousel-dots .dot{cursor:pointer;background-color:#ddd;border-radius:50%;width:10px;height:10px;margin:0 5px;transition:background-color .3s;display:inline-block}article .quartz-carousel .quartz-carousel-dots .dot.active{background-color:#555}article .quartz-carousel .quartz-carousel-prev,article .quartz-carousel .quartz-carousel-next{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}article .quartz-carousel .quartz-carousel-prev svg,article .quartz-carousel .quartz-carousel-next svg{fill:#333;width:24px;height:24px}article .quartz-carousel .quartz-carousel-prev:hover,article .quartz-carousel .quartz-carousel-next:hover{background-color:#ddd}article .quartz-carousel .quartz-carousel-prev{left:10px}article .quartz-carousel .quartz-carousel-next{right:10px}.carousel-image-modal{z-index:9999;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.carousel-image-modal .carousel-modal-overlay{box-sizing:border-box;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;top:0;left:0}.carousel-image-modal .carousel-modal-content{flex-direction:column;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.carousel-image-modal .carousel-modal-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 4px 20px #00000080}.carousel-image-modal .carousel-modal-caption{color:#fff;text-align:center;background:#00000080;border-radius:4px;max-width:80%;margin-top:1rem;padding:.5rem 1rem;font-size:1rem}.carousel-image-modal .carousel-modal-close{cursor:pointer;z-index:10001;background-color:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex;position:absolute;top:-50px;right:-50px}.carousel-image-modal .carousel-modal-close svg{fill:#333;width:24px;height:24px}.carousel-image-modal .carousel-modal-close:hover{background-color:#fff}html[saved-theme=dark] article .quartz-carousel .quartz-carousel-prev,html[saved-theme=dark] article .quartz-carousel .quartz-carousel-next,html[saved-theme=dark] .carousel-image-modal .quartz-carousel-prev,html[saved-theme=dark] .carousel-image-modal .quartz-carousel-next{background-color:#323232cc}html[saved-theme=dark] article .quartz-carousel .quartz-carousel-prev svg,html[saved-theme=dark] article .quartz-carousel .quartz-carousel-next svg,html[saved-theme=dark] .carousel-image-modal .quartz-carousel-prev svg,html[saved-theme=dark] .carousel-image-modal .quartz-carousel-next svg{fill:#eee}html[saved-theme=dark] article .quartz-carousel .quartz-carousel-prev:hover,html[saved-theme=dark] article .quartz-carousel .quartz-carousel-next:hover,html[saved-theme=dark] .carousel-image-modal .quartz-carousel-prev:hover,html[saved-theme=dark] .carousel-image-modal .quartz-carousel-next:hover{background-color:#464646f2}html[saved-theme=dark] article .quartz-carousel .dot,html[saved-theme=dark] .carousel-image-modal .dot{background-color:#555}html[saved-theme=dark] article .quartz-carousel .dot.active,html[saved-theme=dark] .carousel-image-modal .dot.active{background-color:#ddd}html[saved-theme=dark] article .quartz-carousel .carousel-modal-close,html[saved-theme=dark] .carousel-image-modal .carousel-modal-close{background-color:#323232e6}html[saved-theme=dark] article .quartz-carousel .carousel-modal-close svg,html[saved-theme=dark] .carousel-image-modal .carousel-modal-close svg{fill:#eee}html[saved-theme=dark] article .quartz-carousel .carousel-modal-close:hover,html[saved-theme=dark] .carousel-image-modal .carousel-modal-close:hover{background-color:#464646}@media (max-width:800px){article .quartz-carousel .quartz-carousel-prev,article .quartz-carousel .quartz-carousel-next{width:35px;height:35px}article .quartz-carousel .quartz-carousel-prev svg,article .quartz-carousel .quartz-carousel-next svg{width:18px;height:18px}.carousel-image-modal .carousel-modal-overlay{padding:1rem}.carousel-image-modal .carousel-modal-close{width:35px;height:35px;top:-35px;right:-35px}.carousel-image-modal .carousel-modal-close svg{width:20px;height:20px}}