.uk-live-frame{--uk-live-frame-height:clamp(480px, 72vh, 860px);flex-direction:column;gap:12px;display:flex}.uk-live-frame__bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.uk-live-frame__devices{background:var(--muted);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.uk-live-frame__device{width:36px;height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background .2s,color .2s;display:grid}.uk-live-frame__device[aria-pressed=true]{background:var(--background);color:var(--foreground);box-shadow:0 1px 2px #00000014}.uk-live-frame__title{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;font-size:var(--uk-live-frame-title-size,.875rem);flex:1;font-weight:600;overflow:hidden}.uk-live-frame__open.uk-button{background:var(--uk-live-frame-open-bg,var(--primary));border-color:var(--uk-live-frame-open-bg,var(--primary));color:var(--primary-foreground,#fff);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.uk-live-frame__open.uk-button:hover{filter:brightness(.9)}}.uk-live-frame__stage{background:var(--muted);border-radius:var(--uk-global-border-radius,16px);justify-content:center;padding:12px;display:flex}@media (min-width:768px){.uk-live-frame__stage{padding:24px}}.uk-live-frame__viewport{width:100%;max-width:100%;height:var(--uk-live-frame-height);border-radius:calc(var(--uk-global-border-radius,16px) - 4px);border:1px solid var(--border);background:var(--background);transition:max-width .3s;position:relative;overflow:hidden}.uk-live-frame[data-device=tablet] .uk-live-frame__viewport{max-width:820px}.uk-live-frame[data-device=phone] .uk-live-frame__viewport{max-width:390px}.uk-live-frame__iframe{background:#fff;border:0;width:100%;height:100%;display:block}.uk-live-frame__poster{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.uk-live-frame[data-live] .uk-live-frame__poster{opacity:0;pointer-events:none}@media (min-width:768px){.uk-live-frame:not(.uk-live-frame--page)[data-device=desktop] .uk-live-frame__viewport{aspect-ratio:16/10;height:auto;max-height:var(--uk-live-frame-height)}.uk-live-frame:not(.uk-live-frame--page)[data-device=desktop] .uk-live-frame__iframe{width:1440px;height:calc(100% / var(--uk-live-scale,1));transform:scale(var(--uk-live-scale,1));transform-origin:0 0;position:absolute;top:0;left:0}}.uk-live-frame:not(.uk-live-frame--page) .uk-live-frame__iframe{opacity:0}.uk-live-frame:not(.uk-live-frame--page)[data-live] .uk-live-frame__iframe{opacity:1}.uk-live-frame .uk-loader:not([data-done]){transition-delay:.6s}.uk-live-frame{--uk-loader-veil:transparent}.uk-live-frame__play{background:#0000002e;place-items:center;text-decoration:none;display:none;position:absolute;inset:0}.uk-live-frame__play span{background:var(--foreground);color:var(--background);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.9375rem;font-weight:600;display:inline-flex}.uk-live-frame--page{z-index:100;background:var(--background);gap:0;position:fixed;inset:0}.uk-live-frame--page .uk-live-frame__bar{background:var(--muted);gap:10px;padding:10px 12px}.uk-live-frame--page .uk-live-frame__stage{background:var(--background);border-radius:0;flex:1;min-height:0;padding:0}.uk-live-frame--page .uk-live-frame__viewport{border:0;border-radius:0;height:100%}.uk-live-frame--page[data-device=tablet] .uk-live-frame__viewport,.uk-live-frame--page[data-device=phone] .uk-live-frame__viewport{border-inline:1px solid var(--border)}body:has([data-live-page]) nav[uk_navbar]{display:none}body:has([data-live-page]) footer{display:none}body:has([data-live-page]) .uk-docs-badge{display:none}.uk-live-frame__close{background:var(--background);width:36px;height:36px;color:var(--foreground);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;display:grid}@media (max-width:767px){.uk-live-frame{--uk-live-frame-height:auto}.uk-live-frame__devices{display:none}.uk-live-frame__title{text-align:start;font-size:var(--uk-live-frame-title-size,.8125rem)}.uk-live-frame[data-device] .uk-live-frame__viewport{aspect-ratio:16/10;max-width:100%}.uk-live-frame__play{display:grid}.uk-live-frame:not(.uk-live-frame--page) .uk-live-frame__bar{display:none}.uk-live-frame:not(.uk-live-frame--page) .uk-live-frame__stage{background:0 0;padding:0}.uk-live-frame:not(.uk-live-frame--page) .uk-live-frame__viewport{border-radius:var(--uk-global-border-radius,16px)}.uk-live-frame:not(.uk-live-frame--page) .uk-loader{display:none}}.uk-live-frame__play{transition:opacity .4s}:root[data-uk-pt-running] .uk-live-frame__play,:root[data-uk-pt-running] .uk-live-frame .uk-loader{opacity:0}.uk-live-frame[data-quiet] .uk-live-frame__gate:hover{background:0 0}.uk-live-frame[data-quiet] .uk-live-frame__gate:hover span{opacity:0;transform:translateY(6px)}@media (max-width:767px){.uk-live-frame--page .uk-live-frame__viewport{aspect-ratio:auto;height:100%}}@media (prefers-reduced-motion:no-preference){.uk-live-frame--page{animation:.32s cubic-bezier(.2,.8,.2,1) both uk-live-frame-in}@keyframes uk-live-frame-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}.uk-live-frame__gate{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background .2s;display:grid;position:absolute;inset:0}.uk-live-frame__gate span{background:var(--foreground);color:var(--background);opacity:0;border-radius:999px;padding:10px 16px;font-size:.9375rem;font-weight:600;transition:opacity .2s,transform .2s;transform:translateY(6px)}.uk-live-frame__gate:hover,.uk-live-frame__gate:focus-visible{background:#00000024}.uk-live-frame__gate:hover span,.uk-live-frame__gate:focus-visible span{opacity:1;transform:none}.uk-live-frame[data-active] .uk-live-frame__viewport{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 25%, transparent)}@media (max-width:767px){.uk-live-frame__gate{display:none}}