.melalight-video{--ml-charcoal: #414042;--ml-muted: rgba(65, 64, 66, .55);width:100%;background-color:#fff;color:var(--ml-charcoal)}.melalight-video__inner{width:100%;max-width:var(--page-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.melalight-video__heading{margin:0 0 4rem;font-family:"Gotham Book",var(--font-heading-family),Arial,sans-serif;font-size:clamp(2.4rem,4vw,3.6rem);font-weight:400;line-height:1.15;letter-spacing:.06em;text-transform:uppercase;color:var(--ml-charcoal)}.melalight-video__player{position:relative;width:100%;max-width:96rem;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--ml-charcoal);box-shadow:0 .4rem 2.4rem #4140421f}.melalight-video__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.melalight-video__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;transition:opacity .2s ease}.melalight-video__play:focus-visible{outline:.2rem solid var(--ml-charcoal);outline-offset:-.4rem}.melalight-video__play-icon-wrap{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:1.2rem;background-color:#ffffff59;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);border:1px solid rgba(255,255,255,.3)}.melalight-video__play-icon-wrap .icon-play{display:block;width:1.8rem;height:2.4rem;margin-left:.3rem;color:#fff}.melalight-video__player.is-playing .melalight-video__play{opacity:0;pointer-events:none}.melalight-video__caption{margin:3.2rem 0 0;max-width:96rem;display:flex;flex-direction:column;gap:1.6rem}.melalight-video__caption-heading{margin:0;font-family:"Gotham Medium",var(--font-body-family),Arial,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:uppercase}.melalight-video__caption-text{margin:0;font-family:"Gotham Book",var(--font-body-family),Arial,sans-serif;font-size:1.2rem;font-weight:400;line-height:24px;letter-spacing:0;text-transform:none;color:var(--ml-charcoal)}@media screen and (min-width:750px){.melalight-video__heading{margin-bottom:5.6rem;letter-spacing:.08em;font-size:4.4rem}.melalight-video__play-icon-wrap{width:8rem;height:8rem;border-radius:1.6rem}.melalight-video__play-icon-wrap .icon-play{width:2.2rem;height:2.8rem;margin-left:.4rem}.melalight-video__caption{margin-top:4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/melalight-video.css.map */