/* The Kit's preview surface. Loaded only by /kit/frame.html. */
@font-face { font-family: 'Bricolage'; src: url('/assets/fonts/Bricolage.woff2') format('woff2'); font-weight: 200 800; font-display: swap; }
@font-face { font-family: 'Geist'; src: url('/assets/fonts/Geist.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
html, body { margin: 0; background: var(--yk-bg); color: var(--yk-ink); font-family: var(--yk-font); font-size: var(--yk-fs); line-height: 1.55; -webkit-font-smoothing: antialiased; }
body { padding: 28px; min-height: 60px; box-sizing: border-box; }
body[data-full='true'] { padding: 0; }
body[data-overlay='true'] { min-height: 560px; }
#stage:empty::before { content: 'Loading the component'; font: 400 13px/1 ui-monospace, monospace; color: var(--yk-ink-3); }
.yk-frame-msg { font: 400 13px/1.5 ui-monospace, monospace; color: var(--yk-ink-3); }