:root{--wp--custom--media-control--button--height:3rem;--wp--custom--media-control--button--width:var(--wp--custom--media-control--button--height);--wp--custom--media-control--button--color:var(--wp--preset--color--base);--wp--custom--media-control--button--background-color:var(--wp--preset--color--gu-blue-100);--wp--custom--media-control--button--hover--background-color:color-mix(in srgb, var(--wp--preset--color--gu-blue-100), var(--wp--preset--color--complement-1-100) 25%);--wp--custom--media-control--button--active--background-color:var(--wp--preset--color--complement-1-100);--wp--custom--media-control--indicator--color:var(--wp--preset--color--contrast);--wp--custom--media-control--indicator--background-color:#ffffff80;--wp--custom--media-control--divider--height:4px}.gu-media-control-buttons{color:var(--wp--custom--media-control--button--color);outline:3px solid var(--wp--custom--media-control--button--border-color,var(--wp--custom--media-control--button--color));background-color:var(--wp--custom--media-control--button--background-color)}.gu-media-control-button{width:var(--wp--custom--media-control--button--width);aspect-ratio:1;color:inherit;touch-action:manipulation;cursor:pointer;background-color:var(--wp--custom--media-control--button--background-color);border:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:background-color .3s ease-in-out;display:flex;overflow:clip}.gu-media-control-button:is(button){-webkit-appearance:none;-moz-appearance:none;appearance:none}.gu-media-control-button:not(:disabled):hover{background-color:var(--wp--custom--media-control--button--hover--background-color)}.gu-media-control-button:not(:disabled):active{background-color:var(--wp--custom--media-control--button--active--background-color);transition-delay:50ms}.gu-media-control-button__label{aspect-ratio:1;text-indent:-9999px;width:50%;-webkit-mask-image:var(--icon,none);mask-image:var(--icon,none);background-color:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.gu-media-control-button--prev,.gu-media-control-button--next{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M10 16 20 6l1.4 1.4-8.6 8.6 8.6 8.6L20 26z'/%3E%3C/svg%3E");transition-duration:.3s}.gu-media-control-button--next .gu-media-control-button__label{rotate:180deg}.gu-media-control-button--play{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M14 18V6h3.5v12zm-7.5 0V6H10v12z'/%3E%3C/svg%3E");color:#0000;transition-property:color,background-color;transition-duration:.3s;transition-timing-function:ease-in-out}[data-playing] .gu-media-control-button--play{color:currentColor}[data-playing=false] .gu-media-control-button--play{--icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M8 19V5l11 7z'/%3E%3C/svg%3E")}.gu-media-control-indicator{padding:.1em var(--wp--preset--spacing--20) 0;font-family:var(--wp--preset--font-family--brand);font-variant-numeric:oldstyle-nums;line-height:var(--wp--custom--line-height--body);color:var(--wp--custom--media-control--indicator--color);text-shadow:.5px .5px .5px color-mix(in oklab, var(--wp--custom--media-control--indicator--background-color), transparent 75%);pointer-events:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--wp--custom--media-control--indicator--background-color);border:.5px solid color-mix(in oklab, var(--wp--custom--media-control--indicator--color), transparent 90%);backdrop-filter:blur(1px);border-radius:9999px}.gu-media-control-indicator__separator{font-style:italic}.gu-media-control.is-style-divider{margin-block-end:calc(.5 * (var(--wp--custom--media-control--button--height) - var(--wp--custom--media-control--divider--height)) + 3px)}.gu-media-control.is-style-divider:has(.gu-media-control-button){background:linear-gradient(to bottom, transparent 0%, transparent calc(100% - var(--wp--custom--media-control--divider--height)), var(--wp--preset--color--gu-blue-100) calc(100% - var(--wp--custom--media-control--divider--height)))}.gu-media-control.is-style-divider>*{margin-block-end:calc(-.5 * (var(--wp--custom--media-control--button--height) - var(--wp--custom--media-control--divider--height)));margin-inline-end:var(--wp--preset--spacing--50)}