.LoginPreviewDemo-module__GyJ53G__demo{flex-direction:column;align-items:center;width:min(100%,72rem);display:flex}.LoginPreviewDemo-module__GyJ53G__frame{width:100%;overflow:hidden;}.LoginPreviewDemo-module__GyJ53G__titleBar{background:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);display:flex}.LoginPreviewDemo-module__GyJ53G__trafficLight{background:var(--border);border-radius:50%;width:.625rem;height:.625rem}.LoginPreviewDemo-module__GyJ53G__viewport{--login-preview-video-height:1080px;--login-preview-video-width:1680px;background:var(--muted);width:100%;min-height:16rem;position:relative;overflow:hidden;container-type:size}.LoginPreviewDemo-module__GyJ53G__previewPlayer{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.LoginPreviewDemo-module__GyJ53G__previewPlayer youtube-video{height:var(--login-preview-video-height);transform:scale(min(calc(100cqw / var(--login-preview-video-width)), calc(100cqh / var(--login-preview-video-height))));transform-origin:0 0;width:var(--login-preview-video-width);position:absolute;top:0;left:0}.LoginPreviewDemo-module__GyJ53G__brandMark{bottom:var(--space-3);left:var(--space-3);pointer-events:none;z-index:1;position:absolute}.LoginPreviewDemo-module__GyJ53G__brandIcon{border-radius:var(--radius-sm);height:1.75rem;padding:var(--space-1);background:#000000a6;width:1.75rem;display:block}