.mobile-nav.svelte-1nbzzc7{padding:10px 20px;display:flex;align-items:center;gap:10px;background-color:var(--box-background);border-radius:var(--box-radius);box-shadow:var(--box-shadow);cursor:pointer;display:none}.mobile-nav.svelte-1nbzzc7 .mobile-nav-left:where(.svelte-1nbzzc7){flex:1;color:var(--text-light);font-size:14px}.mobile-nav.svelte-1nbzzc7 .theme-name:where(.svelte-1nbzzc7){font-weight:600}.mobile-nav.svelte-1nbzzc7:hover{background-color:var(--hover)}.wrap.svelte-1nbzzc7{display:flex;height:100%;gap:15px}.section.svelte-1nbzzc7{font-weight:600;padding:10px 20px;margin-top:20px;font-size:14px}.nav.svelte-1nbzzc7{padding-bottom:15px;display:flex;flex-direction:column}.open-source.svelte-1nbzzc7{margin-top:auto;display:flex;flex-direction:column;align-items:center}.open-source.svelte-1nbzzc7 .text:where(.svelte-1nbzzc7){color:var(--text-light);margin-bottom:5px}.nav.svelte-1nbzzc7 a{padding:4px 18px!important;font-size:14px}.nav.svelte-1nbzzc7 a.active{background-color:var(--accent-light-mid)}.preview.svelte-1nbzzc7{flex:1;width:100%;height:100%;display:flex;justify-content:center;overflow:hidden;flex-direction:column}.navi.svelte-1nbzzc7{padding:15px 20px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.left.svelte-1nbzzc7{flex:1;font-size:14px;font-weight:600}.iframe.svelte-1nbzzc7{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.lock-scroll.svelte-1nbzzc7{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer}.lock-scroll.svelte-1nbzzc7 .overlay:where(.svelte-1nbzzc7){position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fafafa;opacity:.7;z-index:-1}iframe.svelte-1nbzzc7{max-width:100%;max-height:100%;border:none;transition:.3s width,.3s height}@keyframes svelte-1nbzzc7-preview-iframe{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 992px){.wrap.svelte-1nbzzc7{flex-direction:column}.nav.svelte-1nbzzc7{width:100%;margin-bottom:15px;display:none}.open-source.svelte-1nbzzc7{border-top:1px solid var(--border);flex-direction:row;justify-content:space-around;margin-top:5%;padding-top:15px}.preview.svelte-1nbzzc7{height:600px}.mobile-nav.svelte-1nbzzc7{display:flex}.navi.svelte-1nbzzc7 .right:where(.svelte-1nbzzc7){display:none}}