.demo-layout[data-v-59d69491]{background-color:#d8dee3;display:flex;flex-direction:column;min-height:100vh}.video-name[data-v-59d69491]{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;text-align:center;transform:translate(8px) translate(-50%)}.video-name .video-name[data-v-59d69491]{border-radius:8px;color:#222;cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:600;padding:4px 16px;text-align:center}.video-name .video-name-edit-wrapper[data-v-59d69491]{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.video-name .video-name-input[data-v-59d69491]{field-sizing:content;background:transparent;border:none;border-radius:8px;box-shadow:none;color:#222;font-size:1.2rem;font-weight:600;outline:none;padding:4px 8px;position:relative;text-align:center;transition:none;z-index:2}.add-button[data-v-59d69491]{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.067);border-radius:20px;color:#000;display:flex;height:30px;justify-content:center;width:30px}.add-button svg[data-v-59d69491]{height:16px;width:16px}.demo-nav[data-v-59d69491]{justify-content:space-between;margin:0 auto;padding:40px 0}.demo-nav[data-v-59d69491],.demo-navigation[data-v-59d69491]{align-items:center;display:flex}.demo-navigation[data-v-59d69491]{background-color:#000;border-radius:20px;gap:3px;height:40px;padding:0 18px}.demo-navigation .nav-link-icon[data-v-59d69491]{padding:6px 3px;position:relative}.nav-link[data-v-59d69491]{border-radius:6px;opacity:.4;padding:0 .25rem;position:relative;text-decoration:none;transition:opacity .1s}.nav-link.active[data-v-59d69491],.nav-link[data-v-59d69491]:hover{opacity:1}.demo-content[data-v-59d69491]{flex:1;position:relative;width:100%}.demo-content .demo-page[data-v-59d69491]{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 180px);justify-content:center;left:0;position:absolute;top:0;width:100vw}.demo-content .demo-canvas[data-v-59d69491]{aspect-ratio:1;background-color:#fff;border:1px solid rgba(0,0,0,.067);border-radius:calc(10vh - 42px);height:calc(100vh - 420px);margin:0 auto}.floating-canvas[data-v-59d69491]{background-color:transparent;height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:90000}.chevron-btn[data-v-59d69491]{align-items:center;background:none;border:none;border-radius:10px;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.5;width:32px}.chevron-btn.active[data-v-59d69491],.chevron-btn[data-v-59d69491]:hover{background:#ececec}