.list-video{background-color:#f2f2f2;padding-bottom:30px}.list-video .page-width{max-width:1114px}.list-video .list-video-content{border:1px solid #E0E0E0;border-radius:2px;background-color:#f7f7f7;padding:30px 40px 20px;display:flex;flex-direction:column}.list-video .list-video-content .title{font-size:42px;font-family:Schnyder M,sans-serif;text-transform:unset;margin-bottom:0;letter-spacing:normal}.list-video .list-video-content .video-content{margin-top:30px;display:grid;grid-template-columns:620px 411px;grid-template-rows:repeat(3,1fr)}.list-video .list-video-content .video-content .video-container{position:relative;padding-bottom:17.5px;cursor:pointer;margin-left:20px}.list-video .list-video-content .video-content .video-container:last-child{padding-bottom:0}.list-video .list-video-content .video-content .video-container .content{display:grid;grid-column-gap:20px;grid-template-columns:1fr 1fr}.list-video .list-video-content .video-content .video-container .content .image{background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative}.list-video .list-video-content .video-content .video-container .content .image .image-badge{position:absolute;z-index:3;background-color:#fff;top:0;left:0;padding:15px 15px 8px;font-weight:700;font-size:11px;text-transform:uppercase;font-family:Styrene A,sans-serif;border-bottom-right-radius:2px;box-shadow:0 10px 10px #0000000d}.list-video .list-video-content .video-content .video-container .content .image .image-badge:after{content:"";display:block;height:1px;width:100%;left:0;bottom:0;background-color:#000}.list-video .list-video-content .video-content .video-container .content .image .video{display:block;border-radius:2px;position:relative;height:0;padding-bottom:56.25%;background-color:#000;overflow:hidden}.list-video .list-video-content .video-content .video-container .content .image .video .close{display:none}.list-video .list-video-content .video-content .video-container .content .image .video--play-box{position:fixed;top:0;left:0;height:100vh;right:0;bottom:0;z-index:999;display:flex;justify-content:center;align-items:center;background-color:#000c}.list-video .list-video-content .video-content .video-container .content .image .video--play-box .close{position:absolute;top:90px;right:90px;line-height:0;display:block;float:right;color:#fff;width:40px;height:40px;border:1px solid transparent;z-index:999}.list-video .list-video-content .video-content .video-container .content .image .video--play-box .close svg{overflow:visible;fill:#fff;cursor:pointer}.list-video .list-video-content .video-content .video-container .content .image .video--play-box .close:hover{border-color:#fff}.list-video .list-video-content .video-content .video-container .content .image .video--play-box iframe{top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;width:100%;height:100%;max-height:450px}.list-video .list-video-content .video-content .video-container .content .image .video__link{cursor:pointer}.list-video .list-video-content .video-content .video-container .content .image .video__media{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:0}.list-video .list-video-content .video-content .video-container .content .image img.video__media{-o-object-fit:cover;object-fit:cover}.list-video .list-video-content .video-content .video-container .content .image .video--enabled .video__link{display:block}.list-video .list-video-content .video-content .video-container .content .title{font-weight:700;font-size:16px;font-family:Styrene A,sans-serif;color:#666;line-height:19px;text-transform:initial}.list-video .list-video-content .video-content .video-container .content .video-play{position:absolute;left:10px;bottom:10px;width:40px;height:40px;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;font-size:0!important}.list-video .list-video-content .video-content .video-container .content .video-play svg{width:40px;height:40px}.list-video .list-video-content .video-content .video-container.active{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:4;padding-bottom:0;margin-left:0}.list-video .list-video-content .video-content .video-container.active .content{position:relative;width:100%;grid-template-columns:repeat(1,1fr)}.list-video .list-video-content .video-content .video-container.active .content .title{display:none}.list-video .list-video-content .video-content .video-container.active .content .video-play{display:flex;justify-content:center;align-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;padding:0}.list-video .list-video-content .video-content .video-container.active .content .video-play svg{width:100px;height:100px}.list-video .list-video-content .text-content{display:grid;grid-template-columns:2fr 1.3fr}.list-video .list-video-content .text-content .title{margin-top:17px;font-family:Styrene A,sans-serif;display:none;font-weight:700;font-size:34px;text-transform:none;line-height:41px}.list-video .list-video-content .text-content .title.active{display:block}.list-video .list-video-content .all-videos{padding:10px 20px;margin:20px auto 0;border:1px solid #000000;font-weight:700;font-size:13px;line-height:16px;font-family:Styrene A,sans-serif}@media (max-width: 768px){.list-video .list-video-content{background-color:#f2f2f2;padding-left:0;padding-right:0;border:none}.list-video .list-video-content .title{text-align:center}.list-video .list-video-content .video-content{grid-template-columns:1fr}.list-video .list-video-content .video-content .video-container{max-width:calc(100% - 40px);margin:0 auto;width:100%}.list-video .list-video-content .video-content .video-container .content{grid-column-gap:10px;grid-template-columns:1.2fr 1fr}.list-video .list-video-content .video-content .video-container .content .title{text-align:left;font-size:13px}.list-video .list-video-content .video-content .video-container .content .video-play{width:30px;height:30px}.list-video .list-video-content .video-content .video-container .content .video-play svg{width:30px;height:30px}.list-video .list-video-content .video-content .video-container.active{max-width:100%;margin-right:0}.list-video .list-video-content .video-content .video-container.active .content .title{max-width:calc(100% - 40px);margin:20px auto 40px;display:block;font-weight:700;font-size:21px;line-height:25px;color:#000}.list-video .list-video-content .video-content .video-container.active .content .video-play{width:60px;height:60px;font-size:0!important}.list-video .list-video-content .video-content .video-container.active .content .video-play svg{width:60px;height:60px}.list-video .list-video-content .text-content{display:none}.list-video .list-video-content .all-videos{margin:40px auto 0}}@media (max-width: 1024px){.list-video .list-video-content .video-content .video-container .content .image .video--play-box .close{top:60px;right:30px;z-index:9999999}.list-video .list-video-content .video-content .video-container .content .image .video--play-box iframe{width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/homepage-list-video.scss.css.map */