.rc-art{min-width:0;margin:0}
.rc-scene{position:relative;aspect-ratio:720/490;isolation:isolate}
.rc-sources{position:absolute;inset:0 0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%;padding:0 3%}
.rc-source{position:relative;display:block;padding:16px 17px 0;min-width:0;text-align:left;background:#ffffffa0;border:1px solid #e6d8cc;border-radius:5px;color:var(--ink);cursor:pointer;transition:border-color .35s,box-shadow .35s,transform .35s,background .35s;font-family:inherit}
.rc-source.is-active{border-color:#c5764d;background:#fff;box-shadow:0 6px 20px #bd512c0a;transform:translateY(-3px)}
.rc-source-type{display:block;font-size:9px;color:#a18b7a;line-height:1.5}
.rc-source>b{display:block;font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.04em;margin-top:8px;white-space:nowrap}
.rc-source>b.rc-history-name{font-size:19px;line-height:1.65;letter-spacing:-.045em}
.rc-source-lines{display:grid;gap:6px;margin-top:17px;margin-bottom:16px}
.rc-source-lines i{height:3px;background:#e9e1d9;width:94%;transition:background .5s}.rc-source-lines i:nth-child(2){width:75%}.rc-source-lines i:last-child{width:85%}
.rc-source.is-active .rc-source-lines i:nth-child(2){background:#d79568}
.rc-source-state{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #efe5dd;padding:10px 0;font-size:10px;color:#9a806b;line-height:1.3}
.rc-source-state>i{font-style:normal;color:var(--orange)}
.rc-scene .rc-routing{position:absolute;inset:0;width:100%;height:100%;fill:none;overflow:visible;z-index:-1}
.rc-route{stroke:#dfcdbd;stroke-width:1.1}.rc-trace{stroke:#bd512c;stroke-width:1.5;opacity:.6;stroke-linecap:round}
.rc-packet rect{fill:#fffaf5;stroke:#bd512c;stroke-width:1.2}.rc-packet path{stroke:#bd512c;stroke-width:1.3}.rc-request{fill:#bd512c}
.rc-action{position:absolute;top:46.5%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;white-space:nowrap;color:#a65c35;background:var(--soft);padding:4px 10px;border-radius:20px}
.rc-action>i{width:4px;height:4px;border-radius:50%;background:var(--orange)}
.rc-research{position:absolute;left:16%;right:16%;top:60%;background:#fff;border:1px solid #dcbda5;border-top:2px solid var(--orange);padding:20px 23px 18px;box-shadow:0 9px 24px #71503407;border-radius:3px}
.rc-research-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.rc-research-top>b{font-size:18px;font-weight:500;letter-spacing:-.035em}.rc-research-top>span{font-size:10px;color:#aa8e78}
.rc-research h3{font-size:19px;font-weight:400;line-height:1.5;margin:15px 0 17px;letter-spacing:-.02em}
.rc-arrival{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#fff7ef;border:1px solid #f0dbc9;opacity:0;transform:translateY(-8px);transition:opacity .5s,transform .5s}
.rc-scene[data-phase=received] .rc-arrival{opacity:1;transform:translateY(0)}
.rc-arrival-icon{color:var(--orange);font-size:21px;line-height:1}.rc-arrival>div{flex:1;min-width:0}.rc-material-title{display:block;font-size:12px;font-weight:400;line-height:1.5}.rc-origin{display:block;font-size:9px;color:#b1815b;margin-top:4px;line-height:1.5}.rc-check{font-size:14px;color:var(--orange)}
.rc-destination-lines{display:grid;gap:6px;margin-top:15px}.rc-destination-lines>i{display:block;height:3px;background:#eae3dc;width:92%}.rc-destination-lines>i:last-child{width:70%}
.rc-art figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:17px;font-size:10px;line-height:1.8;color:#a6917f}
@media(max-width:760px){.rc-scene{margin-bottom:36px}}
@media(min-width:761px) and (max-width:1100px){.rc-source{padding:12px 11px 0}.rc-source>b{font-size:22px}.rc-source>b.rc-history-name{font-size:16px}.rc-source-type{font-size:8px}.rc-source-lines{margin-top:13px;margin-bottom:12px;gap:4px}.rc-source-state{font-size:9px;padding-block:8px}.rc-research{padding:15px 17px}.rc-research h3{font-size:17px;margin-block:12px}.rc-research-top>b{font-size:16px}.rc-material-title{font-size:11px}.rc-arrival{padding:8px 10px}.rc-art figcaption{margin-top:32px;font-size:9px}.rc-action{font-size:10px}}
@media(max-width:760px){.rc-scene{aspect-ratio:720/570}.rc-sources{gap:5%;padding-inline:0}.rc-source{padding:10px 9px 0}.rc-source-type{font-size:7px;white-space:nowrap}.rc-source>b{font-size:20px;margin-top:6px}.rc-source>b.rc-history-name{font-size:14px;line-height:1.7}.rc-source-lines{gap:4px;margin-top:13px;margin-bottom:12px}.rc-source-lines i{height:2px}.rc-source-state{font-size:8px;padding-block:8px;gap:2px}.rc-action{font-size:9px;padding:3px 6px;top:46%}.rc-research{left:8%;right:8%;top:58%;padding:14px 14px 13px}.rc-research-top>b{font-size:16px}.rc-research-top>span{font-size:9px}.rc-research h3{font-size:16px;margin:11px 0 12px}.rc-arrival{padding:8px 9px;gap:7px}.rc-material-title{font-size:11px}.rc-origin{font-size:8px}.rc-destination-lines{margin-top:11px;gap:5px}.rc-destination-lines>i{height:2px}.rc-art figcaption{margin-top:29px;gap:12px;font-size:9px}.rc-art figcaption>span:last-child{text-align:right}}
@media(max-width:760px){.rc-scene{margin-bottom:0}.rc-art figcaption{margin-top:66px}}