.hbo{z-index:var(--ay-z-panel);left:50%;bottom:var(--ay-s6);box-sizing:border-box;width:min(640px, calc(100vw - var(--ay-s8)));height:var(--hbo-h);align-items:center;gap:var(--ay-s2);padding:0 var(--ay-s3) 0 var(--ay-s5);border-radius:var(--ay-r-round);background:var(--ay-raised);box-shadow:var(--ay-shadow-pop);color:var(--ay-text-2);font:var(--ay-weight-regular) var(--ay-fs-ui)/var(--ay-lh-ui) var(--ay-font-ui);animation:hbo-rise var(--ay-dur-fast) var(--ay-ease-out) both;display:flex;position:fixed;translate:-50%}:root{--hbo-h:48px}.hbo:focus-within{box-shadow:var(--ay-shadow-pop), 0 0 0 var(--ay-focus-w) var(--ay-focus)}.hbo--demo{animation:none;position:relative;bottom:auto;left:auto;translate:none}@keyframes hbo-rise{0%{translate:-50% 6px}}.hbo__mark{width:24px;height:24px;margin-right:var(--ay-s1);flex:none;place-items:center;display:inline-grid}.hbo__form{align-items:center;gap:var(--ay-s2);flex:auto;min-width:0;display:flex}.hbo__form>.refchip{flex:0 auto;min-width:0;max-width:45%}:root .hbo__field{min-width:0;height:100%;min-height:32px;padding:0 var(--ay-s2);box-shadow:none;color:var(--ay-text);font:inherit;font-size:var(--ay-fs-body);background:0 0;border:0;outline:none;flex:auto}:root[data-palette] .hbo .hbo__field:is(:focus,:focus-visible){box-shadow:none;outline:none}.hbo__field::placeholder{color:var(--ay-text-3)}.hbo__rec{align-items:center;gap:var(--ay-s1);height:28px;padding:0 var(--ay-s3);border-radius:var(--ay-r-sm);color:var(--ay-text-2);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;display:inline-flex;position:relative}.hbo__rec:hover,.hbo__rec.is-open{background:var(--ay-hover);color:var(--ay-text)}.hbo__rec:focus-visible{outline:var(--ay-focus-w) solid var(--ay-focus);outline-offset:-2px}.hbo__dot{width:8px;height:8px;margin-left:var(--ay-s1);border-radius:var(--ay-r-pill);background:var(--ay-accent)}.hxp-record{z-index:calc(var(--ay-z-panel) + 10);left:50%;bottom:var(--ay-s6);border-radius:var(--ay-r-lg);background:var(--ay-sheet);width:min(720px,100vw - 32px);height:min(640px,100dvh - 96px);box-shadow:var(--ay-shadow-modal);animation:hxp-rise var(--ay-dur-base) var(--ay-ease-glide) both;flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}html:has(.hbo--live) .hxp-record{bottom:calc(var(--hbo-h) + var(--ay-s6) + var(--ay-s2));height:min(640px, calc(100dvh - var(--hbo-h) - 96px))}.hxp-record>.hx{flex:1;min-height:0}@keyframes hxp-rise{0%{transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.hxp-record,.hbo{animation:none}}@media (max-width:700px){:where(html:not(.is-pane-window)) .hbo:not(.hbo--demo),:where(html:not(.is-pane-window)) .hxp-record{display:none}}html:has(.hbo--live) .toast-host{bottom:calc(var(--hbo-h) + var(--ay-s6) + var(--ay-s4))}html:has(.hbo--live) .hxp-float{bottom:calc(var(--hbo-h) + var(--ay-s6) + var(--ay-s2));max-height:calc(100vh - var(--hbo-h) - var(--ay-s6) - 32px)}