.flow-video-gallery{display:block;order:var(--video-section-order-desktop, 1);padding:var(--video-section-padding-y-desktop) var(--video-section-padding-x-desktop);background:var(--video-section-background);color:var(--video-section-text)}.flow-video-gallery__inner{width:min(100%,var(--video-section-width-desktop));margin-inline:auto}.flow-video-gallery__header{max-width:var(--video-section-copy-width-desktop);margin-bottom:var(--video-section-header-gap-desktop);text-align:var(--video-section-align-desktop)}.flow-video-gallery__copy{display:grid;gap:var(--video-section-copy-gap-desktop)}.flow-video-gallery__header.is-centered{margin-inline:auto}.flow-video-gallery__header.is-right{margin-left:auto}.flow-video-gallery__header h2{margin:0;font-size:var(--video-section-heading-size-desktop);line-height:var(--video-section-heading-line-desktop);letter-spacing:var(--video-section-heading-spacing-desktop, -.035em)}.flow-video-gallery__header .rte>:first-child{margin-top:0}.flow-video-gallery__header .rte>:last-child{margin-bottom:0}.flow-video-gallery__header .rte,.flow-video-gallery__note{font-family:var(--video-section-text-font, inherit)}.flow-video-gallery__header .rte{color:var(--video-section-muted);font-size:var(--video-section-text-size-desktop);line-height:var(--video-section-text-line-desktop, 1.55)}.flow-video-gallery__eyebrow{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:var(--video-section-eyebrow-size-desktop);line-height:1.25;letter-spacing:var(--video-section-eyebrow-spacing-desktop)}.flow-video-gallery__eyebrow a{color:inherit;text-underline-offset:3px}.flow-video-card__trigger:focus-visible,.flow-video-gallery__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.flow-video-gallery__grid{display:grid;grid-template-columns:repeat(var(--video-section-columns-desktop),minmax(0,1fr));gap:var(--video-section-card-gap-desktop)}.flow-video-gallery__carousel{position:relative;min-width:0}.flow-video-gallery--carousel .flow-video-gallery__grid{grid-auto-flow:column;grid-auto-columns:var(--video-section-card-width-desktop);grid-template-columns:none;overflow-x:auto;gap:var(--video-section-card-gap-desktop);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.flow-video-gallery--carousel .flow-video-gallery__grid::-webkit-scrollbar{display:none}.flow-video-gallery--carousel .flow-video-gallery__grid>*{scroll-snap-align:start}.flow-video-gallery__note{margin-top:20px;color:var(--video-section-muted);font-size:var(--video-section-text-size-desktop);line-height:1.35}.flow-video-gallery__note>:first-child{margin-top:0}.flow-video-gallery__note>:last-child{margin-bottom:0}.flow-video-gallery--editorial .flow-video-gallery__inner{display:grid;width:calc(100vw - max(0px,(100vw - var(--video-section-width-desktop)) / 2));margin-right:0;margin-left:max(0px,(100vw - var(--video-section-width-desktop)) / 2);grid-template-columns:var(--video-section-copy-width-desktop) minmax(0,1fr);gap:var(--video-section-gap-desktop);align-items:stretch;overflow:hidden}.flow-video-gallery--editorial .flow-video-gallery__header{display:flex;max-width:none;min-height:100%;margin:0;padding-left:var(--video-section-copy-inset-x-desktop);flex-direction:column;box-sizing:border-box}.flow-video-gallery--editorial .flow-video-gallery__copy{margin-top:var(--video-section-copy-inset-y-desktop)}.flow-video-gallery--editorial .flow-video-gallery__grid{grid-auto-flow:column;grid-auto-columns:var(--video-section-card-width-desktop);grid-template-columns:none;overflow-x:auto;padding:var(--video-section-track-padding-top-desktop) var(--video-section-track-padding-x-desktop) var(--video-section-track-padding-bottom-desktop);gap:var(--video-section-card-gap-desktop);scroll-snap-type:none;scrollbar-width:none;box-sizing:border-box}.flow-video-gallery--editorial .flow-video-gallery__grid::-webkit-scrollbar{display:none}.flow-video-gallery--editorial .flow-video-gallery__grid>*{min-width:0;scroll-snap-align:start}.flow-video-card{min-width:0;color:var(--video-card-text)}.flow-video-card__media{position:relative;overflow:hidden;aspect-ratio:var(--video-card-ratio-desktop);border-radius:var(--video-card-radius-desktop);background:var(--video-card-background)}.flow-video-card--viewport-height-desktop>.flow-video-card__media{height:clamp(var(--video-card-min-height-desktop),var(--video-card-fluid-height-desktop),var(--video-card-max-height-desktop));aspect-ratio:auto}.flow-video-card__media :is(picture,video,iframe,img,svg){display:block;width:100%;height:100%}.flow-video-card__media :is(video,img){object-fit:var(--video-card-fit);object-position:var(--video-card-position-desktop)}.flow-video-card__media iframe{border:0}.flow-video-card__media svg{opacity:.45}.flow-video-card__trigger .flow-video-card__preview{pointer-events:none}.flow-video-card__trigger{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer}.flow-video-card__play{position:absolute;top:50%;left:50%;width:var(--video-card-play-size-desktop);height:var(--video-card-play-size-desktop);border:3px solid var(--video-card-play-color);border-radius:50%;background:transparent;transform:translate(-50%,-50%)}.flow-video-card__play:before{content:"";position:absolute;top:50%;left:53%;width:0;height:0;border-top:calc(var(--video-card-play-size-desktop) * .12) solid transparent;border-bottom:calc(var(--video-card-play-size-desktop) * .12) solid transparent;border-left:calc(var(--video-card-play-size-desktop) * .18) solid var(--video-card-play-color);transform:translate(-50%,-50%)}.flow-video-card__play--triangle{border:0;filter:drop-shadow(0 2px 6px rgb(0 0 0 / 35%))}.flow-video-card__play--triangle:before{left:56%;border-top-width:calc(var(--video-card-play-size-desktop) * .34);border-bottom-width:calc(var(--video-card-play-size-desktop) * .34);border-left-width:calc(var(--video-card-play-size-desktop) * .55)}.flow-video-card__label{position:absolute;bottom:0;left:50%;max-width:calc(100% - 24px);padding:var(--video-card-label-padding-y-desktop) var(--video-card-label-padding-x-desktop);overflow:hidden;border-radius:4px 4px 0 0;background:var(--video-card-label-background);color:var(--video-card-label-color);font-size:var(--video-card-label-size-desktop);line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.flow-video-card__content{display:grid;padding-top:var(--video-card-content-gap-desktop);gap:var(--video-card-copy-gap-desktop);text-align:var(--video-card-align-desktop)}.flow-video-card__content h3{font-family:var(--video-card-title-family);font-size:var(--video-card-title-size-desktop);font-weight:var(--video-card-title-weight);line-height:1.15;letter-spacing:-.02em}.flow-video-card__text{color:var(--video-card-muted);font-size:var(--video-card-text-size-desktop);line-height:1.5}.flow-video-card__link{color:inherit;font-size:var(--video-card-link-size-desktop);font-weight:var(--video-card-link-weight);text-underline-offset:4px}.flow-video-card__children:empty{display:none}.flow-video-card--overlay-content{position:relative}.flow-video-card--overlay-content:after{position:absolute;top:38%;right:0;bottom:0;left:0;border-radius:0 0 var(--video-card-radius-desktop) var(--video-card-radius-desktop);background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--video-card-content-overlay) calc(var(--video-card-content-overlay-opacity) * 100%),transparent));content:"";pointer-events:none}.flow-video-card--overlay-content .flow-video-card__content{position:absolute;right:8px;bottom:10px;left:8px;z-index:1;padding:0;color:var(--video-card-text)}.flow-video-card--reference-story .flow-video-card__content h3{font-family:var(--font-body--family);font-weight:600}.flow-video-gallery--stories .flow-video-gallery__grid{display:flex;align-items:flex-start;gap:var(--video-section-card-gap-desktop);overflow-x:auto;padding:2px;scroll-snap-type:x mandatory;scrollbar-width:thin}.flow-video-gallery--stories .flow-video-gallery__grid>*{flex:0 0 var(--video-section-story-size-desktop);width:var(--video-section-story-size-desktop);min-width:0;scroll-snap-align:start}.flow-video-gallery--stories .flow-video-card{width:100%}.flow-video-gallery--stories .flow-video-card__media{box-sizing:border-box;width:var(--video-section-story-size-desktop);height:var(--video-section-story-size-desktop);aspect-ratio:1;padding:var(--video-section-story-ring-gap-desktop);overflow:hidden;border:var(--video-section-story-ring-width-desktop) solid transparent;border-radius:50%;background:linear-gradient(var(--video-section-story-ring-gap-color),var(--video-section-story-ring-gap-color)) padding-box,linear-gradient(to bottom,var(--video-section-story-ring-end),var(--video-section-story-ring-start)) border-box}.flow-video-gallery--stories .flow-video-card__media>:is(picture,video,iframe,img,svg){overflow:hidden;border-radius:50%}.flow-video-gallery--stories .flow-video-card__trigger{position:relative;inset:auto;width:100%;height:100%;border-radius:50%}.flow-video-gallery--stories .flow-video-card__play{width:32px;height:32px;border:0}.flow-video-gallery--stories .flow-video-card__play:before{border-top-width:8px;border-bottom-width:8px;border-left-width:12px}.flow-video-gallery--stories .flow-video-card__content{padding-top:10px;text-align:center;overflow-wrap:anywhere}.flow-video-gallery--stories .flow-video-card__content h3{font-family:var(--font-body--family);font-size:var(--video-section-story-label-size-desktop);font-weight:400;line-height:1.25;letter-spacing:0}.flow-video-gallery--stories .flow-video-card__text,.flow-video-gallery--stories .flow-video-card__link{display:none}.flow-video-gallery__dialog{--dialog-pad-x: 24px;--dialog-pad-y: 24px;--dialog-side: 0px;--dialog-close: 40px;--dialog-nav: 0px;--dialog-gap: 8px;--dialog-width: var(--video-section-dialog-width-desktop);--dialog-height: var(--video-section-dialog-height-desktop);--dialog-radius: var(--video-section-dialog-radius-desktop);box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:var(--dialog-pad-y) var(--dialog-pad-x);overflow:hidden;border:0;background:transparent;color:#fff}.flow-video-gallery__dialog--nav{--dialog-side: 72px}.flow-video-gallery__dialog::backdrop{background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flow-video-gallery__dialog[open]{display:grid;place-items:center}.flow-video-gallery__dialog:focus{outline:none}.flow-video-gallery__dialog-frame{display:grid;gap:var(--dialog-gap);justify-items:center}.flow-video-gallery__dialog-media{--dialog-box-width: min(var(--dialog-width), calc(100vw - 2 * var(--dialog-pad-x) - 2 * var(--dialog-side)));--dialog-box-height: min(var(--dialog-height), calc(100dvh - 2 * var(--dialog-pad-y) - var(--dialog-close) - var(--dialog-gap) - var(--dialog-nav)));display:block}.flow-video-gallery__dialog-media video{display:block;width:min(var(--dialog-box-width),calc(var(--dialog-box-height) * var(--video-dialog-ratio, .5625)));height:auto;aspect-ratio:var(--video-dialog-ratio, .5625);border-radius:var(--dialog-radius);background:#000;object-fit:contain}.flow-video-gallery__dialog-media iframe{display:block;width:min(var(--dialog-box-width),calc(var(--dialog-box-height) * 16 / 9));height:auto;aspect-ratio:16 / 9;border:0;border-radius:var(--dialog-radius)}.flow-video-gallery__close{display:grid;justify-self:end;width:var(--dialog-close);height:var(--dialog-close);padding:0;place-items:center;border:0;background:transparent;color:#fff;cursor:pointer}.flow-video-gallery__dialog-nav{display:contents}.flow-video-gallery__step{position:fixed;top:50%;z-index:1;display:grid;width:40px;height:40px;padding:0;place-items:center;border:0;background:#ffffff26;color:#fff;cursor:pointer;transform:translateY(-50%)}.flow-video-gallery__close svg{display:block;width:18px;height:18px}.flow-video-gallery__step svg{display:block;width:24px;height:24px}.flow-video-gallery__step--previous{left:16px}.flow-video-gallery__step--next{right:16px}.flow-video-gallery__step:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:749px){.flow-video-gallery{order:var(--video-section-order-mobile, 1);padding:var(--video-section-padding-y-mobile) var(--video-section-padding-x-mobile)}.flow-video-gallery__inner{width:min(100%,var(--video-section-width-mobile))}.flow-video-gallery__header{max-width:var(--video-section-copy-width-mobile);margin-bottom:var(--video-section-header-gap-mobile);text-align:var(--video-section-align-mobile)}.flow-video-gallery__copy{gap:var(--video-section-copy-gap-mobile)}.flow-video-gallery__header.is-centered,.flow-video-gallery__header.is-right{margin-inline:0}.flow-video-gallery__header.is-mobile-centered{margin-inline:auto}.flow-video-gallery__header.is-mobile-right{margin-left:auto}.flow-video-gallery__header h2{font-size:var(--video-section-heading-size-mobile);line-height:var(--video-section-heading-line-mobile);letter-spacing:var(--video-section-heading-spacing-mobile, -.035em)}.flow-video-gallery__header .rte{font-size:var(--video-section-text-size-mobile);line-height:var(--video-section-text-line-mobile, 1.55)}.flow-video-gallery__note{margin-top:18px;font-size:var(--video-section-text-size-mobile)}.flow-video-gallery__eyebrow{font-size:var(--video-section-eyebrow-size-mobile);letter-spacing:var(--video-section-eyebrow-spacing-mobile)}.flow-video-gallery__grid{grid-template-columns:repeat(var(--video-section-columns-mobile),minmax(0,1fr));gap:var(--video-section-card-gap-mobile)}.flow-video-gallery__grid.is-scroll-mobile{grid-auto-flow:column;grid-auto-columns:min(var(--video-section-card-width-mobile),calc(100vw - 40px));grid-template-columns:none;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin}.flow-video-gallery__grid.is-scroll-mobile>*{scroll-snap-align:start}.flow-video-card__media{aspect-ratio:var(--video-card-ratio-mobile);border-radius:var(--video-card-radius-mobile)}.flow-video-card--viewport-height-desktop>.flow-video-card__media{height:auto;aspect-ratio:var(--video-card-ratio-mobile)}.flow-video-card--viewport-height-mobile>.flow-video-card__media{height:clamp(var(--video-card-min-height-mobile),var(--video-card-fluid-height-mobile),var(--video-card-max-height-mobile));aspect-ratio:auto}.flow-video-card__media :is(video,img){object-position:var(--video-card-position-mobile)}.flow-video-card__play{width:var(--video-card-play-size-mobile);height:var(--video-card-play-size-mobile)}.flow-video-card__play:before{border-top-width:calc(var(--video-card-play-size-mobile) * .12);border-bottom-width:calc(var(--video-card-play-size-mobile) * .12);border-left-width:calc(var(--video-card-play-size-mobile) * .18)}.flow-video-card__play--triangle:before{border-top-width:calc(var(--video-card-play-size-mobile) * .34);border-bottom-width:calc(var(--video-card-play-size-mobile) * .34);border-left-width:calc(var(--video-card-play-size-mobile) * .55)}.flow-video-card__label{padding:var(--video-card-label-padding-y-mobile) var(--video-card-label-padding-x-mobile);font-size:var(--video-card-label-size-mobile)}.flow-video-card__content{padding-top:var(--video-card-content-gap-mobile);gap:var(--video-card-copy-gap-mobile);text-align:var(--video-card-align-mobile)}.flow-video-card__content h3{font-size:var(--video-card-title-size-mobile)}.flow-video-card__text{font-size:var(--video-card-text-size-mobile)}.flow-video-card__link{font-size:var(--video-card-link-size-mobile)}.flow-video-card--overlay-content:after{border-radius:0 0 var(--video-card-radius-mobile) var(--video-card-radius-mobile)}.flow-video-gallery--editorial .flow-video-gallery__inner{width:min(100%,var(--video-section-width-mobile));margin-inline:auto;grid-template-columns:minmax(0,1fr);gap:var(--video-section-header-gap-mobile);overflow:visible}.flow-video-gallery--editorial .flow-video-gallery__header{width:min(100%,var(--video-section-copy-width-mobile));min-height:0;padding-left:var(--video-section-copy-inset-x-mobile)}.flow-video-gallery--editorial .flow-video-gallery__copy{margin-top:var(--video-section-copy-inset-y-mobile)}.flow-video-gallery--editorial .flow-video-gallery__grid{grid-auto-columns:min(var(--video-section-card-width-mobile),calc(100vw - 40px));padding:var(--video-section-track-padding-top-mobile) var(--video-section-track-padding-x-mobile) var(--video-section-track-padding-bottom-mobile)}.flow-video-gallery__dialog{--dialog-pad-x: 12px;--dialog-pad-y: 12px;--dialog-side: 0px;--dialog-width: var(--video-section-dialog-width-mobile);--dialog-height: var(--video-section-dialog-height-mobile);--dialog-radius: var(--video-section-dialog-radius-mobile)}.flow-video-gallery__dialog--nav{--dialog-nav: 64px}.flow-video-gallery__dialog-nav{display:flex;margin-top:8px;justify-content:center;gap:24px}.flow-video-gallery__step{position:static;width:48px;height:48px;transform:none}.flow-video-gallery--stories .flow-video-gallery__grid{gap:var(--video-section-card-gap-mobile)}.flow-video-gallery--stories .flow-video-gallery__grid>*{flex-basis:var(--video-section-story-size-mobile);width:var(--video-section-story-size-mobile)}.flow-video-gallery--stories .flow-video-card__media{width:var(--video-section-story-size-mobile);height:var(--video-section-story-size-mobile);padding:var(--video-section-story-ring-gap-mobile);border-width:var(--video-section-story-ring-width-mobile)}.flow-video-gallery--stories .flow-video-card__content h3{font-size:var(--video-section-story-label-size-mobile)}}@media(prefers-reduced-motion:reduce){.flow-video-gallery__grid{scroll-behavior:auto}}@media(min-width:750px)and (max-width:1199px){.flow-video-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,max(220px,calc((100% - (var(--video-section-columns-desktop) - 1) * var(--video-section-card-gap-desktop)) / var(--video-section-columns-desktop)))),1fr))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mc-flow-video-gallery.css.map */