/* Video player custom Component */
@layer components {
    .rtds-video {
        @apply rtds-aspect-video rtds-relative;
    }

    .rtds-video__iframe {
        @apply rtds-aspect-video !rtds-w-full;
    }

    .rtds-video__overlay {
        @apply rtds-absolute rtds-z-10 rtds-top-0 rtds-right-0 rtds-bottom-0 rtds-left-0 rtds-bg-black rtds-bg-opacity-20 group-hover:rtds-bg-opacity-40 rtds-transition-all;
    }

    .rtds-video__overlay-image {
        @apply rtds-object-cover rtds-object-center rtds-block rtds-w-full rtds-h-full;
    }

    .rtds-video__play {
        @apply  rtds-transition-all rtds-absolute rtds-top-0 rtds-right-0 rtds-bottom-0 rtds-left-0 rtds-z-20 rtds-w-full;
    }

    .rtds-video__iframe,
    .rtds-video__play {
        @apply focus-visible:rtds-ring focus-visible:rtds-ring-offset-2 focus-visible:rtds-ring-offset-white focus-visible:rtds-ring-focusring focus-visible:rtds-shadow-[0_0_0_7px_rgba(255,255,255,1)] focus-visible:rtds-outline-none;
    }

    .rtds-video__play-icon {
        @apply rtds-absolute rtds-z-20 rtds-top-1/2 rtds-left-1/2 -rtds-translate-x-1/2 -rtds-translate-y-1/2 rtds-background-primary;
    }
}