.tf-video{background:var(--tf-video-bg, transparent);color:var(--tf-video-fg, var(--tf-text))}.tf-video--border-top{border-top:1px solid var(--tf-video-border, var(--tf-border))}.tf-video--border-bottom{border-bottom:1px solid var(--tf-video-border, var(--tf-border))}.tf-video__inner{width:100%;max-width:var(--tf-video-container, var(--tf-container-narrow));margin-inline:auto;padding:60px var(--tf-gutter-mobile)}@media screen and (min-width:750px){.tf-video__inner{padding-inline:var(--tf-gutter)}}.tf-video__copy{margin:0 0 var(--tf-video-copy-gap, 28px);text-align:var(--tf-video-align, center)}.tf-video__eyebrow{margin:0 0 12px}.tf-video__heading{margin:0}.tf-video__text{margin:12px 0 0;max-width:62ch}.tf-video__copy[style*=center] .tf-video__text,.tf-video--align-center .tf-video__text{margin-inline:auto}.tf-video__frame{position:relative;overflow:hidden;border-radius:var(--tf-video-radius, 20px);box-shadow:var(--tf-video-shadow, var(--tf-shadow-lg));background:rgba(var(--tf-text-rgb),.04);aspect-ratio:var(--tf-video-ratio, 16 / 9)}.tf-video__frame>iframe,.tf-video__frame>video,.tf-video__frame deferred-media>iframe,.tf-video__frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover}tf-video-facade{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.tf-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform calc(var(--tf-dur) * 2) var(--tf-ease),filter var(--tf-dur) var(--tf-ease)}.tf-video__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:rgba(var(--tf-text-rgb),.18);color:var(--tf-on-accent);cursor:pointer;transition:background-color var(--tf-dur) var(--tf-ease)}.tf-video__play:hover{background:rgba(var(--tf-text-rgb),.28)}.tf-video__play:hover~.tf-video__poster,.tf-video__play:focus-visible~.tf-video__poster{transform:scale(1.03)}.tf-video__play-ring{display:grid;place-items:center;width:clamp(56px,8vw,84px);aspect-ratio:1;border-radius:50%;background:var(--tf-accent);box-shadow:var(--tf-shadow-md);transition:transform var(--tf-dur) var(--tf-ease-out),background-color var(--tf-dur) var(--tf-ease)}.tf-video__play:hover .tf-video__play-ring{transform:scale(1.08)}.tf-video__play:active .tf-video__play-ring{transform:scale(.96)}.tf-video__play-ring svg{width:38%;height:auto;margin-left:8%;fill:var(--tf-on-accent)}.tf-video__play{z-index:2}.tf-video__poster{z-index:1}tf-video-facade[data-loading] .tf-video__play-ring{animation:tf-spin .62s linear infinite;background:transparent;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;box-shadow:none}tf-video-facade[data-loading] .tf-video__play-ring svg{display:none}.tf-video__caption{margin:14px 0 0;text-align:var(--tf-video-caption-align, center);font-size:var(--tf-body-sm);color:var(--tf-muted)}.tf-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:10px;padding:24px;text-align:center;background:var(--tf-accent-tint);color:var(--tf-accent)}.tf-video__placeholder svg{width:clamp(48px,7vw,72px);height:auto}.tf-video__placeholder p{margin:0;font-size:var(--tf-body-sm);font-weight:var(--tf-fw-bold)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tf-video.css.map */