.video-player-wrapper{--wrapper-radius:20px;--trigger-overlay-bg:rgb(from #2C6E9D r g b/.8);--trigger-icon-bg:#f1b22e;--trigger-icon-size:24%;--trigger-icon-ring-color:var(--white);--modal-radius:10px;--close-btn-size:44px;--close-btn-bg:#f1b22e;--close-btn-hover-bg:#0d2537;border-radius:var(--wrapper-radius);display:block;overflow:clip;width:100%}.video-player,.video-player-wrapper{height:100%;position:relative}.video-player__thumbnail{display:block;height:100%;object-fit:cover;transition:var(--transition);width:100%;.video-player-wrapper[data-video-layout=inline] &{inset:0;position:absolute}.video-player-wrapper[data-video-layout=inline][data-state=playing] &{opacity:0;pointer-events:none;visibility:hidden}}.video-player-inline{transition:var(--transition);z-index:1}.video-trigger,.video-trigger:is(:hover,:focus){align-items:center;background:var(--trigger-overlay-bg);border:none;border-radius:0;color:transparent;cursor:pointer;display:flex;height:100%;inset:0;justify-content:center;position:absolute;transition:var(--transition);width:100%;z-index:3;.video-player-wrapper[data-video-layout=inline][data-state=playing] &{opacity:0;pointer-events:none;visibility:hidden}}.video-trigger__icon{--bg-color:var(--trigger-icon-bg);align-items:center;aspect-ratio:1;background:var(--bg-color);border-radius:150px;display:flex;justify-content:center;position:relative;transition:var(--transition);width:var(--trigger-icon-size);z-index:0;& .icon-wrapper{height:auto;margin-left:6%;width:32%}& svg{height:auto;width:100%}&:hover{background:#0d2537}}.video-player media-player[data-media-player]{cursor:pointer;display:block;height:100%!important;position:static;width:100%!important}.video-player iframe .ytp-watermark{display:none}.video-player .vds-poster,.video-player media-poster{height:100%;object-fit:cover;width:100%}.video-player .vds-blocker{pointer-events:none}body:has(dialog.video-player-modal-wrapper[open]){overflow:clip}body:has(dialog.video-player-modal-wrapper[open][data-state=closing]){overflow:auto}dialog.video-player-modal-wrapper[open]{display:flex;opacity:1}dialog.video-player-modal-wrapper{align-items:center;background:transparent;border:none;cursor:default;justify-content:center;max-height:100vh;max-width:100vw;opacity:0;padding:0 var(--container-padding);transition:all allow-discrete .5s cubic-bezier(.4,0,.2,1);z-index:0}@starting-style{dialog.video-player-modal-wrapper[open]{opacity:0}}dialog.video-player-modal-wrapper::backdrop{background:transparent;transition:all allow-discrete .5s}dialog.video-player-modal-wrapper[open]::backdrop{backdrop-filter:blur(12px);background:rgb(from #4ca0dd r g b/.6)}@starting-style{dialog.video-player-modal-wrapper[open]::backdrop{background-color:transparent}}.video-player-modal{--media-button-icon-size:24px;aspect-ratio:16/9;background:#000;border-radius:var(--modal-radius);height:auto!important;max-height:calc(100% - var(--container-padding * 2));max-width:1063px;overflow:clip;width:100vw!important}.modal-close-btn,.modal-close-btn:is(:hover,:focus){align-items:center;background:var(--close-btn-bg);border:none;border-radius:150px;cursor:pointer;display:flex;height:var(--close-btn-size);inset:43px 51px auto auto;justify-content:center;position:fixed;transition:var(--transition);width:var(--close-btn-size);z-index:10;& svg path{transition:var(--transition)}&:hover{background:var(--close-btn-hover-bg);& svg path{stroke:#fff}}@media (max-width:640px){inset:20px 20px auto auto}}