.video-section__media{--ratio-percent: 56.25%;position:relative;padding-bottom:calc(var(--ratio-percent) - var(--media-border-width))}.scroll-trigger:where(.gradient.video-section__media){background:transparent}.video-section__media.global-media-settings--full-width{padding-bottom:var(--ratio-percent)}.video-section__media.deferred-media{box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.video-section__media.deferred-media:after{content:none}.video-section__poster.deferred-media__poster:focus{outline-offset:.3rem}.video-section__media iframe{background-color:rgba(var(--color-foreground),.03);border:0}.video-section__poster,.video-section__media iframe,.video-section__media video{position:absolute;width:100%;height:100%}.video-section__media video{background:#000}.video-section__media.media-fit-cover video{object-fit:cover}.shopify-uploaded-video{width:-webkit-fill-available;height:auto;display:block}.relative-wrapper{position:relative}.kojo-circle-image,.text-section{position:absolute;top:10%;left:50%;transform:translate(-50%);width:100px;height:150px;background-size:cover;background-position:center;border-radius:0%;z-index:5}.kojo-circle-image{display:none}.text-section{top:70%;width:100%;align-items:center;justify-items:center;text-align:center}.video-description{color:#fff;margin:0;padding-top:1.5rem}.video-description p{margin:0;font-size:var(--text-medium);line-height:var(--text-medium-line-height)}.video-section-title{color:#fff;margin:0;font-size:var(--h2-desktop-size);line-height:var(--h2-desktop-line)}.video-shop-button{padding-top:3.5rem}.shop-video-button:hover{cursor:pointer}.video-shop-button button{font-size:var(--text-base);text-align:center;border:none;background:#fff;padding:1.6rem 2.6rem;border-radius:25px;color:var(--color-twilight-sapphire-500)}.video-frame{position:relative;overflow-x:clip;overflow-y:visible}.video-frame video{transform:scale(1.2);margin:-17rem 0rem -7rem!important}@media(max-width:1280px){.text-section{top:64%}}@media(max-width:1024px){.text-section{top:58%}.video-shop-button{padding-top:3rem}}@media(max-width:912px){.video-frame video{transform:scale(2.3);margin:36rem 0rem 42rem!important}.video-section-title{font-size:var(--h2-desktop-size);line-height:var(--h2-mobile-line)}@media(max-width:1024px){.text-section{top:128%}}}@media(max-width:854px){.video-frame video{transform:scale(2.5);margin:39rem 0rem 45rem!important}.text-section{top:135%}}@media(max-width:820px){.text-section{top:105%}.video-frame video{transform:scale(2.5);margin:38rem 0rem 44rem!important}.video-section-title{font-size:var(--h2-desktop-size);line-height:var(--h2-mobile-line)}}@media(max-width:769px){.gradient{border-bottom:none!important}.video-section-title{font-size:var(--h2-mobile-size);line-height:var(--h2-mobile-line)}.video-frame video{transform:scale(2.5);margin:33rem 0rem 44rem!important}}@media(max-width:768px){.video-frame video{transform:scale(2.5);margin:33rem 0rem 41rem!important}.text-section{top:105%}}@media(max-width:750px){.text-section{padding-left:25px;padding-right:25px;top:105%}.video-shop-button{padding-top:12px}}@media(max-width:700px){.video-frame video{transform:scale(2.5);margin:30rem 0rem 41rem!important}.text-section{top:105%}}@media(max-width:540px){.video-frame video{transform:scale(2.5);margin:17rem 0rem 25rem!important}.video-section-title{font-size:var(--h3-mobile-size);line-height:var(--h3-mobile-line)}.text-section{top:105%}}@media(max-width:431px){.video-frame video{margin:15rem 0rem 23rem!important}.text-section{padding-left:10px;padding-right:10px;top:80%}}@media(max-width:415px){.video-frame video{margin:14rem 0rem 22rem!important}.text-section{top:80%}}@media(max-width:412px){.text-section{padding-left:2rem;padding-right:2rem;top:80%}.video-frame video{transform:scale(2.5);margin:13rem 0rem 21rem!important}}@media(max-width:392px){.text-section{top:92%}}@media(max-width:376px){.video-frame video{transform:scale(2.5);margin:12rem 0rem 20rem!important}.text-section{top:90%}}@media(max-width:360px){.video-frame video{margin:11rem 0rem 20rem!important}.text-section{top:85%}}@media(max-width:344px){.video-frame video{margin:11rem 0rem 18rem!important}.text-section{top:80%}}@media(max-width:298px){.video-frame video{margin:8rem 0rem 18rem!important}.text-section{top:72%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-section.css.map */