.video-volume{flex-shrink:0;grid-template-areas:"stack";place-items:center;display:grid}.video-volume--floating{z-index:var(--z-elevated);height:var(--space-600);width:var(--space-600);color:var(--color-neutral-900);right:var(--space-300);bottom:var(--space-300);transition:transform var(--animation-press);border-radius:var(--border-radius-control);border:1px solid var(--color-neutral-0-20);background:var(--color-neutral-0-68);-webkit-backdrop-filter:blur(var(--blur-2));backdrop-filter:blur(var(--blur-2));position:absolute}.video-volume--floating:active{transform:scale(.98)}@media screen and (width>=64rem){.video-volume--floating{right:var(--space-500);bottom:var(--space-500)}}@media (prefers-reduced-motion:reduce){.video-volume--floating{display:none}}.video-volume--floating-offset{right:calc(var(--space-300) + var(--space-600) + var(--space-200))}@media screen and (width>=64rem){.video-volume--floating-offset{right:calc(var(--space-500) + var(--space-600) + var(--space-200))}}.video-volume__icon{transition:opacity var(--animation-micro);grid-area:stack}.video-volume__icon svg{width:var(--space-300);height:var(--space-300);display:block}.video-volume__icon--off,.video-volume.is-muted .video-volume__icon--on{opacity:0}.video-volume.is-muted .video-volume__icon--off{opacity:1}