.ib-phone-door-host{width:100%;container:ib-phone-door/inline-size}.ib-phone-door{border:1px solid var(--shop-line);border-radius:var(--shop-radius-md);background:var(--shop-canvas);color:var(--shop-ink);font-family:var(--shop-font-body,system-ui, sans-serif);flex-wrap:wrap;align-items:center;gap:16px 20px;max-width:560px;padding:16px;display:flex;position:relative}.ib-phone-door-code{background:#fff;border-radius:12px;flex:none;padding:10px;line-height:0}.ib-phone-door-code img{width:220px;height:220px;display:block}.ib-phone-door-text{flex-direction:column;flex:200px;align-items:flex-start;gap:8px;min-width:0;display:flex}.ib-phone-door-title{font-size:var(--shop-text-base);color:var(--shop-ink);margin:0;padding-right:28px;font-weight:700}.ib-phone-door-note,.ib-phone-door-progress{font-size:var(--shop-text-sm);color:var(--shop-ink-muted);margin:0;line-height:1.5}.ib-phone-door-progress{align-items:center;gap:8px;display:inline-flex}.ib-phone-door-warn,.ib-phone-door-error{color:var(--shop-warm)}.ib-phone-door .ib-button,.ib-phone-door .ib-phone-door-close{font-family:inherit}.ib-phone-door .ib-button-secondary{color:var(--ibc-ink)}.ib-phone-door .ib-phone-door-close{width:30px;height:30px;color:var(--shop-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}.ib-phone-door .ib-phone-door-close:hover{background:var(--shop-accent-wash);color:var(--shop-ink)}.ib-phone-door .ib-phone-door-close:focus-visible{outline:2px solid var(--shop-accent);outline-offset:2px}@container ib-phone-door (max-width:480px){.ib-phone-door{flex-wrap:nowrap;gap:14px;padding:12px}.ib-phone-door-code{padding:8px}.ib-phone-door-code img{width:150px;height:150px}.ib-phone-door-text{flex:1 1 0}}