.custom-video__inner{display:flex;flex-direction:column;align-items:center}.custom-video__inner--title_button_inline .custom-video__grid{position:relative}.custom-video__header{text-align:center;margin-bottom:5.6rem}.custom-video__title{line-height:1.3;margin:0;margin-bottom:var(--title-space, 10px)}@media screen and (min-width: 769px){.custom-video__title{margin-bottom:var(--title-space-pc, 10px)}}.custom-video__subtitle{line-height:calc(1 + .8 / var(--font-body-scale));margin:0}.custom-video__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%}.custom-video__thumb{position:relative;cursor:pointer;width:100%;text-align:center;font-size:0}.custom-video__thumb:before{pointer-events:none;content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-color:var(--overlay, transparent);opacity:var(--overlay-opacity);border-radius:12px}.play .custom-video__thumb:before{content:unset}.custom-video__preview{width:100%;height:auto;box-shadow:0 5px 14px #0003;aspect-ratio:1.8;border-radius:12px;object-fit:cover}.custom-video__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;transition:transform .3s ease}.custom-video__inner--title_button_inline .custom-video__play-icon{display:none}.custom-video__thumb:hover .custom-video__play-icon{transform:translate(-50%,-50%) scale(1.1)}.custom-button-wrapper{text-align:center}.custom-video__text{font-size:16px;line-height:1.375;color:#212121;text-align:center;margin-top:34px}.custom-video__button{display:inline-block;background:#000;color:#fff;padding:12px 24px;border-radius:6px;font-size:18px;text-decoration:none;font-weight:600;margin-top:1rem}.button.custom-video__button:hover:after,.button.custom-video__button:hover:before,.button.custom-video__button:after,.button.custom-video__button:before{box-shadow:unset}.custom-video__popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.custom-video__popup.hidden{display:none}.custom-video__popup-content{position:relative;width:90%;aspect-ratio:16/9;background:#000;max-width:900px}.custom-video__popup-content--bunny{position:relative}.custom-video__iframe{width:100%;height:100%;border:0}.custom-video__popup-close{position:absolute;top:2rem;height:40px;width:40px;right:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:3.5rem;color:#fff;background:#0003;cursor:pointer}.custom-video__inner .wave-highlight{position:relative;display:inline-block}@media screen and (max-width: 768px){.custom-video__grid{flex-direction:column}.custom-video__header{margin-bottom:24px}.custom-video__title{font-size:24px;line-height:32px}.custom-video__benefit-text{font-size:14px}}.hidden{display:none!important}.custom-video__thumb--with-text{position:relative;text-align:center}.custom-video__overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;max-width:80%}.custom-video__inner--title_button_inline .custom-video__overlay-content{pointer-events:none;text-align:center}.custom-video__inner--title_button_inline:has(.custom-video__preview.hidden) .custom-video__overlay-content{display:none}.custom-video__overlay-title{font-size:24px;font-weight:700;margin-bottom:var(--overlay-title-space, 10px)}@media screen and (min-width: 769px){.custom-video__overlay-title{margin-bottom:var(--overlay-title-space, 10px)}}.custom-video__overlay-subtitle{font-size:16px;margin-top:0;margin-bottom:1rem}.custom-video__inline-video{width:100%;aspect-ratio:1.8}.custom-video__button{font-size:16px;line-height:1;padding:16px 24px!important;transition:transform .3s ease}.custom-video__button:hover{transform:scale(1.1)}.custom-video__thumb--with-text .custom-video__button{padding:.75rem 1.5rem;border:none;cursor:pointer;font-size:16px;font-weight:600}@media screen and (max-width:600px){.custom-video__overlay-content{transform:translateY(-50%);left:0;width:100%;max-width:100%;padding:25px}.custom-video__thumb--with-text .custom-video__button{font-size:14px}}@media screen and (min-width: 750px) and (max-width: 990px){.custom-video__inner{padding-inline:50px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-custom-video.css.map */