.blog-video{background:var(--cloud);width:100%}.blog-video .inner{max-width:1200px;margin:0 auto}.blog-video-header{margin-bottom:32px}.blog-video-eyebrow{display:inline-block;margin:0 0 10px;font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.blog-video-heading{margin:0;font-size:clamp(2rem,2.5vw,3rem)}.blog-video-description{margin-top:16px;color:var(--lead);max-width:780px}.blog-video-frame-wrapper{display:grid;gap:24px}.blog-video-player{position:relative;width:100%;aspect-ratio:16 / 9;min-height:320px;background:#000;border-radius:24px;overflow:hidden}.blog-video-player iframe,.blog-video-player video{width:100%;height:100%;border:0;display:block;object-fit:cover}.blog-video-preview{position:relative;width:100%;aspect-ratio:16 / 9;min-height:320px;border-radius:24px;overflow:hidden;background:#000}.blog-video-preview-button{width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}.blog-video-preview-image{width:100%;height:100%;display:block;background-size:cover;background-position:center}.blog-video-preview-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.blog-video-preview-play:before{content:"";width:72px;height:72px;border-radius:50%;background:#0000008c}.blog-video-preview-play:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:14px 0 14px 20px;border-color:transparent transparent transparent #fff;margin-left:6px}.blog-video-placeholder{width:100%;height:100%;display:grid;place-items:center;background:#00000014}.blog-video-thumb{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;justify-content:flex-end;width:220px;min-width:220px;aspect-ratio:16 / 10;border:1px solid var(--ivory);border-radius:18px;overflow:hidden;background:var(--bone);cursor:pointer;text-align:left;padding:0}.blog-video-thumb.active{border-color:var(--ink)}.blog-video-thumb-image{width:100%;height:100%;background-size:cover;background-position:center}.blog-video-thumb-placeholder{width:100%;height:100%;padding:18px;display:grid;place-items:center;background:var(--moon);color:var(--ink);font-weight:700}.blog-video-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.blog-video-thumb-play:before{content:"";width:52px;height:52px;border-radius:50%;background:#00000073}.blog-video-thumb-play:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:4px}.blog-video-thumb-title{display:block;padding:12px 14px 14px;font-size:.95rem;line-height:1.3;color:var(--ink);background:linear-gradient(180deg,#fff0,#fffffff5)}.blog-video-thumbnails{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.blog-video-thumbnails::-webkit-scrollbar{display:none}.blog-video-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.blog-video-popup.active{opacity:1;visibility:visible;pointer-events:auto}.blog-video-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.blog-video-popup-content{position:relative;width:min(95vw,960px);background:#000;border-radius:24px;overflow:hidden;box-shadow:0 40px 90px #00000059}.blog-video-popup-close{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:24px;cursor:pointer}.blog-video-popup-player{width:100%;min-height:56vh}.blog-video-popup-player iframe,.blog-video-popup-player video{width:100%;height:100%}.blog-video-popup-player iframe{min-height:700px}@media(max-width:1024px){.blog-video-thumb{width:180px;min-width:180px}}@media(max-width:768px){.blog-video{padding:0}.blog-video-heading{font-size:2rem}.blog-video-preview{min-height:0px;border-radius:8px}.blog-video-popup-content{width:95vw;max-height:80vh;border-radius:0}.blog-video-preview-play:before{height:60px;width:60px}.blog-video-popup-player iframe{min-height:205px;border:none}.blog-video-popup-close{top:0;right:0;border-radius:0;background:#000000b0;color:#fff;font-size:28px;cursor:pointer}.blog-video-popup-player{min-height:0px}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/TIS_blog-video.css.map */