.video-component{--plyr-color-main:#fff;--plyr-video-control-color-hover:var(--p-blue-500);--plyr-focus-visible-color:var(--p-teal-500);--plyr-video-background:transparent;--plyr-control-icon-size:24px}.video-component,.video-component .plyr{border-radius:.375rem}.video-component .plyr__control.plyr__control--overlaid{align-items:center;border-radius:.375rem;border-style:solid;border-width:1px;display:flex;height:4rem;justify-content:center;width:4rem;--tw-border-opacity:1;border-color:color-mix(in srgb,var(--p-primary-500) calc(100%*var(--tw-border-opacity, 1)),transparent);padding:1rem;--tw-text-opacity:1;color:color-mix(in srgb,var(--p-primary-500) calc(100%*var(--tw-text-opacity, 1)),transparent);opacity:1}@media (min-width:1440px){.video-component .plyr__control.plyr__control--overlaid{height:5rem;width:5rem}}.video-component input[type=range]:focus-visible::-webkit-slider-runnable-track{outline-style:solid}.video-component input[type=range]:focus-visible::-moz-range-track{outline-style:solid}.video-component .plyr__control:focus-visible{outline-style:solid}.video-component .plyr__poster{background-size:cover}.video-component .plyr__menu__container{min-width:-moz-fit-content;min-width:fit-content}.video-component .plyr.plyr--stopped .plyr__controls{display:none}.video-component .plyr:not(:fullscreen) video{height:var(--video-height,100%)}.video-component .plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:none}.video-component .plyr__controls{background:linear-gradient(180deg,#00244700,#00488ed9 150%);border-radius:.375rem;padding:1rem}