.usecases__section_wrapper{display:flex;justify-content:center;padding:4em 8em}@media (max-width: 768px){.usecases__section_wrapper{padding:2em}}.usecases__section{display:flex;align-items:center;width:100%;max-width:1600px}.usecases__content{width:100%;margin:0 auto;display:grid;gap:2em}.usecases__description{max-width:600px}.usecases__container{display:grid;gap:0}.usecases__video-container{position:relative;background:#333;border-radius:12px;overflow:hidden;min-height:400px;width:100%}@media (max-width: 768px){.usecases__video-container{border-radius:8px}}.usecases__video-carousel{position:relative;width:100%;height:100%;display:flex;align-items:center}.usecases__video-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.usecases__video-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center}.usecases__video-slide.usecases__video-slide--active{opacity:1}.usecases__video{width:100%;height:100%;object-fit:cover;border:none}.usecases__video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#555}.usecases__video-placeholder img{width:100%;height:100%;object-fit:cover}.usecases__placeholder-icon{color:#888;opacity:.6}.usecases__video-slide.usecases__video-slide--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #333;border-top:3px solid #fff;border-radius:50%;animation:usecases__spin 1s linear infinite}@keyframes usecases__spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.usecases__carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;opacity:.8}.usecases__carousel-btn:hover{background:#000c;opacity:1;transform:translateY(-50%) scale(1.1)}.usecases__carousel-btn.usecases__carousel-btn--prev{left:1rem}.usecases__carousel-btn.usecases__carousel-btn--next{right:1rem}@media (max-width: 768px){.usecases__carousel-btn{width:40px;height:40px}.usecases__carousel-btn.usecases__carousel-btn--prev{left:.5rem}.usecases__carousel-btn.usecases__carousel-btn--next{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/use-cases.css.map */