@property --ix-count{syntax: "<integer>"; inherits: true; initial-value: 0;}.ix{--rx-page-type: clamp(7.5px, 2.4cqi, 15px);--ix-phone-type: min(var(--rx-page-type), 11px);--ix-phone-width: calc(17.4 * var(--ix-phone-type));--ix-drop: 1.5s;--ix-up-1: calc(var(--ix-drop) + 1s);--ix-load: calc(var(--ix-up-1) + 1.2s);--ix-load-for: 0.9s;--ix-read-for: 0.9s;--ix-split-for: 1.5s;--ix-shown-for: 1s;--ix-read: calc(var(--ix-load) + var(--ix-load-for) + 0.3s);--ix-split: calc(var(--ix-read) + var(--ix-read-for) + 0.3s);--ix-ask: calc(var(--ix-split) + var(--ix-split-for) + var(--ix-shown-for));--ix-add-1: calc(var(--ix-ask) + 1.7s);--ix-add-2: calc(var(--ix-ask) + 2.9s);--ix-add-3: calc(var(--ix-ask) + 4.1s);--ix-up-2: calc(var(--ix-add-3) + 1s);--ix-done: calc(var(--ix-up-2) + 1.4s);--rx-page-opens: calc(var(--ix-load) - 0.5s)}.ix-in-load{--ix-from: var(--ix-load);--ix-for: var(--ix-load-for)}.ix-in-read{--ix-from: var(--ix-read);--ix-for: var(--ix-read-for)}.ix-in-split{--ix-from: var(--ix-split);--ix-for: var(--ix-split-for)}.ix-register{box-sizing:content-box;height:25.3em;display:grid;grid-template-columns:calc(var(--rx-page-left) - var(--rx-chat-left) + var(--ix-phone-width) + 1.6em - 2.7em) minmax(0,1fr);align-content:start;font-family:var(--sans);rotate:none}.ix-register-label>:first-child,.ix-register-head>span,.ix-phase>b,.ix-section>span,.ix-pages-note{font:0.72em/1.6 var(--mono);letter-spacing:0.1em;text-transform:uppercase;color:#5d5c56}.ix-register-label b{font-size:1.35em}.ix-register-label>:last-child{font-size:0.86em;color:#5d5c56}.ix-register-table{container-type:inline-size;border:1px solid #d9d9d3}.ix-register-head,.ix-section{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:0.8em;height:1.8em;padding:0 0.65em;white-space:nowrap}.ix-register-head,.ix-phases{background:#ecece8}.ix-section,.ix-phases{border-top:1px solid #d9d9d3}.ix-section{background:#f6f6f3}.ix-register-head>.ix-file-name{letter-spacing:0.02em;text-transform:none;color:var(--ink)}.ix-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.7em;padding:0.55em 0.65em 0.4em;counter-reset:ix-phase}.ix-phase{display:grid;padding-top:0.4em;background:linear-gradient(var(--ink) 0 0) 0 0 / 100% 2px,linear-gradient(#cfcfc8 0 0) 0 0 / 100% 2px;background-repeat:no-repeat;white-space:nowrap;counter-increment:ix-phase}.ix-phase>b{font-weight:400;color:var(--ink)}.ix-phase>b::before{content:counter(ix-phase) "  ";color:#8a8a83}.ix-tally{font-size:0.78em;line-height:1.3;color:#5d5c56}.ix-tally>b{position:relative;font-weight:inherit;color:transparent}.ix-tally>b::after{position:absolute;right:0;color:#5d5c56;counter-reset:ix-count var(--ix-count);content:counter(ix-count);content:counter(ix-count) / ""}@container (max-width: 22em){.ix-phases{gap:0.5em}.ix-phase>b::before{content:none}}.ix-row{box-sizing:border-box;display:grid;align-items:center;padding:0 0.65em;border-top:1px solid #d9d9d3}.ix-row>b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ix-row>span:not(.ix-status){font:0.8em/1.3 var(--mono);color:#5d5c56;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ix-required{grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:0.15em 0.8em;height:3.4em}.ix-required>b{font-size:1.05em}.ix-required>span:last-child{grid-column:1 / -1}.ix-status{display:grid;justify-items:end}.ix-status>i{grid-area:1 / 1}.ix-filed,.ix-flagged,.ix-missing,.ix-open,.ix-closed,.ix-approve,.ix-approved{font-style:normal;font-weight:600;white-space:nowrap}.ix-row .ix-filed,.ix-row .ix-flagged,.ix-row .ix-missing{font-size:0.88em}.ix-filed::before,.ix-closed::before,.ix-approved::before{content:"✓ "}.ix-flagged{padding:0.1em 0.55em;background:var(--accent3);color:var(--ink)}.ix-missing,.ix-open{color:var(--accent);opacity:0}.ix-phone{--ix-at-drop: 12.9em 16em;--ix-at-save: 12.4em 32.4em;--rx-at-1: 10.6em 14.26em;--rx-at-2: 10.6em 20.76em;--rx-at-3: 10.6em 27.26em;grid-column:1;grid-row:2;position:relative;z-index:3;width:var(--ix-phone-width);height:34.8em;margin:-15.3em 0 0 calc(var(--rx-chat-left) * -1);font:var(--ix-phone-type)/1.3 var(--sans);color:#101729}.ix-phone-screen{display:flex;flex-direction:column;height:100%;border:1px solid #1d2334;border-radius:1.9em;background:#f9fafc;box-shadow:0 10px 24px rgba(22,22,22,0.14);overflow:hidden}.ix-phone-top{padding:1em 1.2em 0;background:#fff}.ix-phone-logo{display:block;width:auto;height:2.8em}.ix-phone-progress{display:flex;gap:0.35em;margin-top:1em}.ix-phone-progress>i{flex:1;height:0.22em;border-radius:1em;background:#2b4dd0}.ix-requests{flex:1;min-height:0;display:grid}.ix-request{grid-area:1 / 1;display:flex;flex-direction:column;min-height:0}.ix-request-1{opacity:0;visibility:hidden}.ix-request-head{padding:0 1.2em 0.8em;border-bottom:1px solid #e3e8ef;background:#fff}.ix-phone-section{margin-top:1em;font:0.68em/1.3 var(--mono);letter-spacing:0.08em;text-transform:uppercase;color:#677489}.ix-phone-title{margin-top:0.15em;font-size:1.18em;font-weight:700;line-height:1.2;letter-spacing:-0.01em;white-space:nowrap}.ix-phone-needs{flex:1;min-height:0;display:grid;align-content:start;gap:0.5em;padding:0.75em 0.9em;overflow:hidden}.ix-drop{display:grid;justify-items:center;padding:2.2em 1em 2em;border:0.14em dashed #c3cbd8;border-radius:0.6em;background:#fff}.ix-drop>svg{width:2.8em;height:2.8em;margin-bottom:0.7em;fill:none;stroke:#677489;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ix-drop>b{font-size:1.1em;font-weight:600}.ix-drop>span{margin-top:0.75em;font:0.66em/1.4 var(--mono);letter-spacing:0.08em;color:#677489}.ix-dropped{display:grid;gap:0.2em;padding:0.6em 0.75em 0.7em;border:1px solid #e3e8ef;border-radius:0.6em;background:#fff}.ix-dropped>b{display:flex;justify-content:space-between;font:0.74em/1.3 var(--mono);color:#3c7e44}.ix-dropped>b::after{content:"✓"}.ix-dropped>span{font:0.66em/1.3 var(--mono);color:#677489}.ix-dropped>i{height:0.25em;margin-top:0.35em;border-radius:1em;background:linear-gradient(#2b4dd0 0 0) no-repeat 0 / 100% 100% #e3e8ef}.ix-need{display:grid;padding:0.55em 0.75em 0.6em;border:1px solid #e3e8ef;border-radius:0.6em;background:#fff}.ix-need>b{font-size:0.95em;font-weight:600}.ix-need>span{font:0.66em/1.4 var(--mono);color:#677489}.ix-need-slot{display:grid;height:2em;margin-top:0.5em}.ix-need-slot>i{grid-area:1 / 1;display:flex;align-items:center;font-style:normal}.ix-need-add{justify-content:center;border:1px dashed #c3cbd8;border-radius:0.45em;background:#f9fafc;font-size:0.84em;color:#677489;opacity:0}.ix-need-file{justify-content:space-between;border-top:1px solid #eceff4;font:0.74em/1 var(--mono);color:#3c7e44}.ix-need-file::after{content:"✓"}.ix-phone-save{padding:0.75em 0.9em 0.9em;border-top:1px solid #e3e8ef;background:#fff}.ix-phone-save>span{display:block;padding:0.65em;border-radius:0.5em;background:#c7ced9;color:#fff;font-size:0.95em;font-weight:600;text-align:center}.ix-phone .hc-pointer{translate:var(--ix-at-drop)}.ix-phone .hc-pointer::after{content:"";position:absolute;left:0.9em;top:1.5em;width:1.7em;height:2.2em;background:linear-gradient(to top right,#c5ccd8 50%,#0000 0) 100% 0 / 0.5em 0.5em,repeating-linear-gradient(#b4bccb 0 0.12em,#0000 0 0.36em) 0.3em 0.8em / 1.1em 0.84em,linear-gradient(45deg,#fff calc(100% - 0.354em),#0000 0);background-repeat:no-repeat;opacity:0}@media(prefers-reduced-motion:no-preference){.ix.is-shown .ix-phone{animation:ix-phone-make-room 0.5s cubic-bezier(.2,.8,.2,1) var(--rx-page-opens) backwards var(--rx-demo)}.ix.is-shown .ix-drop{animation:ix-drop-over 0.9s ease calc(var(--ix-drop) - 0.7s) var(--rx-demo)}.ix.is-shown .ix-dropped{animation:rx-say 0.25s ease var(--ix-drop) backwards var(--rx-demo)}.ix.is-shown .ix-dropped>i{animation:ix-bar-fills 0.6s ease-out calc(var(--ix-up-1) + 0.05s) backwards var(--rx-demo)}.ix.is-shown .ix-dropped>b::after{animation:rx-say 0.2s ease calc(var(--ix-up-1) + 0.65s) backwards var(--rx-demo)}.ix.is-shown .ix-phone-save>span{animation:ix-save-ready calc(var(--ix-up-1) + 0.65s - var(--ix-drop)) linear var(--ix-drop) var(--rx-demo),ix-save-ready calc(var(--ix-up-2) + 0.65s - var(--ix-add-1)) linear var(--ix-add-1) var(--rx-demo),ix-save-pressed 0.28s ease var(--ix-up-1) var(--rx-demo),ix-save-pressed 0.28s ease var(--ix-up-2) var(--rx-demo)}.ix.is-shown .ix-phase{animation:ix-phase-runs var(--ix-for) linear var(--ix-from) backwards var(--rx-demo)}.ix.is-shown .ix-phase>b{animation:ix-phase-waits 0.2s ease var(--ix-from) backwards var(--rx-demo)}.ix.is-shown .ix-tally{animation:rx-say 0.2s ease var(--ix-from) backwards var(--rx-demo)}.ix.is-shown .ix-tally>b{animation:ix-counts var(--ix-for) linear var(--ix-from) backwards var(--rx-demo)}.ix.is-shown [data-file="1"]{--ix-add: var(--ix-add-1);--ix-in: calc(var(--ix-up-2) + 0.6s)}.ix.is-shown [data-file="2"]{--ix-add: var(--ix-add-2);--ix-in: calc(var(--ix-up-2) + 0.8s)}.ix.is-shown [data-file="3"]{--ix-add: var(--ix-add-3);--ix-in: calc(var(--ix-up-2) + 1s)}.ix.is-shown .ix-need-add{animation:ix-leave 0.2s ease var(--ix-add) backwards var(--rx-demo)}.ix.is-shown .ix-need-file{animation:rx-say 0.25s ease var(--ix-add) backwards var(--rx-demo)}.ix.is-shown .ix-need-file::after{animation:rx-say 0.2s ease calc(var(--ix-up-2) + 0.5s) backwards var(--rx-demo)}.ix.is-shown .ix-request-1{animation:ix-request-answered 0.25s ease var(--ix-ask) backwards var(--rx-demo)}.ix.is-shown .ix-request-2{animation:rx-say 0.3s ease calc(var(--ix-ask) + 0.25s) backwards var(--rx-demo)}.ix.is-shown .ix-phone-progress>:last-child{animation:ix-progress-ahead 0.3s ease var(--ix-ask) backwards var(--rx-demo)}.ix.is-shown .ix-required{animation:ix-missing-marked 0.3s ease var(--ix-in) backwards var(--rx-demo),ix-missing-asked 0.8s ease var(--ix-ask) var(--rx-demo)}.ix.is-shown .ix-missing{animation:ix-leave 0.2s ease var(--ix-in) backwards var(--rx-demo)}.ix.is-shown .ix-required .ix-filed,.ix.is-shown .ix-required .ix-flagged,.ix.is-shown .ix-required>span:last-child{animation:rx-say 0.25s ease var(--ix-in) backwards var(--rx-demo)}.ix.is-shown .ix-open{animation:ix-leave 0.2s ease var(--ix-done) backwards var(--rx-demo)}.ix.is-shown .ix-closed{animation:rx-say 0.25s ease var(--ix-done) backwards var(--rx-demo)}.ix.is-shown .ix-phone .hc-pointer{animation:rx-point-in 0.7s cubic-bezier(.3,.7,.25,1) calc(var(--ix-drop) - 0.9s) both var(--rx-demo),ix-point-to-save 0.6s cubic-bezier(.3,.7,.25,1) calc(var(--ix-up-1) - 0.75s) forwards var(--rx-demo),ix-point-to-1 0.8s cubic-bezier(.3,.7,.25,1) calc(var(--ix-add-1) - 1s) forwards var(--rx-demo),rx-point-to-2 0.7s cubic-bezier(.3,.7,.25,1) calc(var(--ix-add-2) - 0.85s) forwards var(--rx-demo),rx-point-to-3 0.7s cubic-bezier(.3,.7,.25,1) calc(var(--ix-add-3) - 0.85s) forwards var(--rx-demo),ix-point-to-save 0.6s cubic-bezier(.3,.7,.25,1) calc(var(--ix-up-2) - 0.75s) forwards var(--rx-demo)}.ix.is-shown .ix-phone .hc-pointer::after{animation:ix-leave 0.15s ease var(--ix-drop) backwards var(--rx-demo)}.ix.is-shown .hc-pointer svg{animation:rx-press 0.28s ease var(--ix-drop) var(--rx-demo),rx-press 0.28s ease var(--ix-up-1) var(--rx-demo),rx-press 0.28s ease var(--ix-add-1) var(--rx-demo),rx-press 0.28s ease var(--ix-add-2) var(--rx-demo),rx-press 0.28s ease var(--ix-add-3) var(--rx-demo),rx-press 0.28s ease var(--ix-up-2) var(--rx-demo)}.ix.is-shown .hc-pointer::before{animation:rx-press-ring 0.5s ease-out calc(var(--ix-drop) + 0.1s) var(--rx-demo),rx-press-ring 0.5s ease-out calc(var(--ix-up-1) + 0.1s) var(--rx-demo),rx-press-ring 0.5s ease-out calc(var(--ix-add-1) + 0.1s) var(--rx-demo),rx-press-ring 0.5s ease-out calc(var(--ix-add-2) + 0.1s) var(--rx-demo),rx-press-ring 0.5s ease-out calc(var(--ix-add-3) + 0.1s) var(--rx-demo),rx-press-ring 0.5s ease-out calc(var(--ix-up-2) + 0.1s) var(--rx-demo)}}@keyframes ix-leave{from{opacity:1}}@keyframes ix-drop-over{35%,80%{border-color:#2b4dd0;background-color:#eef2fd}}@keyframes ix-bar-fills{from{background-size:0 100%}}@keyframes ix-phase-runs{from{background-size:0 2px,100% 2px}}@keyframes ix-phase-waits{from{color:#a3a39c}}@keyframes ix-counts{from{--ix-count: 0}}@keyframes ix-request-answered{from{opacity:1;visibility:visible}}@keyframes ix-progress-ahead{from{background:#e3e8ef}}@keyframes ix-missing-marked{from{background:rgba(var(--accent-rgb),0.07)}}@keyframes ix-missing-asked{30%{background:rgba(var(--accent-rgb),0.2)}}@keyframes ix-point-to-1{to{translate:var(--rx-at-1)}}@keyframes ix-point-to-save{to{translate:var(--ix-at-save)}}@keyframes ix-save-ready{from,to{background-color:#2b4dd0}}@keyframes ix-save-pressed{45%{background-color:#1f3aa8;scale:0.97}}@keyframes ix-phone-make-room{from{translate:calc((100cqi - var(--ix-phone-width)) / 2 + var(--rx-chat-left)) 0}}
