bld-video{--video-controls-bg: rgba(255, 255, 255, .7);--video-control-bg: #fff;--video-control-icon: #111;--video-progress: var(--color-almost-black);--video-to-go: var(--color-gray-400);--video-thumb: var(--color-almost-black);--_control-bg: var(--video-control-bg);--_controls-bg: transparent;color:inherit;contain:layout paint;display:inline-block;position:relative}bld-video:has(input){--_controls-bg: var(--video-controls-bg);--_control-bg: transparent}bld-video>video{display:block;width:100%;height:auto}bld-video .controls{align-items:center;justify-content:space-between;background-color:var(--_controls-bg);border-radius:100px;margin:.6875rem .625rem;display:flex;gap:0;inset:auto 0 0;padding:0;position:absolute}bld-video:has(input) .controls{padding:.1875rem .5rem;justify-content:space-evenly;border:1px solid var(--color-gray-200)}bld-video:state(native-controls) .controls{display:none}bld-video .control{align-items:center;background:var(--_control-bg, transparent);border:1px solid var(--color-gray-200);border-radius:100em;color:var(--video-control-icon);cursor:pointer;display:inline-flex;justify-content:center;padding:0rem 1rem}bld-video:has(input) .control{padding:0;margin:0 .25rem;border:0}bld-video .control:focus-visible{outline:2px solid currentColor;outline-offset:-4px}bld-video .control{outline-offset:-.125rem}bld-video .progress{flex:1;opacity:0;visibility:hidden;transition:opacity .12s ease}bld-video .progress.is-ready{opacity:1;visibility:visible}bld-video input[type=range]{width:100%}bld-video label{flex-grow:999}bld-video .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@property --progress-value{syntax: "<number>"; inherits: true; initial-value: 0;}@property --progress-max{syntax: "<number>"; inherits: true; initial-value: 100;}bld-video [type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;border-radius:100rem;background:var(--video-thumb);cursor:pointer;border:none;position:relative;margin-top:-.25rem}bld-video [type=range]::-moz-range-thumb{width:.875rem;height:.875rem;border-radius:100rem;background:var(--video-thumb);cursor:pointer;border:none;position:relative;z-index:1}bld-video [type=range]{-webkit-appearance:none;appearance:none;background:transparent;background-image:linear-gradient(transparent transparent);border-radius:100rem;cursor:pointer;--_progress: calc(var(--progress-value) / var(--progress-max) * 100%);--_progress-gradient: linear-gradient( to right, var(--video-progress) 0%, var(--video-progress) var(--_progress, 0%), var(--video-to-go) var(--_progress, 0%), var(--video-to-go) 100% )}bld-video [type=range]::-webkit-slider-runnable-track{background-image:var(--_progress-gradient);background-size:100% 100%;height:.375rem;border-radius:.125rem;border:none}bld-video [type=range]::-moz-range-track{background-color:transparent;background-image:var(--_progress-gradient);background-size:100% 100%;height:.375rem;border-radius:.125rem;border:none}bld-video [type=range]::-moz-range-progress{background-color:transparent;height:.375rem;border-radius:.125rem}bld-video path,bld-video .controls{transition:.15s ease-in-out}bld-video button svg{transform:scale(1);transition:.15s ease-in-out}bld-video button:active svg{transform:scale(.9);transition:.1s}@media(hover:hover)and (not (pointer:coarse)){:state(playing) .controls{opacity:0}.controls:has(*:focus-visible){opacity:1}bld-video:hover .controls{opacity:1}}@media(hover:none),(pointer:coarse){:state(playing):state(idle) .controls{opacity:0}.controls:has(*:focus-visible){opacity:1}}:state(playing) .icon-play--pause{opacity:1}:state(playing) .icon-play{opacity:0}:state(cc-visible) .icon-cc-tv{fill:currentColor}:state(cc-visible) .icon-cc{fill:#fff}.icon-mute,.icon-mute-mask{stroke-dasharray:35;stroke-dashoffset:35}:state(muted) .icon-mute,:state(muted) .icon-mute-mask{stroke-dashoffset:0}bld-video{--cc-size: clamp(1rem, 3.75vw, 2rem);--cc-line-height: calc(1em + .25rem) }bld-video ::cue{font-size:var(--cc-size)!important;line-height:var(--cc-line-height)!important}