.moud-featured-video-bubbles{display:block;width:100%;margin-block:var(--mfvb-margin-top) var(--mfvb-margin-bottom);color:var(--mfvb-title-color)}.moud-featured-video-bubbles__heading{margin:0 0 1rem;color:inherit;font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.3}.moud-featured-video-bubbles__grid{display:grid;grid-template-columns:repeat(var(--mfvb-columns-mobile),minmax(0,1fr));gap:var(--mfvb-gap-mobile);align-items:start;width:100%}.moud-featured-video-bubbles__item{min-width:0;text-align:center}.moud-featured-video-bubbles__opener{display:flex;width:100%;min-width:0;padding:0;border:0;align-items:center;flex-direction:column;color:inherit;font:inherit;text-align:center;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.moud-featured-video-bubbles__opener:disabled{cursor:default}.moud-featured-video-bubbles__bubble{position:relative;display:block;width:min(100%,var(--mfvb-size-mobile));aspect-ratio:1;overflow:hidden;border:var(--mfvb-border-width) solid var(--mfvb-border-color);border-radius:50%;background:rgba(var(--color-foreground),.06);box-shadow:0 .8rem 2.2rem #3318121a;isolation:isolate}.moud-featured-video-bubbles__preview,.moud-featured-video-bubbles__poster,.moud-featured-video-bubbles__preview-image,.moud-featured-video-bubbles__preview-video,.moud-featured-video-bubbles__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.moud-featured-video-bubbles__poster{z-index:1;transition:opacity .18s ease}.moud-featured-video-bubbles__preview.is-loaded .moud-featured-video-bubbles__poster{opacity:0;pointer-events:none}.moud-featured-video-bubbles__poster img,.moud-featured-video-bubbles__preview-image,.moud-featured-video-bubbles__preview-video{width:100%;height:100%;object-fit:cover}.moud-featured-video-bubbles__placeholder{padding:24%;color:rgba(var(--color-foreground),.45);background:rgba(var(--color-foreground),.05)}.moud-featured-video-bubbles__play{position:absolute;right:.4rem;bottom:.4rem;z-index:3;display:grid;width:clamp(2.8rem,34%,4.2rem);aspect-ratio:1;border-radius:50%;place-items:center;color:var(--mfvb-play-color);background:color-mix(in srgb,var(--mfvb-play-background) 88%,transparent);box-shadow:0 .5rem 1.6rem #26100d24;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.moud-featured-video-bubbles__play svg{width:52%;height:52%;margin-left:.15rem}.moud-featured-video-bubbles__title{display:block;margin-top:.8rem;overflow-wrap:anywhere;color:inherit;font-size:var(--mfvb-title-size-mobile);font-weight:500;line-height:1.25}@media(hover:hover){.moud-featured-video-bubbles__opener:not(:disabled) .moud-featured-video-bubbles__bubble{transition:transform .18s ease,box-shadow .18s ease}.moud-featured-video-bubbles__opener:not(:disabled):hover .moud-featured-video-bubbles__bubble{transform:translateY(-.3rem);box-shadow:0 1.1rem 2.8rem #33181229}}.moud-featured-video-bubbles__opener:focus-visible{outline:.2rem solid var(--mfvb-border-color);outline-offset:.4rem;border-radius:1rem}.moud-featured-video-bubbles__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(4.8rem,7vw,7rem) 1.6rem 2rem;border:0;align-items:center;justify-content:center;color:#fff;background:transparent;overflow:hidden}.moud-featured-video-bubbles__dialog[open]{display:flex}.moud-featured-video-bubbles__dialog::backdrop{background:color-mix(in srgb,var(--mfvb-overlay-color) calc(var(--mfvb-overlay-opacity) * 100%),transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.moud-featured-video-bubbles__stage{position:relative;width:min(var(--mfvb-modal-width),calc(100vw - 3.2rem));max-height:calc(100dvh - 7rem);overflow:hidden;border-radius:var(--mfvb-modal-radius);background:#160c0a;box-shadow:0 2rem 6rem #00000059}.moud-featured-video-bubbles__dialog[data-ratio=portrait] .moud-featured-video-bubbles__stage{aspect-ratio:9 / 16;width:min(var(--mfvb-modal-width),calc((100dvh - 7rem)*.5625),calc(100vw - 3.2rem))}.moud-featured-video-bubbles__dialog[data-ratio=square] .moud-featured-video-bubbles__stage{aspect-ratio:1;width:min(var(--mfvb-modal-width),calc(100dvh - 7rem),calc(100vw - 3.2rem))}.moud-featured-video-bubbles__dialog[data-ratio=landscape] .moud-featured-video-bubbles__stage{aspect-ratio:16 / 9}.moud-featured-video-bubbles__modal-video,.moud-featured-video-bubbles__iframe{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#160c0a}.moud-featured-video-bubbles__close{position:fixed;top:max(1.2rem,env(safe-area-inset-top));right:max(1.2rem,env(safe-area-inset-right));z-index:2;display:grid;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;place-items:center;color:#fff;background:#2d151180;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.moud-featured-video-bubbles__close svg{width:2.2rem;height:2.2rem}@media screen and (min-width:750px){.moud-featured-video-bubbles__grid{grid-template-columns:repeat(var(--mfvb-columns-desktop),minmax(0,1fr));gap:var(--mfvb-gap-desktop)}.moud-featured-video-bubbles__bubble{width:min(100%,var(--mfvb-size-desktop))}.moud-featured-video-bubbles__title{font-size:var(--mfvb-title-size-desktop)}}@supports not (background: color-mix(in srgb,white 50%,transparent)){.moud-featured-video-bubbles__play{background:var(--mfvb-play-background)}.moud-featured-video-bubbles__dialog::backdrop{background:#120000bf}}@media(prefers-reduced-motion:reduce){.moud-featured-video-bubbles__poster,.moud-featured-video-bubbles__bubble{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/component-moud-featured-video-bubbles.css.map */