/* Playback controls stay below the picture, including while the video plays. */
.awayvo-video-tools{display:flex;align-items:center;gap:8px;min-height:48px;padding:2px 10px;background:#121217;border-top:1px solid #302d38;color:#e7e3ef}
.awayvo-video-tools button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-width:44px;min-height:44px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:inherit;font:700 12px/1 Arial,sans-serif;cursor:pointer}
.awayvo-video-tools button:hover{background:#282230;color:#fff}
.awayvo-video-tools button[aria-pressed="true"]{color:#cbbaff;background:#282230}
.awayvo-video-tools button:focus-visible,.awayvo-video-tools input:focus-visible{outline:2px solid #cbbaff;outline-offset:-2px}
.awayvo-video-tools svg{display:block;width:20px;height:20px;pointer-events:none}
.awayvo-video-tools [hidden]{display:none!important}
.awayvo-video-tools .awayvo-video-fullscreen{margin-left:auto}
.awayvo-video-volume{width:82px;min-width:48px;height:32px;margin:0 6px 0 -4px;accent-color:#a879ff;cursor:pointer}
.awayvo-video-player video:focus-visible{outline:2px solid #cbbaff;outline-offset:-2px}
.awayvo-video-player:is(:fullscreen,:-webkit-full-screen){display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#08090c;overflow:hidden;box-shadow:none}
.awayvo-video-player:is(:fullscreen,:-webkit-full-screen)>[class$="__chrome"]{display:none}
.awayvo-video-player:is(:fullscreen,:-webkit-full-screen) .awayvo-video-picture{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.awayvo-video-player:is(:fullscreen,:-webkit-full-screen) video{width:100%;height:100%;max-height:100%;object-fit:contain}
.awayvo-video-player:is(:fullscreen,:-webkit-full-screen)>:not(.awayvo-video-picture){flex-shrink:0}
@media(max-width:560px),(pointer:coarse){.awayvo-video-volume{display:none}.awayvo-video-tools{gap:6px;padding:2px 8px}}

/* The text link is the transcript affordance; omit the browser's arrow marker. */
.home-film__transcript summary,.seo-demo__transcript summary,.integrations-film__transcript summary{list-style:none}
.home-film__transcript summary::-webkit-details-marker,.seo-demo__transcript summary::-webkit-details-marker,.integrations-film__transcript summary::-webkit-details-marker{display:none}
.home-film__transcript summary::marker,.seo-demo__transcript summary::marker,.integrations-film__transcript summary::marker{content:""}

/* Keep the picture's geometry constant before metadata, during play and on pause. */
.awayvo-video-picture{position:relative;aspect-ratio:16/9;overflow:hidden}
.awayvo-video-picture video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.awayvo-video-player:is(:fullscreen,:-webkit-full-screen) .awayvo-video-picture{aspect-ratio:auto}
.awayvo-video-tools button:first-child{min-width:118px}

/* Decorative backgrounds must clip without becoming scrollable containers. */
.home-film,.seo-demo,.integrations-film{overflow:clip}

/* Keep every poster's start control in the same bottom-right corner. */
:is(.home-film__media,.seo-demo__media,.integrations-film__media) > button:is(.home-film__play,.seo-demo__play,.integrations-film__play) {
  left:auto;
  top:auto;
  right:5.5%;
  bottom:6%;
  min-height:44px;
  padding:0 16px;
  gap:9px;
  font-size:11px;
  letter-spacing:.04em;
  white-space:nowrap;
  transform:none;
}
:is(.home-film__media,.seo-demo__media,.integrations-film__media) > button:is(.home-film__play,.seo-demo__play,.integrations-film__play):hover {
  transform:none;
}
@media(max-width:600px) {
  :is(.home-film__media,.seo-demo__media,.integrations-film__media) > button:is(.home-film__play,.seo-demo__play,.integrations-film__play) {
    width:auto;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0 12px;
    gap:8px;
    border-radius:8px;
  }
}
/* Keep the label clear of thumbnail copy on narrow phones. */
@media(max-width:360px) {
  :is(.home-film__media,.seo-demo__media,.integrations-film__media) > button:is(.home-film__play,.seo-demo__play,.integrations-film__play) {
    height:40px;
    min-height:40px;
    bottom:4px;
  }
}