/* Motion is a layer on top of legible, responsive product information. */
.lx-ui-motion {width:100%; min-width:0; overflow:hidden; border:1px solid #294758; border-radius:20px; background:#071e2c; color:#eaf4fa; box-shadow:0 28px 80px #0003; text-align:left; font-family:var(--lx-font-site);}
.lx-ui-motion__toolbar {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #294352;font-size:12px;line-height:1.4;color:#aac2d0;}
.lx-ui-motion__brand {font-size:23px;letter-spacing:-1.4px;font-weight:700;color:#fff;}
.lx-ui-motion__brand span {color:#63d5e8;}
.lx-ui-motion__workspace {padding:28px 26px;}
body.is-interior .lx-ui-motion .lx-ui-motion__heading {color:#f4f9fc!important;font-size:23px!important;line-height:1.3!important;letter-spacing:-.025em;margin:0 0 28px!important;max-width:25ch;}
.lx-ui-motion__hub {display:flex;justify-content:center;align-items:center;gap:10px;position:relative;width:fit-content;max-width:100%;margin:24px auto 0;padding:13px 22px;border:1px solid #436578;border-radius:12px;background:#133446;font-size:15px;font-weight:600;}
.lx-ui-motion__status-dot {width:7px;height:7px;flex:none;border-radius:50%;background:#63d5e8;box-shadow:0 0 0 4px #63d5e81a;}
.lx-ui-motion__art {position:relative;width:100%;overflow:hidden;}
.lx-ui-motion__art--connected {aspect-ratio:1000/1188;max-width:480px;margin:auto;}
.lx-ui-motion__art--signals {aspect-ratio:600/112;}
.lx-ui-motion__poster,.lx-ui-motion__player {display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;max-height:none!important;border:0!important;transform:none!important;animation:none!important;}
.lx-ui-motion__player {visibility:hidden;}
.lx-ui-motion__player svg {display:block;width:100%;height:100%;}
.lx-ui-motion__player video {display:block;width:100%;height:100%;object-fit:contain;background:#030b12;}
.lx-ui-motion--hero {border:0;border-radius:0;background:transparent;box-shadow:none;}
.lx-ui-motion--hero .lx-ui-motion__toolbar {display:none;}
.lx-ui-motion--hero .lx-ui-motion__art--connected {max-width:580px;}
.lx-ui-motion--hero .lx-ui-motion__player video {background:transparent;}
.is-motion-ready .lx-ui-motion__player {visibility:visible;}
.is-motion-ready .lx-ui-motion__poster {visibility:hidden;}
.lx-ui-motion__nodes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.lx-ui-motion__nodes>div {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-width:0;padding:17px 8px;border:1px solid #2e5063;border-radius:12px;background:linear-gradient(135deg,#163c50,#0b2839);text-align:center;}
.lx-ui-motion__nodes img {width:100%!important;height:90px!important;object-fit:contain!important;animation:none!important;transform:none!important;}
.lx-ui-motion__nodes strong {font-size:14px;line-height:1.4;font-weight:500;}
.lx-ui-motion__node-icon {font-size:18px;font-variant-numeric:tabular-nums;color:#63d5e8;}
.lx-ui-motion__event {display:flex;align-items:center;gap:13px;margin-top:26px;padding:17px 0 0;border-top:1px solid #294758;}
.lx-ui-motion__event-check {display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;color:#73e5c0;background:#153e40;}
.lx-ui-motion__event strong,.lx-ui-motion__credential strong {display:block;font-size:15px;font-weight:500;}
.lx-ui-motion__event div>span,.lx-ui-motion__credential div>span {display:block;margin-top:6px;font-size:12px;line-height:1.4;color:#a9c4d2;}
.lx-ui-motion__event-time {margin-left:auto;color:#99b8ca;font:12px/1.4 monospace;}
.lx-ui-motion__receipt {padding:23px 25px;border-radius:12px;background:#f7fafc;color:#203a49;box-shadow:0 8px 30px #0002;}
.lx-ui-motion__receipt>strong {display:block;padding:14px 0 20px;font-size:27px;letter-spacing:-1px;}
.lx-ui-motion__receipt>div {display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:9px;font-size:14px;line-height:1.4;}
.lx-ui-motion__sample {padding:3px 7px;border:1px solid #c7d9e3;border-radius:5px;color:#536c7b;font-size:11px;}
.lx-ui-motion__receipt .lx-ui-motion__balance {margin-top:12px;padding-top:17px;border-top:1px solid #ccdce4;}
.lx-ui-motion__balance strong {font-size:24px;}
.lx-ui-motion__documents {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.lx-ui-motion__documents>div {padding:22px 18px;background:#eef5f9;border-radius:12px;color:#173748;}
.lx-ui-motion__documents strong {display:block;margin:16px 0 7px;font-size:20px;}
.lx-ui-motion__documents div>span:last-child {font-size:13px;line-height:1.5;display:block;color:#516f81;}
.lx-ui-motion__document-icon {display:inline-grid;place-items:center;width:36px;height:40px;border:1px solid #a9cbdc;border-radius:4px;background:white;color:#087b95;font-size:23px;}
.lx-ui-motion__credential {display:flex;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #294758;}
.lx-ui-motion__avatar {flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#2a5770;color:#d2ecfa;}
.lx-ui-motion__status {margin-left:auto;padding:6px 9px;border:1px solid #2f655c;border-radius:6px;color:#87ddc2;font-size:12px;}
@media(max-width:760px) {
 .lx-ui-motion {border-radius:14px;}
 .lx-ui-motion__toolbar {padding:14px 17px;gap:8px;font-size:11px;}
 .lx-ui-motion__workspace {padding:23px 17px;}
 body.is-interior .lx-ui-motion .lx-ui-motion__heading {font-size:21px!important;}
 .lx-ui-motion__nodes {gap:8px;}
 .lx-ui-motion__nodes>div {padding:12px 5px;gap:9px;}
 .lx-ui-motion__nodes strong {font-size:13px;}
 .lx-ui-motion__nodes img {height:76px!important;}
 .lx-ui-motion__hub {font-size:14px;padding:11px 16px;}
 .lx-ui-motion__receipt {padding:17px;}
 .lx-ui-motion__receipt>div {font-size:13px;gap:10px;}
 .lx-ui-motion__documents {gap:10px;}
 .lx-ui-motion__documents>div {padding:17px 13px;}
 .lx-ui-motion__event div>span {font-size:11px;}
 .lx-ui-motion__credential {flex-wrap:wrap;}
 .lx-ui-motion__credential .lx-ui-motion__status {margin-left:62px;}
}
