.speaker-motion[data-v-f6356aa7] g{transform-box:fill-box;transform-origin:50%}.speaker-motion[data-v-f6356aa7] [data-speaker-outer]{transition:opacity var(--volume-duration) var(--ease-out-quad)}.video-volume[data-v-b39dde4b]{width:138px;height:40px;transition:background-color var(--volume-reveal-duration) var(--ease-out-quad);border-radius:40px;align-items:center;display:flex}.video-volume[data-open][data-v-b39dde4b]{background:var(--color-black-6)}.volume-reveal[data-v-b39dde4b]{opacity:0;visibility:hidden;clip-path:inset(-16px 100% -16px -16px);width:98px;transition:opacity var(--volume-reveal-duration) var(--ease-out-quad),clip-path var(--volume-reveal-duration) var(--ease-out-quad),visibility var(--volume-reveal-duration);flex-shrink:0}[data-open] .volume-reveal[data-v-b39dde4b]{opacity:1;visibility:visible;clip-path:inset(-16px)}.volume-track[data-v-b39dde4b]{cursor:pointer;touch-action:none;border-radius:4px;width:60px;height:44px;margin-left:0;position:relative}.volume-track[data-v-b39dde4b]:focus-visible{outline:2px solid var(--color-ring);outline-offset:4px}.volume-rail[data-v-b39dde4b]{background:color-mix(in srgb,var(--color-grey-1) 40%,transparent);width:100%;height:1.6px;position:absolute;top:calc(50% - .8px)}.volume-fill[data-v-b39dde4b]{background:var(--color-grey-1);transform-origin:0;width:100%;height:100%;transition:transform var(--volume-click-duration) var(--ease-out-quad);display:block}.volume-thumb-position[data-v-b39dde4b]{width:8px;height:8px;transition:transform var(--volume-click-duration) var(--ease-out-quad);position:absolute;top:calc(50% - 4px);left:-4px}.volume-thumb[data-v-b39dde4b]{background:var(--color-grey-1);border-radius:50%;width:8px;height:8px;display:block}.video-shade[data-v-090acfee]{background:linear-gradient(to bottom,transparent 88.889%,color-mix(in srgb,var(--color-black) 20%,transparent)),linear-gradient(to top,color-mix(in srgb,var(--color-black) 40%,transparent),transparent)}.video-player[data-v-090acfee] .video-control-visual{opacity:var(--video-controls-opacity,1)}@media (hover:hover) and (pointer:fine){.video-controls[data-v-090acfee]{--video-controls-opacity:0;pointer-events:none}.video-player:is(:hover,[data-keyboard-focus],[data-controls-visible]) .video-controls[data-v-090acfee]{--video-controls-opacity:1;pointer-events:auto}.video-player[data-keyboard-focus][data-v-090acfee] .video-control-visual{transition:none}}