.DXNKBa_demo{gap:var(--space-6);place-items:center;display:grid}@media (min-width:1024px){.DXNKBa_demo{gap:var(--space-10);grid-template-columns:minmax(0,1fr) auto}}.DXNKBa_table{width:100%}.DXNKBa_demo[data-layout=page]{grid-template-areas:"stack";overflow:clip}.DXNKBa_demo[data-layout=page] .DXNKBa_table,.DXNKBa_demo[data-layout=page] .DXNKBa_phone{grid-area:stack}.DXNKBa_demo[data-layout=page] .DXNKBa_table{align-self:stretch}.DXNKBa_demo[data-layout=page] .DXNKBa_phone{z-index:1;align-self:start;transition:translate .75s cubic-bezier(.2,.85,.25,1);position:relative;translate:0 calc(100% - 96px)}@media (prefers-reduced-motion:reduce){.DXNKBa_demo[data-layout=page] .DXNKBa_phone{transition:none}}.DXNKBa_demo[data-layout=page]:-webkit-any([data-step=banner],[data-step=room]) .DXNKBa_phone{translate:0}.DXNKBa_demo[data-layout=page]:-moz-any([data-step=banner],[data-step=room]) .DXNKBa_phone{translate:0}.DXNKBa_demo[data-layout=page]:is([data-step=banner],[data-step=room]) .DXNKBa_phone{translate:0}.DXNKBa_demo[data-layout=page] .DXNKBa_tableHint{top:var(--space-5);bottom:auto}@media (min-width:1024px){.DXNKBa_demo[data-layout=page]{grid-template-areas:none;overflow:visible}.DXNKBa_demo[data-layout=page] .DXNKBa_table,.DXNKBa_demo[data-layout=page] .DXNKBa_phone{grid-area:auto}.DXNKBa_demo[data-layout=page] .DXNKBa_phone{align-self:auto;transition:none;translate:none}.DXNKBa_demo[data-layout=page] .DXNKBa_tableHint{top:auto;bottom:8%}}.DXNKBa_demo[data-layout=page] .DXNKBa_table[data-size]{min-height:360px}@media (min-width:1024px){.DXNKBa_demo[data-layout=page] .DXNKBa_table[data-size]{align-self:stretch;min-height:0}.DXNKBa_demo[data-layout=page] .DXNKBa_table[data-shot=top]{--camera-scale:6.4}}.DXNKBa_tableHint{z-index:3;padding:var(--space-2) var(--space-4);white-space:nowrap;color:var(--bg-secondary);pointer-events:none;background:var(--color-primary);border-radius:var(--radius-pill);font-size:14px;font-weight:650;position:absolute;bottom:8%;left:50%;translate:-50%;box-shadow:0 8px 20px #00000038}.DXNKBa_again{font:inherit;color:var(--cardstock-ink);cursor:pointer;top:var(--space-4);right:var(--space-4);z-index:4;width:44px;height:44px;border:none;border:1px solid var(--cardstock-edge);border-radius:var(--radius-pill);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;box-shadow:0 4px 12px #0000001a}.DXNKBa_again:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.DXNKBa_lock{color:#fff;background:radial-gradient(circle at 22% 68%, color-mix(in srgb, var(--yellow-30) 55%, transparent) 0 26px, transparent 60px),radial-gradient(circle at 74% 58%, color-mix(in srgb, var(--orange-50) 40%, transparent) 0 34px, transparent 80px),radial-gradient(circle at 58% 82%, color-mix(in srgb, var(--yellow-10) 40%, transparent) 0 18px, transparent 46px),radial-gradient(circle at 34% 88%, color-mix(in srgb, var(--orange-10) 35%, transparent) 0 30px, transparent 70px),radial-gradient(120% 80% at 50% 100%, color-mix(in srgb, var(--orange-70) 45%, black), black);flex-direction:column;align-items:center;padding-top:82px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.DXNKBa_lockDate{opacity:.9;margin:0;font-size:20px;font-weight:600}.DXNKBa_lockTime{letter-spacing:-.03em;margin:0;font-size:96px;font-weight:700;line-height:1}.DXNKBa_lockHint{opacity:.75;margin:0;font-size:17px;position:absolute;bottom:120px}.DXNKBa_nfcBanner{font:inherit;color:#000;cursor:pointer;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);background:#ffffffd1;border:none;border-radius:24px;align-items:center;gap:12px;padding:14px;animation:.42s cubic-bezier(.2,.9,.3,1.15) both DXNKBa_banner-in;display:flex;position:absolute;top:62px;left:12px;right:12px;box-shadow:0 10px 30px #00000059}@media (prefers-reduced-motion:reduce){.DXNKBa_nfcBanner{animation:none}}@keyframes DXNKBa_banner-in{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:translateY(0)}}.DXNKBa_nfcIcon{color:#fff;background:var(--color-primary);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.DXNKBa_nfcText{flex-direction:column;gap:2px;font-size:15px;display:flex}.DXNKBa_nfcText span{color:#0000009e}.DXNKBa_loading{z-index:1;color:var(--text-secondary);background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:17px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.DXNKBa_spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:var(--radius-pill);width:32px;height:32px;animation:.8s linear infinite DXNKBa_spin}@keyframes DXNKBa_spin{to{rotate:360deg}}.DXNKBa_room{opacity:0;border:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.DXNKBa_room[data-loaded=true]{opacity:1}