/*! Plugin - Video Hero v1.0.0 */
plugin-video-hero{--background-color: var(--vcu-black, #000);--interactable-color: var(--vcu-gold, #ffb300);--interactable-contrast-color: var(--vcu-black, #000);--x-inset: 3rem;--y-inset: 2rem;--toggle-md-width: 3rem;position:relative;display:grid;background-color:var(--background-color);overflow:hidden;z-index:0}plugin-video-hero::part(blur){width:100%;height:100%;position:absolute;top:50%;filter:blur(var(--background-blur, 2rem));transform:translateY(-50%) scale(1.1);backface-visibility:hidden;opacity:.5}plugin-video-hero::part(toggle){--border-color: var(--toggle-border-color, var(--interactable-contrast-color));--background-color: var(--toggle-background-color, var(--interactable-color));--text-color: var(--toggle-text-color, var(--interactable-contrast-color));--x-offset: var(--toggle-x-offset, 1rem);position:absolute;top:1rem;left:var(--x-offset);display:grid;place-items:center;border:var(--toggle-border-width, .1111111111rem) solid var(--border-color);border-radius:50%;width:var(--toggle-width, 2.75rem);aspect-ratio:1;background-color:var(--background-color);fill:var(--text-color);z-index:2;transition:border-color .1s ease-in-out,background-color .1s ease-in-out,color .1s ease-in-out,transform .1s ease-in-out,fill .1s ease-in-out}@media (prefers-reduced-motion: reduce){plugin-video-hero::part(toggle){transition:border-color 0s,transform 0s,fill 0s}}:root[data-reduced-motion=true] plugin-video-hero::part(toggle){transition:border-color 0s,transform 0s,fill 0s}@media (prefers-reduced-motion: no-preference){plugin-video-hero::part(toggle){transition:border-color .1s ease-in-out,background-color .1s ease-in-out,color .1s ease-in-out,transform .1s ease-in-out,fill .1s ease-in-out}}:root[data-reduced-motion=false] plugin-video-hero::part(toggle){transition:border-color .1s ease-in-out,background-color .1s ease-in-out,color .1s ease-in-out,transform .1s ease-in-out,fill .1s ease-in-out}@media (min-width: 1024px){plugin-video-hero::part(toggle){--x-offset: var(--toggle-md-x-offset, var(--x-inset));bottom:var(--y-inset);width:var(--toggle-md-width);top:unset}}@media (min-width: 1400px){plugin-video-hero::part(toggle){--video-offset: max(0px, (100% - var(--cwf-contain-max-width, 1400px)) / 2);--x-offset: calc(var(--video-offset) + var(--toggle-md-x-offset, var(--x-inset)))}}plugin-video-hero::part(toggle):is(:focus,:hover){--border-color: var(--toggle-interact-border-color, var(--vcu-white, #fff));--background-color: var(--toggle-interact-background-color, var(--vcu-black, #000));--text-color: var(--toggle-interact-text-color, var(--vcu-white, #fff))}plugin-video-hero::part(toggle):hover{transform:scale(var(--toggle-scale, 1.25))}plugin-video-hero::part(toggle-icon){width:var(--toggle-icon-width, 1.25rem)}@media (min-width: 1024px){plugin-video-hero::part(toggle-icon){width:var(--toggle-md-icon-width, 1.5rem)}}plugin-video-hero img{display:none}@media (min-width: 1400px){plugin-video-hero img{display:block;width:100%;position:absolute;top:50%;filter:blur(var(--background-blur, 2rem));transform:translateY(-50%) scale(1.1);backface-visibility:hidden;opacity:.5}}plugin-video-hero:defined[video-blur] img{display:none}plugin-video-hero figure{position:relative;display:grid;margin:var(--cwf-contain-margin, 0 auto);width:min(var(--cwf-contain-width, 100%),var(--cwf-contain-max-width, 1400px));z-index:1}plugin-video-hero video{max-width:100%}plugin-video-hero figcaption{--background-color: var(--caption-background-color, var(--vcu-black, #000));padding:var(--caption-padding, 2em);background-color:var(--background-color);color:var(--caption-text-color, var(--vcu-white, #fff))}plugin-video-hero figcaption>*:first-child{margin-top:0!important}plugin-video-hero figcaption>*:last-child{margin-bottom:0!important}plugin-video-hero figcaption>*:first-child{padding-top:0!important}plugin-video-hero figcaption>*:last-child{padding-bottom:0!important}plugin-video-hero figcaption ul,plugin-video-hero figcaption ol{padding-left:1rem}plugin-video-hero figcaption ul ul,plugin-video-hero figcaption ul ol,plugin-video-hero figcaption ol ul,plugin-video-hero figcaption ol ol{padding-left:1.25rem}plugin-video-hero figcaption a,plugin-video-hero figcaption a:is(:focus,:hover){color:var(--caption-link-color, var(--interactable-color))}@media (min-width: 1024px){plugin-video-hero:defined figcaption{position:absolute;bottom:var(--y-inset);left:50%;-webkit-backdrop-filter:blur(var(--caption-background-blur, 1rem));backdrop-filter:blur(var(--caption-background-blur, 1rem));width:var(--caption-width, 50%);transform:translate(-50%)}@supports (background-color: color-mix(in srgb,red,blue)){plugin-video-hero:defined figcaption{--background-color: color-mix(in srgb, var(--caption-background-color, var(--vcu-black, #000)) var(--caption-background-opacity, 70%), transparent)}}@supports not (background-color: color-mix(in srgb,red,blue)){plugin-video-hero:defined figcaption{--background-color: var(--caption-fallback-background-color, rgba(0, 0, 0, .7))}}}@media (min-width: 1024px) and (prefers-reduced-transparency: reduce){plugin-video-hero:defined figcaption{--background-color: var(--caption-background-color, var(--vcu-black, #000));-webkit-backdrop-filter:unset;backdrop-filter:unset}}@media (min-width: 1024px){:root[data-reduced-transparency=true] plugin-video-hero:defined figcaption{--background-color: var(--caption-background-color, var(--vcu-black, #000));-webkit-backdrop-filter:unset;backdrop-filter:unset}plugin-video-hero:defined[caption*=right] figcaption{right:var(--x-inset);left:unset;transform:unset}plugin-video-hero:defined[caption*=left]:not([caption*=top]) figcaption{left:calc(var(--x-inset) + var(--toggle-md-width) + max(1rem,var(--x-inset) / 2))}plugin-video-hero:defined[caption*=left] figcaption{left:var(--x-inset);transform:unset}plugin-video-hero:defined[caption*=top] figcaption{top:var(--y-inset);bottom:unset}}