.video-container.svelte-l6y7q{width:100%;position:relative}video.svelte-l6y7q{display:block;width:100%;height:auto}.controls-container.svelte-l6y7q{--controls-size: 3rem;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:flex-end}button.svelte-l6y7q{background-color:var(--key-colour);color:var(--background-colour);transition:background-color var(--standard-transition-duration)}button.svelte-l6y7q:hover{background-color:hsl(from var(--key-colour) h s calc(l - 25))}button.svelte-l6y7q svg:where(.svelte-l6y7q) path:where(.svelte-l6y7q),button.svelte-l6y7q svg:where(.svelte-l6y7q) rect:where(.svelte-l6y7q){fill:currentColor}.inactive-controls.svelte-l6y7q{background-color:#0000007f}.inactive-play-button.svelte-l6y7q{width:12rem;height:4rem;padding:.5rem .6rem;display:flex;flex-direction:column;justify-content:flex-end;font-weight:var(--fontweight-bold);text-align:left}.inactive-play-button.svelte-l6y7q svg:where(.svelte-l6y7q){display:inline-block;margin:.33rem .01rem}.active-controls.svelte-l6y7q{width:100%;height:100%;display:flex;align-items:flex-end;position:absolute;top:0;left:0;opacity:0;transition:opacity var(--standard-transition-duration)}.active-controls.svelte-l6y7q:hover{opacity:1}.controls-strip.svelte-l6y7q{width:100%;height:var(--controls-size);display:flex}.controls-strip.svelte-l6y7q>:where(.svelte-l6y7q){height:100%}.playpause-control.svelte-l6y7q{width:var(--controls-size)}.playpause-onvideo-control.svelte-l6y7q{position:absolute;width:100%;height:calc(100% - var(--controls-size));top:0;background-color:transparent;cursor:pointer}.playpause-onvideo-control.svelte-l6y7q:hover{background-color:transparent}.time-controls.svelte-l6y7q{height:100%;padding:1rem;flex-grow:1;display:flex;color:var(--background-colour);background-color:rgb(from var(--text-colour) r g b / 50%)}.time-controls.svelte-l6y7q>:where(.svelte-l6y7q){height:100%}.progress-control.svelte-l6y7q{flex-grow:1;margin-right:.5rem;display:flex;align-items:center;position:relative;cursor:pointer}.progress-bar.svelte-l6y7q{width:100%;height:.5rem;background-color:rgb(from var(--background-colour) r g b / 50%);position:relative}.progress-bar.svelte-l6y7q:before{content:"";display:block;width:var(--progress);height:100%;background-color:var(--background-colour)}.time-display.svelte-l6y7q{width:4rem;text-align:right;line-height:1rem;user-select:none;-webkit-user-select:none;font-variant-numeric:tabular-nums}.time-handle.svelte-l6y7q{position:absolute;top:0;left:var(--progress);width:.25rem;height:100%;background-color:var(--background-colour);box-shadow:0 0 .25rem rgb(from var(--text-colour) r g b / 33.3%);transition:transform .1s;pointer-events:none}.time-controls.svelte-l6y7q:hover .time-handle:where(.svelte-l6y7q){transform:scaleX(1.6) scaleY(1.2)}@media only screen and (min-width:800px){.caption-container.svelte-1917omo{grid-column:span 3;order:1}.media-container.svelte-1917omo{grid-column:span 9;order:2}.video-with-caption.portrait.svelte-1917omo{grid-column:span 9}.video-with-caption.portrait.svelte-1917omo .media-container:where(.svelte-1917omo){grid-column:span 6}}@media only screen and (min-width:1200px){.caption-container.svelte-1917omo{grid-column:span 2;order:1}.media-container.svelte-1917omo{grid-column:span 10;order:2}.video-with-caption.portrait.svelte-1917omo{grid-column:span 6}.video-with-caption.portrait.svelte-1917omo .media-container:where(.svelte-1917omo){grid-column:span 4}}.body-container.svelte-c9tohj{margin-bottom:2rem}@media only screen and (min-width:800px){.text-container.svelte-c9tohj{grid-column:span 6}.media-container.svelte-c9tohj{grid-column:span 6;order:1}}@media only screen and (min-width:1200px){.text-container.svelte-c9tohj{grid-column:span 7}.media-container.svelte-c9tohj{grid-column:span 5}}.body-container{padding-top:.75rem}.body-container>p:not(:first-child){text-indent:1lh}.caption-container{padding-top:.6rem}.caption-container p{font-size:var(--typesize-caption);line-height:var(--leading-caption)}h5:not(:first-child){margin-top:.6rem}