#FVideoPlayer{width: 100%;display: block;object-fit: contain}.FVideoPlayerControls{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(47, 47, 47, 0.8);padding: 5px 0;color: #eee;display: none;transition: opacity 0.3s ease;z-index: 10}.FVideoPlayerControls .FVideoPlayerControls-top-section{width: 98%;display: flex;padding: 10px 1%}.FVideoPlayerControls .FVideoPlayerControls-bottom-section{width: 98%;display: flex;padding: 0 1%;align-items: center;justify-content: space-between;margin-bottom: 5px}.FVideoPlayerControls .FVideoPlayerControls-bottom-section .FVideoPlayerControls-bottom-section-start{display: flex;justify-content: start;align-items: inherit}.FVideoPlayerControls .FVideoPlayerControls-bottom-section .FVideoPlayerControls-bottom-section-end{display: flex;justify-content: end;align-items: inherit}.FVideoPlayerControls.visible{display: block}.FVideoPlayerControls button,.FVideoPlayerControls input[type="range"]{font-size: 9pt;border: none;background-color: transparent;color: white;cursor: pointer;transition: background-color 0.3s ease;border-radius: 5px}.FVideoPlayerControls button{margin: 0 5px}.FVideoPlayerControls button:hover,.FVideoPlayerControls input[type="range"]:hover{background-color: #007BFF}.FVideoPlayerControls #progress-bar{flex-grow: 1;width: auto}.FVideoPlayerControls #volume-slider{flex-grow: 1;display: none}.FVideoPlayerControls input[type="range"]{appearance: none;height: 0.3rem;background: white;border-radius: 0.3rem;outline: none;overflow: hidden}.FVideoPlayerControls input[type="range"]::-webkit-slider-runnable-track{background: white;height: 0.3rem;border-radius: 0.3rem}.FVideoPlayerControls input[type="range"]::-webkit-slider-thumb{appearance: none;width: 0.3rem;height: 0.3rem;background: #0065d0;box-shadow: -100vw 0 0 100vw #007BFF;cursor: pointer}.FVideoPlayerControls svg{fill: white}.FVideoPlayerControls .dropdown-menu{display: none;position: absolute;background-color: #333;color: white;padding: 5px;border-radius: 5px;z-index: 10}.FVideoPlayerControls .dropdown-menu{display: none;position: absolute;background-color: #333;color: white;padding: 5px;border-radius: 5px;z-index: 20}.FVideoPlayerControls .dropdown-item:hover{background-color: #007BFF}.FVideoPlayerControls button:focus{outline: none}#FVideoPlayerCenterPlayPause{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;z-index: 5;opacity: 0.8;transition: opacity 0.3s ease}#FVideoPlayerCenterPlayPause:hover{opacity: 1}#FVideoPlayerCenterPlayPause svg{width: 48px;height: 48px}.FVideoPlayerControls-bottom-section-end #volume-control{display: flex;align-items: center;gap: 5px}.FVideoPlayerControls-bottom-section-end #volume-control:hover #volume-slider{display: block;width: 60px}.FVideoPlayerCard{position: absolute;top: 0;right: 0;background-color: rgba(47, 47, 47, 0.8);z-index: 10;padding: 5px;color: white;margin-top: 10px;margin-right: 10px;text-decoration: none;display: none}#FVideoPlayerAd{width: 100%;object-fit: contain;display: none}#FVideoPlayerAdLinkContainer{position: absolute;bottom: 15%;left: 10px;background-color: rgba(255, 0, 0, 0.7);padding: 10px;border-radius: 5px;z-index: 1000;display: none}#FVideoPlayerAdLink{text-decoration: none;color: white;font-weight: bold}#FVideoPlayerAdSkipContainer{position: absolute;bottom: 15%;right: 10px;background-color: rgba(0, 0, 0, 0.7);color: white;padding: 10px;border-radius: 5px;z-index: 1000;display: none;cursor: pointer}#FVideoPlayerAdSkipButton{background: none;border: none;display: none}@media (max-width: 768px){.FVideoPlayerControls{flex-wrap: nowrap;gap: 0.5rem}.FVideoPlayerControls-bottom-section-end{justify-content: start !important}.FVideoPlayerControls-bottom-section-end #volume-control:hover #volume-slider{width: 30px !important}}.FVideoPlayerLoadingSpinner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;display: none}.FVideoPlayerSpinner{border: 4px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top: 4px solid #ffffff;width: 40px;height: 40px;animation: spin 1s linear infinite}@keyframes spin{0%{transform: rotate(0deg)}100%{transform: rotate(360deg)}}@media (max-width: 480px){.FVideoPlayerControls{flex-wrap: nowrap;gap: 0.5rem;font-size: 9pt}.FVideoPlayerControls-bottom-section-end{justify-content: start !important}.FVideoPlayerControls-bottom-section-end #volume-control:hover #volume-slider{width: 30px !important}}