.video-player-container{width:100%;max-width:64rem;margin-left:auto;margin-right:auto;position:relative}.video-player-fill{width:100%;height:100%;position:relative}.video-player-wrapper{aspect-ratio:16/9;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:#000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.video-player-wrapper:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-shadow-color:hsl(var(--primary)/.2);--tw-shadow:var(--tw-shadow-colored)}.video-player-wrapper{box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a,0 0 0 1px #ffffff1a}.video-player-wrapper-fill{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));width:100%;height:100%;position:relative}.video-element{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.player-status-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-status-buffering{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.player-status-content{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem;display:flex}.player-status-buffering .player-status-content{gap:0;padding:0}.player-status-text{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));text-shadow:0 2px 4px #0000004d;margin:0;font-size:1.125rem;font-weight:500;line-height:1.75rem}.player-status-error{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#0f172af2 var(--tw-gradient-from-position);--tw-gradient-to:#000000f2 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.player-error-icon{margin-bottom:.75rem;font-size:3.75rem;line-height:1}.player-error-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));text-shadow:0 2px 8px #0006;margin:0 0 .75rem;font-size:1.875rem;font-weight:700;line-height:2.25rem}.player-error-message{color:#ffffffd9;text-shadow:0 1px 3px #0000004d;max-width:28rem;margin:0 0 2rem;font-size:1rem;line-height:1.625}.buffering-spinner{filter:drop-shadow(0 0 6px #ffffff40);width:44px;height:44px}.buffering-svg{width:100%;height:100%;animation:.9s linear infinite bufferSpin}@keyframes bufferSpin{to{transform:rotate(360deg)}}.yt-controls-overlay{z-index:20;pointer-events:auto;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.yt-gradient{pointer-events:none;z-index:15;background:linear-gradient(#0000 0%,#000000b3 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.yt-center-click{z-index:10;pointer-events:auto;position:absolute;inset:0 0 52px}.yt-controls-bar{z-index:20;flex-direction:column;padding:0 12px 16px;display:flex;position:relative}.yt-progress{cursor:pointer;width:100%;margin:0;padding:8px 0 4px}.yt-progress:focus{outline-offset:2px;outline:2px solid #0000}.yt-progress-track{background:#fff3;width:100%;height:3px;transition:height .1s;position:relative;overflow:visible}.yt-progress:hover .yt-progress-track{height:5px}.yt-progress-fill{background:red;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.yt-progress-behind .yt-progress-fill{background:#ffffff80}.yt-progress-thumb{--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));opacity:0;background:red;border-radius:9999px;width:13px;height:13px;transition:opacity .15s,transform .1s;position:absolute;top:50%}.yt-progress:hover .yt-progress-thumb{opacity:1}.yt-progress.is-dragging .yt-progress-thumb{opacity:1;transform:translateY(-50%)translate(-50%)scale(1.2)}.yt-progress.is-dragging .yt-progress-fill{transition:none}.yt-progress-behind .yt-progress-thumb{background:#ffffffb3}.yt-controls-row{justify-content:space-between;align-items:center;height:36px;display:flex}.yt-controls-left,.yt-controls-right{align-items:center;gap:4px;display:flex}.yt-btn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.yt-btn:focus{outline-offset:2px;outline:2px solid #0000}.yt-btn:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:#ffffff80}.yt-btn{background:0 0;border:none;border-radius:50%;width:36px;height:36px;padding:0;transition:background .15s}.yt-btn:hover{background:#ffffff1a}.yt-btn:active{background:#ffffff26}.yt-vol-group{align-items:center;display:flex}.yt-vol-slider-wrap{opacity:0;align-items:center;width:0;padding:0;transition:width .2s,opacity .2s,padding .2s;display:flex;overflow:hidden}.yt-vol-open .yt-vol-slider-wrap{opacity:1;width:120px;padding:0 8px}.yt-vol-slider{cursor:pointer;appearance:none;background:0 0;outline:none;width:100px;height:16px}.yt-vol-slider::-webkit-slider-runnable-track{background:#ffffff4d;border-radius:9999px;height:4px}.yt-vol-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:9999px;width:12px;height:12px;margin-top:-4px}.yt-vol-slider::-moz-range-track{background:#ffffff4d;border-radius:9999px;height:4px}.yt-vol-slider::-moz-range-progress{background:#fff;border-radius:9999px;height:4px}.yt-vol-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:9999px;width:12px;height:12px}.yt-live-btn{text-transform:uppercase;letter-spacing:.025em;cursor:pointer;border:none;border-radius:3px;align-items:center;gap:6px;margin-left:4px;padding:4px 8px;font-size:13px;font-weight:500;line-height:1;transition:background .15s,color .15s;display:flex}.yt-live-on{color:#fff;background:#c00}.yt-live-on:hover{background:#e60000}.yt-live-off{color:#ffffff80;background:#ffffff26}.yt-live-off:hover{color:#ffffffb3;background:#ffffff40}.yt-live-dot{border-radius:50%;width:8px;height:8px}.yt-live-dot-on{background:#fff}.yt-live-dot-off{background:#fff6}.yt-time{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-variant-numeric:tabular-nums;align-items:center;margin-left:8px;font-size:13px;display:flex}.yt-time-cur{font-weight:500}.yt-time-sep{color:#ffffff80;margin:0 2px}.yt-time-dur{color:#ffffffb3}.yt-settings-wrap{position:relative}.yt-settings-menu{border-radius:var(--radius);--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);z-index:50;background:#1c1c1cf2;border-width:1px;border-color:#ffffff1a;min-width:200px;max-height:300px;margin-bottom:.5rem;padding-top:.25rem;padding-bottom:.25rem;position:absolute;bottom:100%;right:0;overflow-y:auto;box-shadow:0 8px 28px #00000080}.yt-settings-item{cursor:pointer;text-align:left;color:#ffffffe6;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;display:flex}.yt-settings-item:focus{outline-offset:2px;outline:2px solid #0000}.yt-settings-item:focus-visible{background-color:#ffffff1a}.yt-settings-item{background:0 0;border:none;transition:background .1s}.yt-settings-item:hover{background:#ffffff14}.yt-settings-item-label{font-weight:500}.yt-settings-item-value{color:#ffffff80;align-items:center;font-size:.75rem;line-height:1rem;display:flex}.yt-settings-back{cursor:pointer;text-align:left;color:#ffffffe6;align-items:center;gap:.25rem;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.yt-settings-back:focus{outline-offset:2px;outline:2px solid #0000}.yt-settings-back:focus-visible{background-color:#ffffff1a}.yt-settings-back{background:0 0;border:none;transition:background .1s}.yt-settings-back:hover{background:#ffffff14}.yt-settings-divider{background:#ffffff1a;height:1px;margin:4px 0}.yt-settings-option{cursor:pointer;text-align:left;color:#ffffffb3;align-items:center;gap:.5rem;width:100%;padding:.375rem 1rem;font-size:.875rem;line-height:1.25rem;display:flex}.yt-settings-option:focus{outline-offset:2px;outline:2px solid #0000}.yt-settings-option:focus-visible{background-color:#ffffff1a}.yt-settings-option{background:0 0;border:none;transition:color .1s,background .1s}.yt-settings-option:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background:#ffffff14}.yt-settings-option-active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:600}.yt-btn-active{background:#ffffff26}.play-overlay-center{z-index:15;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-overlay-btn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .1s,background .15s;display:flex;box-shadow:0 4px 8px #00000040}.play-overlay-btn:hover{background:#000c;transform:scale(1.05)}@media (min-width:768px){.play-overlay-btn{width:112px;height:112px}}.autoplay-blocked-overlay{cursor:pointer;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));z-index:30;background:#0000008c;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;transition:background .2s;display:flex;position:absolute;inset:0}.autoplay-blocked-overlay:hover{background:#00000073}.autoplay-blocked-overlay span{letter-spacing:.04em;opacity:.85;font-size:14px;font-weight:500}@media (max-width:768px){.video-player-wrapper{border-radius:var(--radius)}.player-status-content{padding:1.5rem}.player-error-title{font-size:1.25rem;line-height:1.75rem}.player-error-message{font-size:.875rem;line-height:1.25rem}}.video-player-wrapper:fullscreen,.video-player-wrapper-fill:fullscreen,:-webkit-any(.video-player-wrapper:-webkit-full-screen,.video-player-wrapper-fill:-webkit-full-screen){aspect-ratio:unset!important;width:100vw!important;max-width:none!important;height:100vh!important;box-shadow:none!important;border-radius:0!important;transform:none!important}.video-player-wrapper:fullscreen,.video-player-wrapper-fill:fullscreen,:is(.video-player-wrapper:fullscreen,.video-player-wrapper-fill:fullscreen){aspect-ratio:unset!important;width:100vw!important;max-width:none!important;height:100vh!important;box-shadow:none!important;border-radius:0!important;transform:none!important}