.hol{max-width:560px;margin-inline:auto;text-align:center}.hol .sec-intro{margin-inline:auto;margin-bottom:var(--hdc-space-7)}.hol-frame{position:relative;border:1px solid var(--hdc-line);border-radius:var(--hdc-radius-md);background:var(--hdc-surface);padding-block:var(--hdc-space-4);overflow:hidden}.hol-iframe{display:block;width:100%;height:160px;border:0}.hol-frame:not(.is-live) .hol-iframe{display:none}.hol-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hdc-space-4);min-height:160px;padding:var(--hdc-space-6);background:var(--hdc-surface-tint)}.hol-gate__note{margin:0;max-width:42ch;font-family:var(--hdc-font-ui);font-size:var(--hdc-fs-300);color:var(--hdc-color-muted);line-height:var(--hdc-lh-body)}.hol-direct{margin:var(--hdc-space-3) 0 0;font-size:var(--hdc-fs-300);color:var(--hdc-color-muted)}.hol-direct a{color:var(--hdc-color-primary)}.hol-direct a:hover{color:var(--hdc-color-primary-deep)}.hol-help{margin:var(--hdc-space-4) 0 0;font-size:var(--hdc-fs-300);color:var(--hdc-color-muted)}.hol-help a{color:var(--hdc-color-primary)}.hol-help a:hover{color:var(--hdc-color-primary-deep)}@media(max-width:600px){.hol-iframe{height:200px}.hol-gate{min-height:200px}}