.hotel-connection-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line-strong,#d8d3ca);border-radius:20px;color:var(--text,#20242a);background:var(--surface-raised,#fff);box-shadow:0 24px 80px rgb(0 0 0 / .3);overflow:auto}
.hotel-connection-dialog::backdrop{background:rgb(12 15 18 / .65)}
.hotel-connection-card{position:relative;padding:36px 32px;text-align:center}.hotel-connection-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:1px solid var(--line,#e3dfd7);border-radius:10px;color:var(--muted,#6d7379);background:var(--surface,#fff);font-family:inherit;font-size:24px;line-height:1;cursor:pointer}
.hotel-connection-mark{display:grid;place-items:center;width:90px;height:90px;margin:0 auto 20px;border:1px solid color-mix(in srgb,var(--accent,#a77934) 30%,var(--line,#ddd));border-radius:24px;background:var(--accent-soft,#f2eadc)}.hotel-connection-mark svg{width:57px;height:57px}.hotel-connection-cut{stroke:var(--accent-soft,#f2eadc)}
.hotel-connection-card h2{margin:0 0 10px;font-size:27px;line-height:1.2}.hotel-connection-card p{margin:0 auto 24px;max-width:310px;color:var(--muted,#6d7379);line-height:1.5}.hotel-connection-retry{min-height:46px;min-width:180px;padding:10px 18px;border:0;border-radius:10px;background:var(--accent,#a77934);color:var(--accent-ink,#fff);font:inherit;font-weight:750;cursor:pointer}.hotel-connection-card button:focus-visible{outline:3px solid var(--accent,#a77934);outline-offset:3px}
@media(max-width:480px){.hotel-connection-dialog{width:calc(100vw - 24px)}.hotel-connection-card{padding:32px 20px}.hotel-connection-retry{width:100%}}