.yt-wrapper-5aeddd83 {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Aspect Ratios */
.yt-ratio-5aeddd83-16-9 .yt-wrapper-5aeddd83 {
    aspect-ratio: 16 / 9;
}
.yt-ratio-5aeddd83-4-3 .yt-wrapper-5aeddd83 {
    aspect-ratio: 4 / 3;
}
.yt-ratio-5aeddd83-1-1 .yt-wrapper-5aeddd83 {
    aspect-ratio: 1 / 1;
}

.yt-thumb-container-5aeddd83 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.yt-wrapper-5aeddd83:hover .yt-thumb-container-5aeddd83 {
    transform: scale(1.03);
}

.yt-overlay-5aeddd83 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.3s ease;
}

.yt-play-btn-5aeddd83 {
    position: relative;
    z-index: 2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.yt-play-btn-5aeddd83 i,
.yt-play-btn-5aeddd83 svg {
    transition: all 0.3s ease;
}

.yt-play-btn-5aeddd83 svg {
    fill: currentColor;
}

/* Ensure the absolute iframe fills container */
.yt-wrapper-5aeddd83 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 3;
}