.nippli-about-video{margin:0;padding:0}.nippli-about-video__frame{position:relative;display:block;width:100%;aspect-ratio:var(--nippli-about-video-ratio, 16 / 9);overflow:hidden;background:var(--nippli-about-video-bg, #121212)}.nippli-about-video__media,.nippli-about-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--nippli-about-video-position, center 20%);display:block;transition:object-fit .2s ease}.nippli-about-video__frame.is-playing .nippli-about-video__media{object-fit:contain;object-position:center center}.nippli-about-video__placeholder{background:#f3f3f3}.nippli-about-video__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;transition:opacity .25s ease,visibility .25s ease}.nippli-about-video__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#0006);pointer-events:none}.nippli-about-video__frame.is-playing .nippli-about-video__cover{opacity:0;visibility:hidden;pointer-events:none}.nippli-about-video__play{position:absolute;top:50%;left:50%;z-index:2;width:64px;height:64px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:50%;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease,background-color .2s ease}.nippli-about-video__play svg{width:24px;height:24px;margin-left:2px}.nippli-about-video__cover:hover .nippli-about-video__play{transform:translate(-50%,-50%) scale(1.06);background:#0006}.nippli-about-video__play:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.nippli-about-video__heading{position:absolute;left:24px;right:24px;bottom:16%;z-index:2;margin:0;text-align:center;font-family:var(--font-heading-family, inherit);font-size:31px;line-height:1.25;font-weight:600;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.35);pointer-events:none}@media(prefers-reduced-motion:reduce){.nippli-about-video__cover,.nippli-about-video__play,.nippli-about-video__media{transition:none}}@media screen and (max-width:749px){.nippli-about-video__frame{aspect-ratio:var(--nippli-about-video-ratio-mobile, 4 / 5)}.nippli-about-video__media,.nippli-about-video__poster{object-position:var(--nippli-about-video-position-mobile, center 20%)}.nippli-about-video__play{width:56px;height:56px}.nippli-about-video__play svg{width:20px;height:20px}.nippli-about-video__heading{font-size:20px;bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/nippli-about-video.css.map */