.play-pause-button{background:var(--background-color);border-radius:50%;bottom:1.5rem;color:var(--color);height:2.25rem;left:1.5rem;opacity:1;pointer-events:auto;position:absolute;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;width:2.25rem;z-index:3}.play-pause-button .toggle{aspect-ratio:1/1;height:100%;height:auto;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:scale(1.25);transition:.25s ease;translate:-50% -50%;width:100%;width:20%;--background:#fff;--hover-color:var(--cream);background:var(--background)}.play-pause-button.play .toggle{clip-path:polygon(0 0,100% 50%,0 100%,0 0,0 0,100% 50%,0 100%,0 0)}.play-pause-button.pause .toggle{clip-path:polygon(33.333% 0,33.333% 100%,66.666% 100%,66.666% 0,100% 0,100% 100%,0 100%,0 0)}.play-pause-button:hover{background-color:var(--color);opacity:1;transform:scale(.9);transition:.25s ease}.play-pause-button:hover .toggle{background:var(--background-color)}.youtube-container-clip{backface-visibility:hidden;clip:rect(auto,auto,auto,auto);border-radius:var(--radius);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.youtube-container-clip,.youtube-container-clip .youtube-container{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.youtube-container-clip .youtube-container{aspect-ratio:16/9;overflow:clip}.youtube-container-clip .youtube-container video{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}