.MavenVideoStory{background:var(--mvs-page-background);color:var(--mvs-text-color);display:block;padding:var(--mvs-padding-top) 16px var(--mvs-padding-bottom);width:100%}.MavenVideoStory__Heading{color:var(--mvs-heading-color);font-family:var(--mvs-heading-font-family)!important;font-size:var(--mvs-heading-size-mobile);font-style:var(--mvs-heading-font-style)!important;font-weight:400;letter-spacing:var(--mvs-heading-letter-spacing);line-height:1.15;margin:0 0 16px}.MavenVideoStory__Frame{border-radius:var(--mvs-radius);min-height:var(--mvs-mobile-height);overflow:hidden;position:relative}.MavenVideoStory__Media,.MavenVideoStory__MediaItem,.MavenVideoStory__Video,.MavenVideoStory__Image,.MavenVideoStory__Placeholder{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.MavenVideoStory__Video,.MavenVideoStory__Image,.MavenVideoStory__Placeholder{object-fit:cover;object-position:center}.MavenVideoStory__Placeholder{background:#dedede}.MavenVideoStory__MediaItem--desktop{display:none}.MavenVideoStory__Overlay{background:rgba(0,0,0,var(--mvs-overlay-mobile));top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.MavenVideoStory__Toggle{align-items:center;-webkit-appearance:none;appearance:none;background:var(--mvs-control-background);border:0;border-radius:50%;color:var(--mvs-control-color);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:absolute;right:19px;top:19px;width:40px;z-index:4}.MavenVideoStory__Toggle svg{height:20px;width:20px}.MavenVideoStory__Toggle[data-state=playing] .MavenVideoStory__Play,.MavenVideoStory__Toggle[data-state=paused] .MavenVideoStory__Pause{display:none}.MavenVideoStory__Content{display:flex;flex-direction:column;justify-content:space-between;min-height:var(--mvs-mobile-height);padding:24px 24px 64px;pointer-events:none;position:relative;z-index:2}.MavenVideoStory__Top{max-width:calc(100% - 56px)}.MavenVideoStory__Logo{display:block;height:auto;max-height:var(--mvs-logo-height);max-width:min(100%,280px);object-fit:contain;object-position:left center;width:auto}.MavenVideoStory__Eyebrow{color:inherit;font-family:var(--mvs-eyebrow-font-family)!important;font-size:var(--mvs-eyebrow-size);font-style:var(--mvs-eyebrow-font-style)!important;letter-spacing:var(--mvs-eyebrow-letter-spacing);line-height:1.2;margin:0}.MavenVideoStory__Bottom{display:grid;gap:24px}.MavenVideoStory__Description{color:inherit;font-family:var(--mvs-description-font-family)!important;font-size:var(--mvs-description-size-mobile);font-style:var(--mvs-description-font-style)!important;letter-spacing:var(--mvs-description-letter-spacing);line-height:1.4;max-width:668px}.MavenVideoStory__Description p{margin:0}.MavenVideoStory__Actions{display:flex;flex-wrap:wrap;gap:8px;pointer-events:auto}.MavenVideoStory__Button{align-items:center;background:var(--mvs-button-background);border:1px solid var(--mvs-button-border);color:var(--mvs-button-color);display:inline-flex;font-family:var(--mvs-button-font-family)!important;font-size:var(--mvs-button-size);font-style:var(--mvs-button-font-style)!important;justify-content:center;letter-spacing:var(--mvs-button-letter-spacing);line-height:1;min-height:40px;padding:10px var(--mvs-button-padding-horizontal);text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.MavenVideoStory__Button svg{height:12px;margin-left:8px;width:12px}@media screen and (hover:hover){.MavenVideoStory__Toggle:hover{opacity:.75}.MavenVideoStory__Button:hover{background:var(--mvs-button-hover-background);border-color:var(--mvs-button-hover-border);color:var(--mvs-button-hover-color)}}@media screen and (min-width:768px){.MavenVideoStory{padding-left:24px;padding-right:24px}.MavenVideoStory__Heading{font-size:var(--mvs-heading-size-desktop)}.MavenVideoStory__Frame{aspect-ratio:100 / var(--mvs-desktop-ratio);min-height:0}.MavenVideoStory__MediaItem--mobile{display:none}.MavenVideoStory__MediaItem--desktop{display:block}.MavenVideoStory__Overlay{background:rgba(0,0,0,var(--mvs-overlay-desktop))}.MavenVideoStory__Content{top:0;right:0;bottom:0;left:0;min-height:0;padding:32px;position:absolute}.MavenVideoStory__Description{font-size:var(--mvs-description-size-desktop)}.MavenVideoStory__Actions{gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/product-video-story.css.map */