diff --git a/css/tailwind.source.css b/css/tailwind.source.css index cb4372c0..3deeb678 100644 --- a/css/tailwind.source.css +++ b/css/tailwind.source.css @@ -6097,77 +6097,6 @@ /* Embed & Video Modal Fixes */ @layer components { - /* Force the video stage to let the video fully fill it and prevent 80vh constraints */ - .video-modal__stage, - .video-modal__video, - .video-modal__panel { - /* allow child to fill: do not let other rules limit height */ - max-height: none !important; - height: 100% !important; - min-height: 0 !important; - padding: 0 !important; - margin: 0 !important; - display: flex !important; - align-items: stretch !important; /* allows the video to stretch vertically */ - justify-content: center !important; - } - - /* Prevent any earlier max-height on modal container from clashing */ - .bv-modal__panel[role="dialog"], - .bv-modal__panel { - max-height: none !important; - } - - /* Definitive video rules */ - #modalVideo, - .video-modal__media { - display: block !important; - width: 100% !important; - height: 100% !important; - max-width: 100% !important; - max-height: 100% !important; /* ensure no earlier max-height causes clipping */ - object-fit: cover !important; /* or contain if you prefer letterbox */ - object-position: center center !important; - background: transparent !important; - padding: 0 !important; - margin: 0 !important; - box-sizing: border-box !important; - } - - /* permanent class to force fill */ - .video-modal__media--fill { - width: 100% !important; - height: 100% !important; - max-width: 100% !important; - max-height: 100% !important; - object-position: center center !important; - background: transparent !important; - } - - .video-modal__stage { - position: relative; /* ensure ambient is absolutely positioned relative to stage */ - overflow: hidden; /* clip any bleed visually; prevents layout expansion */ - } - - .video-modal__ambient { - position: absolute; - inset: calc(var(--video-modal-ambient-bleed) * -1); - pointer-events: none; /* ensure it never captures pointer events */ - z-index: 0; /* behind content */ - will-change: transform, opacity; - } - - /* ensure video is above ambient */ - .video-modal__video { position: relative; z-index: 1; } - - /* if there is an ambient canvas or overlay, ensure it doesn't change layout */ - .video-modal__ambient-canvas { - position: relative; - width: 100%; - height: 100%; - display: block; - } - /* Logo accent wiring */ .bv-logo__accent { fill: var(--bitvid-accent, var(--logo-accent-color));