.hd{justify-self:end;gap:14px;width:100%;min-width:0;max-width:680px;display:grid}.hd-device{position:relative}.hd-device:before{content:"";box-shadow:var(--site-shadow-device);pointer-events:none;border-radius:4.4%/6.4%;position:absolute;inset:2.2% 2.6% 6.8%}.hd-screens{width:100%;height:100%;position:relative}.hd-shot{opacity:0;transition:opacity .9s var(--site-ease-out);position:absolute;inset:0;overflow:hidden}.hd-shot.is-active{opacity:1}.hd-film{object-fit:cover;object-position:top left;background:var(--app-surface);width:100%;height:100%;display:block}.hd-controls{align-items:center;gap:16px;margin-block-start:-3%;padding-inline:4%;display:flex}.hd-tabs{flex:1;gap:6px;min-width:0;display:flex}.hd-tab{border-radius:var(--site-radius-control);cursor:pointer;min-width:0;min-height:44px;color:var(--app-content-muted);text-align:start;white-space:nowrap;transition:color var(--app-duration-fast) var(--site-ease-out);background:0 0;border:0;flex:1 1 0;align-content:center;gap:8px;padding:6px 2px 0;font-size:14px;font-weight:400;line-height:1.2;display:grid}.hd-tab:hover{color:var(--app-content)}.hd-tab[aria-pressed=true]{color:var(--app-content);font-weight:500}.hd-tab-label{text-overflow:ellipsis;overflow:hidden}.hd-tab-track{background:var(--app-border);border-radius:1px;height:2px;display:block;overflow:hidden}.hd-tab-fill{background:var(--app-content);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hd-pause{flex:none}@media (prefers-reduced-motion:no-preference){.hd-device{animation:hd-enter 1.1s var(--site-ease-out) .12s both}}@media (prefers-reduced-motion:reduce){.hd-shot{transition-duration:.15s}}@keyframes hd-enter{0%{opacity:0;transform:translateY(28px)}}@media (max-width:1079px){.hd{justify-self:start}}@media (max-width:767px){.hd{gap:10px}.hd-controls{gap:8px;padding-inline:0}.hd-tabs{gap:4px}.hd-tab{font-size:13px}}