.tpt-video-banner-1{box-sizing:border-box;position:relative;width:100%;overflow:hidden}.tpt-video-banner-1 *,.tpt-video-banner-1 *:before,.tpt-video-banner-1 *:after{box-sizing:border-box}.tpt-video-banner-1_container{position:relative;width:100%;height:var(--video-height-desktop);display:flex;align-items:center;justify-content:flex-start}.tpt-video-banner-1_video,.tpt-video-banner-1_video-wrapper,.tpt-video-banner-1_iframe,.tpt-video-banner-1_placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.tpt-video-banner-1_iframe{border:none}.tpt-video-banner-1_placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);text-align:center;padding:2em}.tpt-video-banner-1_placeholder svg{width:120px;height:120px;margin-bottom:1.5em;opacity:.7}.tpt-video-banner-1_placeholder-text h3{margin:0 0 .5em;font-size:1.5em;font-weight:600;color:#000000b3}.tpt-video-banner-1_placeholder-text p{margin:0;font-size:1em;color:#00000080;max-width:300px;line-height:1.4}.tpt-video-4_embed{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.tpt-video-4_embed iframe,.tpt-video-4_embed video,.tpt-video-4_embed embed,.tpt-video-4_embed object{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.tpt-video-banner-1_overlay{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.tpt-video-banner-1_content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;align-items:flex-start;justify-content:flex-start;padding:2em}.tpt-video-banner-1_text-content{position:absolute;left:var(--text-position-x);top:var(--text-position-y);transform:translateY(-50%);max-width:50%;z-index:4}.tpt-video-banner-1_text-content.tpt-section_align-center{text-align:center;left:50%;transform:translate(-50%,-50%)}.tpt-video-banner-1_subtitle{margin:0 0 .5em;line-height:1.4}.tpt-video-banner-1_title{margin:0 0 .5em;line-height:1.2;font-family:inherit}.tpt-video-banner-1_description{margin:0 0 1.5em;line-height:1.6}.tpt-video-banner-1_button{margin-top:1em}.tpt-video-banner-1_button .tpt-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:var(--button-padding-y) var(--button-padding-x);text-decoration:none;border-radius:var(--button-border-radius);transition:all .3s ease;font-size:var(--button-font-size);font-weight:var(--button-font-weight);color:var(--button-color);background-color:var(--button-bg-color);border:var(--button-border-width) solid var(--button-border-color);cursor:pointer;outline:none;position:relative;overflow:hidden}.tpt-video-banner-1_button .tpt-button span{line-height:1}.tpt-video-banner-1_button-arrow{width:1.2em;height:1.2em;flex-shrink:0}.tpt-video-banner-1_button .tpt-button:hover{transform:translateY(-.125em);box-shadow:0 .25em .5em #0003;background-color:var(--button-hover-bg);color:var(--button-hover-color);border-color:var(--button-hover-border)}.tpt-video-banner-1_button .tpt-button:active{transform:translateY(.0625em);box-shadow:0 .125em .25em #00000026}.tpt-video-banner-1_button .tpt-button:focus{outline:.125em solid rgba(255,255,255,.8);outline-offset:.125em}.tpt-video-banner-1_button .tpt-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;z-index:1}.tpt-video-banner-1_button .tpt-button:hover:before{left:100%}.tpt-video-banner-1_button .tpt-button span,.tpt-video-banner-1_button .tpt-button svg{position:relative;z-index:2}.tpt-video-banner-1_pause-button{position:absolute;bottom:2em;right:2em;width:var(--pause-button-size);height:var(--pause-button-size);border-radius:50%;background-color:var(--pause-button-bg);color:var(--pause-button-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .3s ease;opacity:var(--pause-button-opacity)}.tpt-video-banner-1_pause-button:hover{transform:scale(1.1);opacity:1}.tpt-video-banner-1_pause-button:focus{outline:.125em solid rgba(255,255,255,.5);outline-offset:.125em}.tpt-video-banner-1_pause-button:active{transform:scale(.95)}.tpt-video-banner-1_pause-button svg{width:calc(var(--pause-button-size) * .5);height:calc(var(--pause-button-size) * .5)}@media screen and (min-width: 768px) and (max-width: 1279px){.tpt-video-banner-1_container{height:var(--video-height-tablet)}.tpt-video-banner-1_content{padding:1.5em}.tpt-video-banner-1_text-content{max-width:60%}.tpt-video-banner-1_title{font-size:2.5em!important}.tpt-video-banner-1_subtitle,.tpt-video-banner-1_description{font-size:1em!important}.tpt-video-banner-1_button .tpt-button{font-size:calc(var(--button-font-size) * .9);padding:calc(var(--button-padding-y) * .85) calc(var(--button-padding-x) * .85)}.tpt-video-banner-1_pause-button{bottom:1.5em;right:1.5em;width:calc(var(--pause-button-size) * .8);height:calc(var(--pause-button-size) * .8)}.tpt-video-banner-1_pause-button svg{width:calc(var(--pause-button-size) * .4);height:calc(var(--pause-button-size) * .4)}}@media screen and (max-width: 767px){.tpt-video-banner-1_container{height:var(--video-height-mobile)}.tpt-video-banner-1_content{padding:1em;align-items:flex-start;justify-content:flex-start}.tpt-video-banner-1_text-content{max-width:90%;position:static;transform:none;margin-top:2em}.tpt-video-banner-1_text-content.tpt-section_align-center{position:static;transform:none;margin-top:2em;text-align:center}.tpt-video-banner-1_title{font-size:2em!important;line-height:1.1}.tpt-video-banner-1_subtitle,.tpt-video-banner-1_description{font-size:.875em!important}.tpt-video-banner-1_button .tpt-button{font-size:calc(var(--button-font-size) * .8);padding:calc(var(--button-padding-y) * .8) calc(var(--button-padding-x) * .75)}.tpt-video-banner-1_pause-button{bottom:1em;right:1em;width:calc(var(--pause-button-size) * .7);height:calc(var(--pause-button-size) * .7)}.tpt-video-banner-1_pause-button svg{width:calc(var(--pause-button-size) * .35);height:calc(var(--pause-button-size) * .35)}}@media screen and (max-width: 480px){.tpt-video-banner-1_text-content{max-width:95%;margin-top:1.5em}.tpt-video-banner-1_title{font-size:1.75em!important}.tpt-video-banner-1_subtitle,.tpt-video-banner-1_description{font-size:.75em!important}.tpt-video-banner-1_button .tpt-button{font-size:calc(var(--button-font-size) * .75);padding:calc(var(--button-padding-y) * .7) calc(var(--button-padding-x) * .7)}.tpt-video-banner-1_pause-button{bottom:.75em;right:.75em;width:calc(var(--pause-button-size) * .6);height:calc(var(--pause-button-size) * .6)}.tpt-video-banner-1_pause-button svg{width:calc(var(--pause-button-size) * .3);height:calc(var(--pause-button-size) * .3)}}.tpt-video-banner-1_video,.tpt-video-banner-1_iframe,.tpt-video-4_embed iframe,.tpt-video-4_embed video,.tpt-video-banner-1_placeholder{transition:opacity .5s ease-in-out}.tpt-video-banner-1_video:not([data-loaded=true]){opacity:0}@media (prefers-reduced-motion: reduce){.tpt-video-banner-1_button .tpt-button:hover,.tpt-video-banner-1_pause-button:hover{transform:none}.tpt-video-banner-1_video,.tpt-video-banner-1_iframe,.tpt-video-4_embed iframe,.tpt-video-4_embed video,.tpt-video-banner-1_placeholder{transition:none}.tpt-video-banner-1_button .tpt-button:before{display:none}}@media (prefers-contrast: high){.tpt-video-banner-1_overlay{background-color:#0009!important}.tpt-video-banner-1_pause-button{border:.125em solid}.tpt-video-banner-1_button .tpt-button{border-width:.125em}}.tpt-video-banner-1_container:not(.loaded) .tpt-video-banner-1_video,.tpt-video-banner-1_container:not(.loaded) .tpt-video-4_embed,.tpt-video-banner-1_container:not(.loaded) .tpt-video-banner-1_placeholder{opacity:.5}.tpt-video-banner-1_container.loaded .tpt-video-banner-1_video,.tpt-video-banner-1_container.loaded .tpt-video-4_embed,.tpt-video-banner-1_container.loaded .tpt-video-banner-1_placeholder{opacity:1}.tpt-video-banner-1_video,.tpt-video-banner-1_iframe,.tpt-video-4_embed iframe,.tpt-video-4_embed video{object-position:center}@media screen and (max-width: 767px){.tpt-video-banner-1_placeholder{padding:1em}.tpt-video-banner-1_placeholder svg{width:80px;height:80px;margin-bottom:1em}.tpt-video-banner-1_placeholder-text h3{font-size:1.25em}.tpt-video-banner-1_placeholder-text p{font-size:.875em}}@media screen and (max-width: 480px){.tpt-video-banner-1_placeholder svg{width:60px;height:60px}.tpt-video-banner-1_placeholder-text h3{font-size:1.125em}.tpt-video-banner-1_placeholder-text p{font-size:.75em}}@media screen and (min-width: 1280px){.tpt-video-banner-1_text-content{max-width:45%}}@media screen and (min-width: 1600px){.tpt-video-banner-1_text-content{max-width:40%}}.tpt-video-banner-1_button .tpt-button.tpt-button__secondary{background-color:transparent;color:var(--button-border-color);border:var(--button-border-width) solid var(--button-border-color)}.tpt-video-banner-1_button .tpt-button.tpt-button__secondary:hover{background-color:var(--button-border-color);color:var(--button-bg-color)}.tpt-video-banner-1_button .tpt-button{box-shadow:0 .125em .25em #0000001a}.tpt-video-banner-1_button .tpt-button:hover{box-shadow:0 .25em .5em #0003}.tpt-video-banner-1_button .tpt-button:focus-visible{outline:.1875em solid rgba(255,255,255,.9);outline-offset:.1875em}.tpt-video-banner-1_pause-button:focus-visible{outline:.1875em solid rgba(255,255,255,.7);outline-offset:.1875em}.tpt-video-banner-1_button .tpt-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.tpt-video-banner-1_button .tpt-button:disabled:hover{background-color:var(--button-bg-color);color:var(--button-color);border-color:var(--button-border-color);transform:none;box-shadow:0 .125em .25em #0000001a}
/*# sourceMappingURL=/cdn/shop/t/26/assets/tpt-video-banner-1.css.map */