.demoph-wrap[data-astro-cid-pqn6osmw]{width:100%;max-width:818px;margin-inline:auto}.demoph-wrap--plain[data-astro-cid-pqn6osmw]{max-width:none}.demoph[data-astro-cid-pqn6osmw].demoph--plain{border:0}.demoph__stage[data-astro-cid-pqn6osmw]{position:relative;display:block}.demoph__stage[data-astro-cid-pqn6osmw] .demoph__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.demoph-wrap[data-astro-cid-pqn6osmw].is-started .demoph__poster{display:none}.demoph__cover[data-astro-cid-pqn6osmw]{position:absolute;inset:0;display:none;place-items:center;width:100%;padding:0;border:0;background:color-mix(in srgb,var(--color-black) 30%,transparent);cursor:pointer;transition:opacity var(--dur-base) var(--ease-out-quart),visibility 0s linear 0s}.js .demoph__cover[data-astro-cid-pqn6osmw]{display:grid}.demoph-wrap[data-astro-cid-pqn6osmw].is-playing .demoph__cover[data-astro-cid-pqn6osmw]{opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-out-quart),visibility 0s linear var(--dur-base)}.demoph__cover-btn[data-astro-cid-pqn6osmw]{display:grid;place-items:center;width:var(--space-20);height:var(--space-20);border-radius:50%;background:var(--color-black);opacity:.75;transition:opacity var(--dur-fast) var(--ease-out-quart),background-color var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart)}.demoph__cover-icon[data-astro-cid-pqn6osmw]{width:0;height:0;margin-left:6px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid var(--color-white)}.demoph__cover[data-astro-cid-pqn6osmw]:focus-visible{outline:2px solid var(--color-blue);outline-offset:-4px}@media(hover:hover){.demoph__cover[data-astro-cid-pqn6osmw]:hover .demoph__cover-btn[data-astro-cid-pqn6osmw]{background:var(--color-blue);opacity:1;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.demoph__cover[data-astro-cid-pqn6osmw],.demoph__cover-btn[data-astro-cid-pqn6osmw]{transition:none}}@media(max-width:767px){.demoph__cover-btn[data-astro-cid-pqn6osmw]{width:var(--space-16);height:var(--space-16)}.demoph__cover-icon[data-astro-cid-pqn6osmw]{border-top-width:11px;border-bottom-width:11px;border-left-width:17px;margin-left:5px}}.demoph__controls[data-astro-cid-pqn6osmw]{display:none;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.js .demoph__controls[data-astro-cid-pqn6osmw]{display:flex}.demoph__toggle[data-astro-cid-pqn6osmw],.demoph__meter[data-astro-cid-pqn6osmw]{height:38px;--ctl-border: var(--color-gray-2);border:0;border-radius:var(--radius-sm);background:var(--color-white);box-shadow:inset 0 0 0 1px var(--ctl-border),var(--shadow-hairline)}.demoph__toggle[data-astro-cid-pqn6osmw]{display:grid;place-items:center;flex:none;width:38px;color:var(--color-black);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart)}.demoph__pause-icon[data-astro-cid-pqn6osmw]{display:none;gap:3px}.demoph__pause-icon[data-astro-cid-pqn6osmw] i[data-astro-cid-pqn6osmw]{width:3px;height:var(--space-3);background:currentColor}.demoph__play-icon[data-astro-cid-pqn6osmw]{display:block;width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.demoph-wrap[data-astro-cid-pqn6osmw].is-playing .demoph__pause-icon[data-astro-cid-pqn6osmw]{display:flex}.demoph-wrap[data-astro-cid-pqn6osmw].is-playing .demoph__play-icon[data-astro-cid-pqn6osmw]{display:none}.demoph__meter[data-astro-cid-pqn6osmw]{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding-inline:var(--space-3);cursor:pointer}.demoph__track[data-astro-cid-pqn6osmw]{position:relative;width:240px;max-width:40vw;height:var(--space-2);overflow:hidden;border-radius:var(--radius-xs);background:var(--color-gray-4);cursor:pointer}.demoph__track[data-astro-cid-pqn6osmw]:focus-visible{outline:2px solid var(--color-blue);outline-offset:4px}.demoph__fill[data-astro-cid-pqn6osmw]{position:absolute;inset:0;background:var(--color-blue);transform:scaleX(0);transform-origin:left}.demoph__time[data-astro-cid-pqn6osmw]{min-width:var(--space-16);font-family:var(--font-en);font-weight:500;font-size:var(--text-xs);line-height:var(--leading-none);font-variant-numeric:tabular-nums;font-feature-settings:normal;letter-spacing:0;white-space:nowrap;text-align:right}.demoph-wrap--plain[data-astro-cid-pqn6osmw] .demoph__meter[data-astro-cid-pqn6osmw]{width:max(340px,min(calc((386px - 90%)*9999),calc(100% - 38px - var(--space-2))))}.demoph-wrap--plain[data-astro-cid-pqn6osmw] .demoph__track[data-astro-cid-pqn6osmw]{flex:1;width:auto;max-width:none}@media(hover:hover){.demoph__toggle[data-astro-cid-pqn6osmw]:hover{background:var(--color-black);--ctl-border: var(--color-black);color:var(--color-white)}}.demoph__toggle[data-astro-cid-pqn6osmw]:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.demoph__toggle[data-astro-cid-pqn6osmw]{transition:none}}.demoph[data-astro-cid-pqn6osmw]{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-gray-4);border-radius:var(--radius-md);background:var(--color-surface)}.demoph__img,.demoph__video[data-astro-cid-pqn6osmw]{display:block;width:100%;height:auto}.demoph__video[data-astro-cid-pqn6osmw]{aspect-ratio:2584 / 1394;object-fit:cover}.demoph__bar[data-astro-cid-pqn6osmw]{display:flex;align-items:center;gap:var(--space-2);height:40px;padding-inline:var(--space-4);border-bottom:1px solid var(--color-gray-4);background:var(--color-white)}.demoph__bar[data-astro-cid-pqn6osmw] i[data-astro-cid-pqn6osmw]{width:10px;height:10px;border-radius:50%;background:var(--color-gray-4)}.demoph__screen[data-astro-cid-pqn6osmw]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);aspect-ratio:1240 / 658;padding:var(--space-12);text-align:center}.demoph__title[data-astro-cid-pqn6osmw]{font-size:var(--text-h6);line-height:var(--leading-lead)}.demoph__note[data-astro-cid-pqn6osmw]{max-width:800px;font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-muted)}@media(max-width:767px){.demoph__screen[data-astro-cid-pqn6osmw]{aspect-ratio:4 / 3;padding:var(--space-6)}}