.demo-layout{background:var(--una-surface-card);flex-direction:column;height:100dvh;min-height:360px;padding-top:84px;display:flex;overflow:visible}.demo-layout>.main-wrapper{flex:1;min-height:200px;padding:0 24px 12px;display:flex}.demo-view{flex:1;min-width:0;display:flex}.demo-player{border-radius:var(--una-radius-card);background:var(--marketing-text-primary);flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.demo-player>video{object-fit:contain;background:var(--marketing-text-primary);width:100%;height:100%;display:block}.demo-start{aspect-ratio:1;background:var(--brand-blue);color:#fff;width:80px;box-shadow:0 8px 28px color-mix(in srgb, var(--brand-blue) 18%, transparent);cursor:pointer;border:0;border-radius:50%;place-items:center;display:none;position:absolute}.demo-player[data-ready=true] .demo-start{display:grid}.demo-player[data-ready=true]:has(.demo-start)>video::-webkit-media-controls-overlay-play-button{display:none}.demo-start>svg{width:25px;height:25px;margin-left:3px}.demo-start:hover{background:var(--marketing-text-primary)}.demo-error{border-radius:var(--una-radius-input);background:var(--una-surface-card);max-width:calc(100% - 32px);color:var(--marketing-text-primary);text-align:center;padding:12px 16px;font-size:14px;position:absolute;bottom:64px}.demo-error a{text-underline-offset:3px;text-decoration:underline}.demo-footer{min-height:52px;color:var(--marketing-text-secondary);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:0 20px;padding:0 28px 4px;font-size:12px;display:flex}.demo-footer-links{flex-wrap:wrap;align-items:center;gap:0 20px;display:flex}.demo-footer-links>a,.demo-footer-links>.cookie-settings{min-height:var(--una-target-minimum);font:inherit;text-underline-offset:4px;align-items:center;margin:0;padding:0;display:inline-flex}@media (width<=767px){.demo-layout{padding-top:76px}.demo-layout>.main-wrapper{padding:0 12px 8px}.demo-player,.demo-player>video{background:var(--una-surface-canvas)}.demo-footer{text-align:center;justify-content:center;gap:0 16px;padding:6px 16px}.demo-footer-links{justify-content:center;gap:0 16px}.demo-start{width:54px}}