@layer components{:where(.media-skin[data-preset=video]) .video-center-play-button{z-index:20;width:calc(var(--media-spacing)*16);height:calc(var(--media-spacing)*16);color:var(--media-controls-foreground);cursor:pointer;touch-action:manipulation;background-color:color-mix(in oklab,var(--media-backdrop)45%,transparent);box-shadow:var(--media-shadow-surface-inset),0 4px 16px #00000040;backdrop-filter:var(--media-backdrop-filter-surface);transition-property:background-color,scale;transition-duration:var(--media-duration);border:1px solid #ffffff4d;border:1px solid lab(100% 0 0/.3);border-radius:50%;outline:2px solid #0000;place-items:center;padding:0;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}@supports (color:lab(0% 0 0)){:where(.media-skin[data-preset=video]) .video-center-play-button{box-shadow:var(--media-shadow-surface-inset),0 4px 16px lab(0% 0 0/.25)}}:where(.media-skin[data-preset=video]) .video-center-play-button[data-started]{display:none}@media (hover:hover){:where(.media-skin[data-preset=video]) .video-center-play-button:hover{background-color:color-mix(in oklab,var(--media-backdrop)55%,transparent)}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){:where(.media-skin[data-preset=video]) .video-center-play-button{background-color:color-mix(in oklab,var(--media-backdrop)70%,transparent)}}:where(.media-skin[data-preset=video]) .video-center-play-button:active{scale:.95}:where(.media-skin[data-preset=video]) .video-center-play-button:focus-visible{outline-color:var(--media-ring);outline-offset:2px}:where(.media-skin[data-preset=video]) .video-center-play-button-icon{width:calc(var(--media-spacing)*7);height:calc(var(--media-spacing)*7);margin-inline-start:calc(var(--media-spacing)*.75)}@media (prefers-reduced-motion:reduce){:where(.media-skin[data-preset=video]) .video-center-play-button{transition-property:background-color;scale:1}}}