.demoDialogWrapper{position:fixed;background:var(--foreground-color-lighter-transparent);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);z-index:9999999999}.demoDialogWrapper,.demoDialogWrapperInner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.demoDialog,.demoDialogWrapperInner{position:relative}.demoDialog{padding:.75rem;border:none;border-radius:var(--border-radius-small);max-width:1000px;width:90vw;max-height:90vh;background:var(--foreground-color);color:var(--background-color);text-align:center;display:flex;flex-direction:column;gap:.75rem}.demoDialogTopBar{width:100%;display:flex;align-items:center;justify-content:space-between}.demoDialogTopBar h2{font-size:var(--h2-font-size);height:100%;font-weight:700}.demoDialogClose{height:100%;position:relative;font-size:var(--h2-sub-font-size);background:none;border:none;cursor:pointer;color:var(--background-color);font-weight:700;width:10%;transition:var(--transition-fast);border-radius:calc(var(--border-radius-small) - .75rem)}.demoDialogClose:hover{background:var(--primary-color)}.videoWrapper{width:100%;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:calc(var(--border-radius-small) - .75rem);aspect-ratio:16/9}.videoWrapper video{object-fit:contain;width:100%;height:100%;background:var(--foreground-color-light)}