/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.canvas_container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;}#thumbCanvas,#myCanvas{position:absolute;inset:0;width:100%;height:100%;}#thumbCanvas{object-fit:cover;background:#ccc;transition:filter 0.3s ease;}#thumbCanvas.blurred{filter:blur(8px);-webkit-filter:blur(8px);}#myCanvas{display:none;}#progressBar{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:8px;background:rgba(255,255,255,0.3);border-radius:999px;overflow:hidden;backdrop-filter:blur(6px);}#progressFill{width:0;height:100%;background:#01373A;background-size:200% 100%;border-radius:inherit;animation:loadingGradient 1.2s linear infinite;transition:width 0.3s ease-in-out;box-shadow:0 0 10px rgba(1,55,58,0.8);}@keyframes loadingGradient{0%{background-position:0% 0;}100%{background-position:200% 0;}}#playButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:none;border-radius:50%;cursor:pointer;}#playButton img{width:100%;height:100%;}#playButton:hover{background-color:#868585;}.canvas_container.relative{position:relative;overflow:hidden;background:#f0f0f0;}.btn-fullscreen-toggle{display:none;position:absolute;top:30px;right:30px;z-index:10;width:40px;height:40px;padding:6px 6px;background:rgba(255,255,255,0.8);border:1px solid #ccc;border-radius:4px;cursor:pointer;}.btn-fullscreen-toggle ._h-6{height:1.5rem;}.btn-fullscreen-toggle ._w-6{width:1.5rem;}#closeFullscreen{display:none;position:absolute;top:30px;right:30px;z-index:1001;width:40px;height:40px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:20px;}.canvas_container.is-full-page{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:999999 !important;margin:0 !important;}.canvas_container.is-full-page #closeFullscreen{display:block;}.canvas_container.is-full-page #fullscreenButton{display:none !important;}