.videoplayer-component{width:100%;margin:0 auto}.videoplayer__surface{display:block;padding:0}.videoplayer__frame{position:relative;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:8px;background:#08111f;box-shadow:0 18px 36px -24px #060c168c}.videoplayer__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060c1614,#060c164d);opacity:0;pointer-events:none;transition:opacity .18s ease}.videoplayer__frame:hover:after,.videoplayer__frame.is-paused:after{opacity:1}#videotag{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08111f}.videoplayer__poster{position:absolute;inset:0;z-index:1;background-color:#08111f}.videoplayer__poster-image{display:block;width:100%;height:100%;object-fit:cover}.videoplayer__frame.has-started .videoplayer__poster{display:none}.videoplayer__toolbar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.55rem;padding:.7rem .9rem .75rem;background:linear-gradient(180deg,#060c1600,#060c166b 30%,#060c16d1);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2}.videoplayer__frame:hover .videoplayer__toolbar,.videoplayer__frame.is-paused .videoplayer__toolbar{opacity:1;pointer-events:auto}.videoplayer__status-overlay{position:absolute;top:.85rem;left:1rem;right:1rem;z-index:3;color:#fff;pointer-events:none;opacity:0;transition:opacity .2s ease}.videoplayer__frame:hover .videoplayer__status-overlay,.videoplayer__frame.is-paused .videoplayer__status-overlay{opacity:1}.videoplayer__status-overlay strong{font-size:1rem;font-weight:700;line-height:1.3;text-shadow:0 6px 16px rgba(0,0,0,.45)}.videocontrolbutton{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:none;border-radius:999px;background:linear-gradient(180deg,#1f4e80,#16375a);color:#fff;box-shadow:0 18px 32px -18px #101a2c99;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.videocontrolbutton--inline{width:auto;height:auto;padding:.2rem;border-radius:0;background:transparent;box-shadow:none;color:#fff}.videocontrolbutton:hover,.videocontrolbutton:focus-visible{box-shadow:0 22px 38px -18px #101a2cad;outline:none}.videocontrolbutton--inline:hover,.videocontrolbutton--inline:focus-visible{transform:none;box-shadow:none;color:#cfe0ff}.videocontrolbutton--overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;min-width:12.5rem;height:auto;padding:.9rem 1.2rem;gap:.7rem;background:#0c131fc2;backdrop-filter:blur(12px) saturate(128%);-webkit-backdrop-filter:blur(12px) saturate(128%);box-shadow:0 24px 40px -20px #0000008c;opacity:1;pointer-events:auto;transition:none;z-index:10}.videocontrolbutton--overlay:hover,.videocontrolbutton--overlay:focus-visible{transform:translate(-50%,-50%);background:#0c131fdb;box-shadow:0 28px 44px -20px #0000009e}.videoplayer__frame:not(.is-paused) .videocontrolbutton--overlay{opacity:0;pointer-events:none}.videoplayer__frame.is-paused .videocontrolbutton--overlay{opacity:1;pointer-events:auto}.videocontrolbutton i{font-size:1.15rem;line-height:1}.videocontrolbutton--inline i{font-size:1.25rem}.videocontrolbutton__text{font-size:.95rem;font-weight:700;letter-spacing:0;white-space:nowrap}.videoplayer__time{font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums;color:#ffffffd6;white-space:nowrap;text-shadow:0 4px 12px rgba(0,0,0,.28);flex:0 0 auto}#video-timeline{flex:1 1 0;min-width:0;width:100%;height:.45rem;margin:0;appearance:none;border:none;border-radius:999px;background:linear-gradient(90deg,#1f4e80e0,#4f86e6b8);cursor:pointer}#video-timeline::-webkit-slider-runnable-track{height:.45rem;border-radius:999px;background:linear-gradient(90deg,#1f4e80e0,#4f86e6b8)}#video-timeline::-moz-range-track{height:.45rem;border:none;border-radius:999px;background:linear-gradient(90deg,#1f4e80e0,#4f86e6b8)}#video-timeline::-webkit-slider-thumb{appearance:none;width:1rem;height:1rem;margin-top:-.28rem;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #1f4e802e,0 8px 18px -10px #101a2c80}#video-timeline::-moz-range-thumb{width:1rem;height:1rem;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #1f4e802e,0 8px 18px -10px #101a2c80}@media only screen and (max-width:559px){.videoplayer__toolbar{gap:.4rem;padding:.55rem .7rem .6rem}.videoplayer__time{font-size:.7rem}.videocontrolbutton--inline{padding:0;flex:0 0 auto}.videocontrolbutton--inline i{font-size:1.05rem}.videoplayer__status-overlay{top:.6rem;left:.7rem;right:.7rem}.videoplayer__status-overlay strong{font-size:.85rem}.videocontrolbutton--overlay{min-width:0;width:auto;padding:.7rem 1rem;justify-content:center}.videocontrolbutton--overlay .videocontrolbutton__text{font-size:.85rem}}@media(pointer:coarse){.videoplayer__frame .videocontrolbutton--overlay{opacity:1;pointer-events:auto}.videoplayer__frame:not(.is-paused) .videocontrolbutton--overlay{opacity:0;pointer-events:none}}@media print{.videoplayer__frame{background:#fff!important;box-shadow:none!important}.videoplayer__frame:after{content:none!important;display:none!important}.videoplayer__frame.has-started .videoplayer__poster,.videoplayer__poster{display:block!important;background:#fff!important}.videoplayer__poster-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;filter:none!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.videoplayer__toolbar,.videoplayer__status-overlay,.videocontrolbutton--overlay{display:none!important}}