.demo-app.frontier-demo-theme{--frontier-accent:var(--accent,oklch(0.55 0.15 255));--app-color-primary-main:var(--frontier-accent);--app-color-primary-light:color-mix(in oklch,var(--frontier-accent) 84%,#fff);--app-color-primary-lighter:color-mix(in oklch,var(--frontier-accent) 15%,#fff);--app-color-primary-dark:color-mix(in oklch,var(--frontier-accent) 84%,#000);--app-color-primary-darker:color-mix(in oklch,var(--frontier-accent) 64%,#000);--app-color-primary-contrast:#fff;--app-color-primary-soft:color-mix(in oklch,var(--frontier-accent) 8%,transparent);--app-color-primary-soft-hover:color-mix(in oklch,var(--frontier-accent) 16%,transparent);--app-shadow-primary:0 8px 16px 0 color-mix(in oklch,var(--frontier-accent) 24%,transparent);--app-color-secondary-main:color-mix(in oklch,var(--frontier-accent) 28%,#fff)}.frontier-demo-shot{width:100%;height:100%}.frontier-demo-shot .landing-demo{height:100%}.frontier-demo-shot .landing-demo .demo-app{height:100%;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}.frontier-demo-shot .landing-demo .demo-app>:nth-child(2){flex:1 1 0;height:auto!important;min-height:0!important}.frontier-demo-shot--bare .landing-demo .demo-app>:first-child{display:none}.frontier-demo-shot .wc-code{text-align:left}