.video-text-banner-section{padding-top:var(--mg-top-desktop);padding-bottom:var(--mg-bottom-desktop);background:var(--background);position:relative;overflow:visible}.video-text-banner-section .video-text--title,.video-text-banner-section .video-text--description{margin:0;font-size:var(--fs-desktop);margin-bottom:var(--mb-desktop);text-transform:var(--text-transform);line-height:normal;color:var(--color)}.video-text-banner-section .video-text--description{hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;overflow-wrap:break-word;word-break:normal;text-align:justify}@media(max-width:1024px){.video-text-banner-section .video-text--title,.video-text-banner-section .video-text--description{font-size:var(--fs-mobile);margin-bottom:var(--mb-mobile)}}@media(max-width:1200px){.video-text-banner-section{padding-top:var(--mg-top-tablet);padding-bottom:var(--mg-bottom-tablet)}}@media(max-width:767px){.video-text-banner-section .video-text--description{font-size:calc(.9 * var(--fs-mobile))}.video-text-banner-section{padding-top:var(--mg-top-mobile);padding-bottom:var(--mg-bottom-mobile)}}.video-text-banner-section .video-controls{display:flex;align-items:center;gap:4px;z-index:2;position:absolute;bottom:4px;left:50%;transform:translate(-50%,50%);background:var(--video-controls-bg);border-radius:20px;padding:6px 16px}.video-text-banner-section .video-controls button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.video-text-banner-section .video-controls button svg{width:14px;height:14px}.video-text-banner-section .video-controls .video--play{background:#fff;padding:10px;border-radius:999px}.video-text-banner-section .video-controls .video--mute svg{fill:#fff;stroke:#fff;width:24px;height:24px}.video-text-banner-section .video-wrapper:is(.not-playing) .video-controls .icon-pause,.video-text-banner-section .video-wrapper:is(.not-mute) .video-controls .icon-unmute,.video-text-banner-section .video-wrapper .video-controls .icon-mute,.video-text-banner-section .video-wrapper .video-controls .icon-play{display:none}.video-text-banner-section .video-wrapper:is(.not-playing) .video-controls .icon-play,.video-text-banner-section .video-wrapper:is(.not-mute) .video-controls .icon-mute{display:block}.video-text-banner-section .video-text--wrapper{display:flex;align-items:end;gap:45px;transform:translateY(-15%)}.video-text-banner-section .video-text--wrapper .text-wrapper{position:relative;padding-block:20px}.video-text-banner-section .video-text--wrapper video{width:290px;height:auto;border-radius:20px;border:8px solid var(--video-border-color)}.video-text-banner-section .video-text--cta{margin:var(--cta-mt-desk) 0 8px;display:block;font-size:var(--cta-fs-desk);font-weight:800;font-family:var(--font-family-2);color:var(--cta-color);background:var(--cta-bg-color);padding:16px 48px 12px;border-radius:20px;border:2px solid var(--cta-border-color);box-shadow:1px 2px 0 2px var(--cta-border-color);width:fit-content}.video-text-banner-section .video-text--cta:hover{color:var(--cta-color-hover);background:var(--cta-bg-color-hover);border:2px solid var(--cta-border-color-hover);box-shadow:1px 2px 0 2px var(--cta-border-color-hover)}@keyframes mascotBounce{0%,to{transform:translate(calc(50% - 5px),calc(-50% - 42px)) rotate(-11deg)}50%{transform:translate(calc(50% - 5px),calc(-50% - 58px)) rotate(-11deg)}}.video-text-banner-section .mascot-text .mascot{position:absolute;top:0;right:0;transform:translate(calc(50% - 5px),calc(-50% - 47px)) rotate(-11deg);width:120px;height:auto;animation:mascotBounce 2.5s ease-in-out infinite}@media(max-width:1024px){.video-text-banner-section .video-text--cta{margin:var(--cta-mt-mb) 0 8px;font-size:var(--cta-fs-mb);padding:10px 48px;border-radius:16px}.video-text-banner-section .mascot-text .mascot{transform:translate(calc(50% - 55px),calc(-50% - 32px)) rotate(-11deg);animation:mascotBounceTablet 2.5s ease-in-out infinite}@keyframes mascotBounceTablet{0%,to{transform:translate(calc(50% - 55px),calc(-50% - 29px)) rotate(-11deg)}50%{transform:translate(calc(50% - 55px),calc(-50% - 39px)) rotate(-11deg)}}}@media(max-width:767px){.video-text-banner-section .video-text--wrapper{gap:30px}.video-text-banner-section .mascot-text .mascot{width:100px;transform:translate(calc(50% - 55px),calc(-50% - 32px)) rotate(-11deg);animation:mascotBounceMobile 2.5s ease-in-out infinite}.video-text-banner-section .video-text--wrapper video{width:220px}@keyframes mascotBounceMobile{0%,to{transform:translate(calc(50% - 55px),calc(-50% - 29px)) rotate(-11deg)}50%{transform:translate(calc(50% - 55px),calc(-50% - 40px)) rotate(-11deg)}}}@media(max-width:600px){.video-text-banner-section .video-text--wrapper{transform:translateY(-5%)}}@media(max-width:551px){.video-text-banner-section .video-text--title{text-align:center}.video-text-banner-section .video-text--wrapper{align-items:center;flex-direction:column;transform:translateY(-10%);margin-bottom:-150px}.video-text-banner-section .video-text--wrapper video,.video-text-banner-section .text-wrapper{width:100%;max-width:min(350px,90vw)}.video-text-banner-section{padding-top:30px}.video-text-banner-section .mascot-text .mascot{width:80px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/video-text-banner.css.map */