.media-blocks-section,.media-blocks-wrapper{position:relative}.media-block-item{margin-bottom:60px;animation:fadeInUp .6s ease-out}.media-block-item:last-child{margin-bottom:0}.media-block-item .video-container{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#f5f5f5;border-radius:8px}.media-block-item .video-container__video{position:absolute;top:0;left:0;width:100%;height:100%}.media-block-item .video-container__video video,.media-block-item .video-container__video iframe{width:100%;height:100%;object-fit:cover}.media-block-item .video-container__cover,.media-block-item .video-container__fallback{position:absolute;top:0;left:0;width:100%;height:100%}.media-block-item .video-container--playing .video-container__cover{display:none}.media-block-item .video-container__play{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fffffff2;border-radius:50%;transition:all .3s ease;box-shadow:0 4px 20px #00000026}.media-block-item .video-container__play:hover{transform:scale(1.1);background:#fff;box-shadow:0 6px 30px #0003}.media-block-item .video-container__play svg{width:30px;height:30px;margin-left:4px}.media-block-image{position:relative;overflow:hidden;border-radius:8px}.media-block-image img{width:100%;height:auto;display:block}.media-blocks-section .section-header{margin-bottom:60px}.media-blocks-section .section-header .subheading{margin-bottom:10px}.media-blocks-section .section-header .majortitle{margin:0}.placeholder-content{padding:60px 20px;text-align:center;background:#f8f8f8;border-radius:8px;border:2px dashed #ddd}.placeholder-content h3{margin-bottom:15px;font-size:24px;color:#333}.placeholder-content p{margin:10px 0;color:#666}@media (max-width: 768px){.media-block-item{margin-bottom:40px}.media-block-item .video-container__play{width:60px;height:60px}.media-block-item .video-container__play svg{width:24px;height:24px}.media-blocks-section .section-header{margin-bottom:40px}.media-block-item .column--order-push-desktop{order:initial}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.media-block-item .video-container.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(0,0,0,.1);border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/media-blocks.css.map */