.v8-root [data-v8-ground=media]{--kit-ink-primary:var(--v8-color-on-media-ink);--kit-ink-secondary:var(--v8-color-on-media-ink);--kit-ink-muted:var(--v8-color-on-media-ink);--kit-ink-accent:var(--v8-color-on-media-ink)}.v8-media-frame{aspect-ratio:9/16;isolation:isolate;border-radius:var(--kit-media-radius,var(--v8-radius-card));background-color:var(--v8-color-tint-3);outline:1px solid #0000;width:100%;display:block;position:relative;overflow:hidden}.v8-media-still{object-fit:cover}.v8-media-fallback{color:var(--v8-color-text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.v8-media-fallback .v8-icon[data-tone=secondary]{color:var(--v8-color-text-secondary)}.v8-media-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.v8-media-centre{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.v8-play-disc{border-radius:var(--v8-radius-pill);background-color:var(--v8-color-on-media-chip-fill);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.v8-scrim-chip{border-radius:var(--v8-radius-pill);background-color:var(--v8-color-on-media-chip-fill);align-self:flex-start;align-items:center;max-width:100%;display:inline-flex}.v8-scrim-chip-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.v8-media-scrim{inset-inline:0;min-height:50%;max-height:100%;padding-top:var(--v8-space-24);background-image:var(--v8-gradient-media-scrim);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;bottom:0}.v8-tile-layout{flex-direction:column;display:flex;position:absolute;inset:0}.v8-tile-chips{z-index:1;flex-wrap:wrap;align-items:flex-start;display:flex;position:relative}.v8-tile-chips[data-edge=bottom]{flex-wrap:wrap-reverse}.v8-tile-band{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.v8-tile-band-end{flex:none}.v8-tile-attribution{box-sizing:border-box;align-items:center;display:flex}.v8-tile-avatar{border-radius:var(--v8-radius-pill);background-color:var(--v8-color-tint-3);object-fit:cover;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.v8-tile-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.v8-media-tile{border-radius:var(--kit-media-radius,var(--v8-radius-well));color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block;position:relative}.v8-media-tile[data-variant=detail]{--kit-media-radius:var(--v8-radius-card)}.v8-media-tile[data-variant=grid],.v8-media-tile[data-variant=rail]{--kit-media-radius:var(--v8-radius-well)}.v8-media-tile .v8-media-frame:after{content:"";z-index:2;background-color:var(--v8-color-well-pressed);opacity:0;pointer-events:none;transition:opacity var(--v8-dur-press-out) var(--v8-ease-standard);position:absolute;inset:0}.v8-media-tile:active .v8-media-frame:after{opacity:1;transition-duration:var(--v8-dur-press-in)}@media (hover:hover) and (pointer:fine){.v8-media-tile:hover .v8-media-frame:after{opacity:1}}.v8-poster-video-el{object-fit:cover;background-color:var(--v8-color-tint-3);width:100%;height:100%;display:block;position:absolute;inset:0}.v8-poster-play{z-index:1;border-radius:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;inset:0}.v8-poster-play:after{content:"";border-radius:inherit;background-color:var(--v8-color-well-pressed);opacity:0;transition:opacity var(--v8-dur-press-out) var(--v8-ease-standard);position:absolute;inset:0}.v8-poster-play:active:after{opacity:1;transition-duration:var(--v8-dur-press-in)}@media (hover:hover) and (pointer:fine){.v8-poster-play:hover:after{opacity:1}}.v8-root .v8-poster-play:focus-visible{outline-offset:calc(-2 * var(--v8w-focus-offset))}.v8-poster-status{z-index:2;pointer-events:none;position:absolute;inset:0}.v8-poster-failed{align-items:center;gap:var(--v8-gap-label);padding:var(--v8-pad-well);pointer-events:auto;display:flex}.v8-poster-failed-title{flex:auto;min-width:0}.v8-media-control{border-radius:var(--v8-radius-pill);background-color:var(--v8-color-on-media-chip-fill);color:var(--v8-color-on-media-ink);cursor:pointer;transition:transform var(--v8-dur-press-out) var(--v8-ease-standard);border:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.v8-media-control:active{transition-duration:var(--v8-dur-press-in);transform:scale(.96)}.v8-root [data-v8-ground=media] .v8-media-control:focus-visible{outline:var(--v8w-focus-outline-on-hero)}@media (prefers-reduced-motion:reduce){.v8-media-control:active{transform:none}.v8-media-tile .v8-media-frame:after,.v8-poster-play:after,.v8-media-control{transition-duration:var(--v8-dur-reduced)}}.v8-demo-clip{border:var(--v8-border-hairline) solid var(--v8-color-tint-3);border-radius:var(--v8w-radius-hero);background:var(--v8-color-canvas);box-shadow:var(--v8w-shadow-lift);position:relative;overflow:hidden}.v8-demo-clip[data-variant=wide]{display:none}@media (min-width:48rem){.v8-demo-clip[data-variant=wide]{display:block}.v8-demo-clip[data-variant=narrow]{display:none}}.v8-demo-clip-el{object-fit:cover;width:100%;height:100%;display:block}.v8-demo-clips{min-width:0}.v8-demo-clips--proof{width:100%;max-width:36rem}.v8-demo-clips--window{width:100%}