.preview-overlay[data-v-1f0c9db0]{display:flex;flex-direction:column;inset:0;min-width:1280px;position:fixed;z-index:9999;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:72px 2rem 2.5rem}.preview-btn-close[data-v-1f0c9db0]{border-radius:9999px;padding:.5rem;position:absolute;right:1rem;top:1rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.preview-btn-close[data-v-1f0c9db0]:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-10)/var(--tw-bg-opacity,1))}.preview-header[data-v-1f0c9db0]{align-items:center;display:flex;flex-shrink:0;justify-content:center;text-align:center}.preview-header__text[data-v-1f0c9db0]{font-size:1.25rem;line-height:1.6em;text-align:center;width:100%;--tw-text-opacity:1;color:rgb(var(--color-gray-60)/var(--tw-text-opacity,1));letter-spacing:-1px}.preview-body[data-v-1f0c9db0]{align-items:center;flex:1 1 0%;flex-direction:column;height:100%;min-height:0;overflow-y:auto;padding:2rem 2.5rem;padding-top:120px}.preview-body[data-v-1f0c9db0],.preview-split[data-v-1f0c9db0]{display:flex;width:100%}.preview-split[data-v-1f0c9db0]{flex-direction:row;gap:40px;justify-content:center;margin-left:auto;margin-right:auto;max-width:1856px;min-width:1216px}.preview-panel[data-v-1f0c9db0]{align-items:center;display:flex;flex:1 1 0;flex-direction:column;gap:32px;min-width:0}.preview-panel__header[data-v-1f0c9db0]{flex-shrink:0}.preview-panel__title[data-v-1f0c9db0]{align-items:center;display:flex;flex-direction:row;font-size:1.5rem;font-weight:700;gap:.25rem;justify-content:center;letter-spacing:-1px;line-height:1.16em;text-align:center}.preview-panel__help[data-v-1f0c9db0]{--tw-text-opacity:1;color:rgb(var(--color-gray-40)/var(--tw-text-opacity,1))}.preview-panel__help[data-v-1f0c9db0]:hover{--tw-text-opacity:1;color:rgb(var(--color-gray-60)/var(--tw-text-opacity,1))}.preview-panel__content[data-v-1f0c9db0]{overflow:hidden;--tw-bg-opacity:1;aspect-ratio:900/506;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:8px;outline:8px solid #262729;position:relative;width:100%}.preview-panel.is-mobile[data-v-1f0c9db0]{flex:0 0 auto}.preview-panel.is-mobile .preview-panel__content[data-v-1f0c9db0]{aspect-ratio:unset;background:#000;height:100%}.preview-split.is-mobile-active .preview-panel--teacher[data-v-1f0c9db0]{flex:0 0 auto}.preview-viewport-toggle[data-v-1f0c9db0]{bottom:-64px;left:50%;position:absolute;transform:translate(-50%);white-space:nowrap}.preview-viewport-btn[data-v-1f0c9db0]{border-radius:.5rem;font-size:.875rem;font-weight:700;letter-spacing:0;line-height:1.285em;padding:.5rem 1.25rem;--tw-text-opacity:1;color:rgb(var(--color-gray-40)/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.preview-viewport-btn.active[data-v-1f0c9db0]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-95)/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.preview-iframe[data-v-1f0c9db0]{border-style:none;height:100%;inset:0;position:absolute;width:100%}.preview-iframe-scaled[data-v-1f0c9db0]{border-style:none;left:0;position:absolute;top:0}.preview-student-frame[data-v-1f0c9db0],.preview-student-frame--mobile[data-v-1f0c9db0]{height:100%;width:100%}.preview-placeholder[data-v-1f0c9db0]{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%;--tw-bg-opacity:1;background-color:rgb(var(--color-gray-5)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-30)/var(--tw-text-opacity,1))}.preview-placeholder p[data-v-1f0c9db0]{font-size:1.25rem;font-weight:700;letter-spacing:-1px;line-height:1.2em}.preview-placeholder__sub[data-v-1f0c9db0]{font-size:.875rem;letter-spacing:0;line-height:1.285em}.preview-fade-enter-active[data-v-1f0c9db0],.preview-fade-leave-active[data-v-1f0c9db0]{transition:opacity .2s ease}.preview-fade-enter-from[data-v-1f0c9db0],.preview-fade-leave-to[data-v-1f0c9db0]{opacity:0}[data-v-1f0c9db0] .c-tooltip.c-tooltip--direction-horizontal-bottom .tail{border-color:transparent transparent transparent #000;border-style:solid;border-width:12px 0 0 12px;bottom:-4px;left:50%;position:absolute;transform:translate(-50%) rotate(-45deg)}.share-btn[data-v-0e13777d]{flex:1 1 0%;flex-direction:column}.share-btn[data-v-0e13777d],.share-btn .ico-wrap[data-v-0e13777d]{align-items:center;display:flex;width:5rem}.share-btn .ico-wrap[data-v-0e13777d]{border-radius:.5rem;border-width:1px;height:5rem;justify-content:center;--tw-border-opacity:1;border-color:rgb(var(--color-gray-10)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.share-btn .lbl[data-v-0e13777d]{font-size:.75rem;letter-spacing:0;line-height:1.3em;margin-top:.5rem;text-align:center;--tw-text-opacity:1;color:rgb(var(--color-gray-95)/var(--tw-text-opacity,1))}