.tpt-video-banner-2{box-sizing:border-box;position:relative;width:100%;height:var(--banner-height-desktop);overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.tpt-video-banner-2 *,.tpt-video-banner-2 *:before,.tpt-video-banner-2 *:after{box-sizing:border-box}.tpt-video-banner-2_main-video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.tpt-video-banner-2_main-video-element,.tpt-video-banner-2_main-image{width:100%;height:100%;object-fit:cover;object-position:center}.tpt-video-banner-2_main-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative}.tpt-video-banner-2_main-placeholder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;z-index:1}.tpt-video-banner-2_placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffc;z-index:2;position:relative;text-align:center}.tpt-video-banner-2_placeholder-content svg{margin-bottom:1em;opacity:.6}.tpt-video-banner-2_placeholder-content p{margin:0;font-size:1.5em;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.tpt-video-banner-2_overlay{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:3em;background:#0000004d}.tpt-video-banner-2_overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--tpt-section-background-color),calc(var(--overlay-opacity, 30) / 100));z-index:-1}.tpt-video-banner-2_content{flex:1;max-width:40em;margin-top:2em}.tpt-video-banner-2_heading{margin:0 0 1em;font-weight:700;line-height:1.1;text-shadow:0 .125em .25em rgba(0,0,0,.3)}.tpt-video-banner-2_description{margin:0;font-size:1.25em;line-height:1.4;opacity:.9;text-shadow:0 .0625em .125em rgba(0,0,0,.3)}.tpt-video-banner-2_description p{margin:0 0 1em}.tpt-video-banner-2_description p:last-child{margin-bottom:0}.tpt-video-banner-2_secondary-video{position:absolute;bottom:3em;left:3em;width:8em;height:10em;border-radius:1.5em;overflow:hidden;border:.25em solid rgba(255,255,255,.8);background:#ffffff1a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.tpt-video-banner-2_secondary-video:hover{transform:scale(1.05);box-shadow:0 .5em 2em #0000004d}.tpt-video-banner-2_secondary-video-element{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.tpt-video-banner-2_secondary-video:hover .tpt-video-banner-2_secondary-video-element{transform:scale(1.02)}.tpt-video-banner-2_secondary-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffb3;text-align:center;position:relative}.tpt-video-banner-2_secondary-placeholder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;border-radius:inherit}.tpt-video-banner-2_secondary-placeholder svg{margin-bottom:.5em;opacity:.6;z-index:1;position:relative}.tpt-video-banner-2_secondary-placeholder p{margin:0;font-size:.75em;font-weight:500;letter-spacing:.05em;text-transform:uppercase;z-index:1;position:relative}.tpt-video-banner-2_secondary-video:not([data-video-modal-trigger]){cursor:default}.tpt-video-banner-2_secondary-video:not([data-video-modal-trigger]):hover{transform:none;box-shadow:none}.tpt-video-banner-2_secondary-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .3s ease;pointer-events:none}.tpt-video-banner-2_secondary-video:hover .tpt-video-banner-2_secondary-video-overlay{opacity:1}.tpt-video-banner-2_secondary-video-overlay svg{width:2em;height:2em;color:#fff;filter:drop-shadow(0 .125em .25em rgba(0,0,0,.3))}.tpt-video-banner-2_modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.tpt-video-banner-2_modal.active{opacity:1;visibility:visible}.tpt-video-banner-2_modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;cursor:pointer;display:block!important}.tpt-video-banner-2_modal-content{position:relative;width:90vw;height:90vh;background:#000;border-radius:.5em;overflow:hidden;box-shadow:0 1em 3em #00000080;display:flex;justify-content:center;align-items:center}.tpt-video-banner-2_modal-close{position:absolute;top:1em;right:1em;z-index:10;background:#000000b3;border:none;border-radius:50%;width:2.5em;height:2.5em;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease}.tpt-video-banner-2_modal-close:hover{background:#000000e6;transform:scale(1.1)}.tpt-video-banner-2_modal-close svg{width:1.25em;height:1.25em}.tpt-video-banner-2_modal-video{position:relative;width:100%;height:0;padding-bottom:56.25%}.tpt-video-banner-2_modal-video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.tpt-video-banner-2_cta{position:absolute;bottom:3em;right:3em;z-index:3}.tpt-video-banner-2_cta .tpt-button{font-size:1em;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.tpt-video-banner-2_cta .tpt-button:hover{transform:translateY(-.125em);box-shadow:0 .5em 1em #0003}.tpt-video-banner-2_secondary-video:hover .tpt-video-banner-2_secondary-video-element{animation:none}.tpt-video-banner-2_secondary-video .tpt-video-banner-2_secondary-video-element{animation:subtle-pulse 3s infinite ease-in-out}@keyframes subtle-pulse{0%,to{opacity:.95}50%{opacity:1}}.tpt-video-banner-2_secondary-video-element{pointer-events:none}@media screen and (min-width: 768px) and (max-width: 1279px){.tpt-video-banner-2{height:var(--banner-height-mobile)}.tpt-video-banner-2_overlay{padding:2.5em;flex-direction:column;align-items:flex-start;justify-content:flex-start}.tpt-video-banner-2_content{max-width:100%;margin-top:1.5em}.tpt-video-banner-2_heading{font-size:3em}.tpt-video-banner-2_description{font-size:1.125em}.tpt-video-banner-2_placeholder-content p{font-size:1.25em}.tpt-video-banner-2_secondary-video{width:7em;height:9em;bottom:2.5em;left:2.5em}.tpt-video-banner-2_secondary-placeholder p{font-size:.7em}.tpt-video-banner-2_cta{bottom:2.5em;right:2.5em}.tpt-video-banner-2_modal-content{max-width:95vw;max-height:95vh}}@media screen and (max-width: 767px){.tpt-video-banner-2{height:var(--banner-height-mobile)}.tpt-video-banner-2_overlay{padding:2em;flex-direction:column;align-items:flex-start;justify-content:space-between}.tpt-video-banner-2_content{max-width:100%;margin-top:1em;flex:1;display:flex;flex-direction:column;justify-content:center}.tpt-video-banner-2_heading{font-size:2.5em;margin-bottom:.75em}.tpt-video-banner-2_description{font-size:1em;line-height:1.5}.tpt-video-banner-2_placeholder-content p{font-size:1em}.tpt-video-banner-2_placeholder-content svg{width:60px;height:60px}.tpt-video-banner-2_secondary-video{position:relative;width:6em;height:7.5em;margin-bottom:1.5em;bottom:auto;left:auto;border-radius:1em}.tpt-video-banner-2_secondary-placeholder p{font-size:.65em}.tpt-video-banner-2_secondary-placeholder svg{width:28px;height:28px}.tpt-video-banner-2_cta{position:relative;bottom:auto;right:auto;align-self:flex-end;margin-top:1em}.tpt-video-banner-2_cta .tpt-button{font-size:.9em;padding:.9em 2.5em}.tpt-video-banner-2_modal-content{max-width:95vw;max-height:90vh}.tpt-video-banner-2_modal-close{top:.5em;right:.5em;width:2em;height:2em}.tpt-video-banner-2_modal-close svg{width:1em;height:1em}}@media screen and (max-width: 480px){.tpt-video-banner-2_overlay{padding:1.5em}.tpt-video-banner-2_heading{font-size:2em}.tpt-video-banner-2_description,.tpt-video-banner-2_placeholder-content p{font-size:.9em}.tpt-video-banner-2_placeholder-content svg{width:50px;height:50px}.tpt-video-banner-2_secondary-video{width:5em;height:6.5em}.tpt-video-banner-2_secondary-placeholder p{font-size:.6em}.tpt-video-banner-2_secondary-placeholder svg{width:24px;height:24px}.tpt-video-banner-2_cta .tpt-button{font-size:.8em;padding:.8em 2em}.tpt-video-banner-2_modal-content{max-width:98vw;max-height:85vh}}@media (prefers-reduced-motion: reduce){.tpt-video-banner-2_secondary-video,.tpt-video-banner-2_secondary-video-element,.tpt-video-banner-2_cta .tpt-button,.tpt-video-banner-2_modal,.tpt-video-banner-2_modal-close,.tpt-video-banner-2_secondary-video-overlay{transition:none;animation:none}.tpt-video-banner-2_secondary-video:hover,.tpt-video-banner-2_cta .tpt-button:hover,.tpt-video-banner-2_modal-close:hover{transform:none}}.tpt-video-banner-2_secondary-video:focus,.tpt-video-banner-2_modal-close:focus{outline:.125em solid #005fcc;outline-offset:.125em}@media (prefers-contrast: high){.tpt-video-banner-2_secondary-video{border-color:#fff}.tpt-video-banner-2_modal-backdrop{background:#000000f2}.tpt-video-banner-2_modal-close{background:#000;border:.125em solid #ffffff}.tpt-video-banner-2_main-placeholder{background:#666}.tpt-video-banner-2_placeholder-content,.tpt-video-banner-2_secondary-placeholder{color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/tpt-video-banner-2.css.map */