deploy: e8fd58bc59

css/livestream.css

@@ -281,6 +281,7 @@ main .section-bg {
 
 .register-card input[type="submit"] {
     height: 52px;
+    min-width: 164px;
     padding: 0 34px;
     border: none;
     border-radius: 9999px;
@@ -297,6 +298,16 @@ main .section-bg {
     color: #000000;
 }
 
+.register-card .register-note {
+    margin-top: 10px;
+    font-size: 16px;
+    color: #6b7478;
+}
+
+.dark .register-card .register-note {
+    color: #9fb2c9;
+}
+
 .register-card .channel-link {
     display: inline-flex;
     align-items: center;
@@ -344,3 +355,34 @@ main .section-bg {
 .dark .register-card .close-register svg {
     fill: #ffffff;
 }
+
+.mc-frame {
+    position: absolute;
+    left: -5000px;
+    width: 0;
+    height: 0;
+    border: 0;
+}
+
+.mc-frame-card {
+    max-width: 640px;
+    padding: 44px 0 0;
+    overflow: hidden;
+    background: #ffffff;
+}
+
+.dark .mc-frame-card {
+    background: #ffffff;
+}
+
+.mc-frame-card .close-register svg,
+.dark .mc-frame-card .close-register svg {
+    fill: #023789;
+}
+
+#subscribe-failed.open .mc-frame {
+    position: static;
+    display: block;
+    width: 100%;
+    height: min(520px, calc(100svh - 140px));
+}