div.video-blocks{display:flex;flex-wrap:wrap}div.video-blocks div.block-outter{flex:0 0 33.333333%}@media screen and (max-width:750px){div.video-blocks div.block-outter{flex:0 0 100%}}div.video-blocks div.block-outter div.block-inner{margin:10px;background:#fff;padding:0;border-radius:10px;overflow:hidden;-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px #0003;transition:all .2s}div.video-blocks div.block-outter div.block-inner:hover{box-shadow:0 0 18px #0003;margin-top:6px;margin-bottom:14px;cursor:pointer}div.video-blocks div.block-outter div.block-inner div.image{background-position:center center;background-size:cover;height:180px}div.video-blocks div.block-outter div.block-inner div.image .play-button{width:100%;height:100%}div.video-blocks div.block-outter div.block-inner div.image .play-button svg{margin:auto;width:50px;height:50px;margin-left:calc(50% - 25px);margin-top:calc(30% - 25px)}div.video-blocks div.block-outter div.block-inner div.content h2{font-size:20px;text-align:center;margin:20px 0}div.video-modal-outer{width:100vw;height:100vh;background:#00000080;position:fixed;top:0;left:0;display:none;z-index:100}div.video-modal-outer .close-icon{position:absolute;top:30px;right:30px;width:40px;height:40px;background:#fff;border-radius:20px;padding:8px}div.video-modal-outer .close-icon:hover{cursor:pointer}div.video-modal-inner{padding:20px;background:#fff;width:820px;margin:auto;margin-top:110vh;transition:margin .4s ease}div.video-modal-inner.visible{margin-top:calc(50vh - 225px)}div.video-modal-inner iframe{width:800px;height:440px}@media screen and (max-width:750px){div.video-modal-inner{width:90vw;padding:10px}div.video-modal-inner iframe{width:100%;height:45vw}}div.video-magnet{position:fixed;top:100px;right:30px;padding:20px;width:300px;background:#fff;-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2);box-shadow:0 0 15px #0003;z-index:50;text-align:center}div.video-magnet .close-icon{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#fff;border-radius:20px;padding:8px}div.video-magnet .close-icon:hover{cursor:pointer}body.no-scroll{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/12/assets/video-page-blocks.scss.css.map */