/* Asset transmission: layered metal, glass and a sequenced travelling signal. */
.asset-transfer{position:relative;min-width:0;isolation:isolate;overflow:hidden;border-radius:32px;border:1px solid #d7c9ff1b;background:radial-gradient(ellipse at 48% 32%,#31253866,transparent 68%),linear-gradient(145deg,#1a1923,#111217 75%);box-shadow:inset 0 1px #ffffff07,0 28px 70px #0002}
.asset-transfer:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#cfb6f970,transparent)}
.asset-transfer-top{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 0;gap:16px;font-size:10px;letter-spacing:2px;color:#a9a1b9}.asset-transfer-top span:first-child{color:#d7cfe7;font-weight:500}.asset-transfer-top span:last-child{font-size:11px;letter-spacing:1px}
.asset-transfer-scene{display:block;width:100%;height:auto;overflow:visible;margin:-2px 0 -16px}.asset-transfer .at-label{fill:#c2b7d4;font-size:13px;font-family:inherit;letter-spacing:2px}.asset-transfer .at-ticker{fill:#e2d8f8;font-size:11px;font-family:inherit;letter-spacing:3px}
.asset-transfer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px 20px;font-size:11px;color:#82798f;letter-spacing:1px}.asset-transfer-control{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff1c;border-radius:50%;color:#c1b6d3;background:#ffffff03;transition:background .2s,border-color .2s}.asset-transfer-control:hover{background:#c8ace51a;border-color:#c8ace559}.asset-transfer-control svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.at-play-icon{display:none}.is-paused .at-play-icon{display:block}.is-paused .at-pause-icon{display:none}
.at-coin{animation:at-float 7s ease-in-out infinite;transform-origin:320px 165px}.at-coin-shadow{animation:at-shadow 7s ease-in-out infinite}.at-beam{stroke-dasharray:16 84;stroke-linecap:round;animation:at-travel-beam 7s linear infinite}.at-send-glow{animation:at-source 7s ease-in-out infinite}.at-receive-glow{animation:at-arrive 7s ease-in-out infinite}.at-endpoint{animation:at-terminal 7s ease-in-out infinite}.at-to{animation-delay:3.5s}.at-packet{animation:at-packet-travel 7s cubic-bezier(.35,0,.25,1) infinite;opacity:0}.at-packet-two{animation-delay:.3s}.at-packet-three{animation-delay:.6s}
.asset-transfer:not(.is-visible) svg *, .asset-transfer.is-paused svg *{animation-play-state:paused!important}
@keyframes at-float{0%,100%{transform:translateY(2px) rotate(-3deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes at-shadow{0%,100%{opacity:.55}50%{opacity:.28}}
@keyframes at-travel-beam{0%,8%{stroke-dashoffset:20;opacity:0}18%{opacity:.9}72%{opacity:.9}86%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes at-source{0%,70%,100%{opacity:.08}15%,25%{opacity:.75}}
@keyframes at-arrive{0%,50%,100%{opacity:.08}73%,85%{opacity:.85}}
@keyframes at-terminal{0%,100%{opacity:.55}15%,28%{opacity:1}}
@keyframes at-packet-travel{0%,10%{transform:translate(125px,246px) scale(.4);opacity:0}18%{transform:translate(156px,248px) scale(.8);opacity:1}40%{transform:translate(275px,276px) scale(1)}52%{transform:translate(342px,276px) scale(1);opacity:1}74%{transform:translate(483px,248px) scale(.8);opacity:1}82%,100%{transform:translate(515px,246px) scale(.4);opacity:0}}
@media(max-width:800px){.asset-transfer{border-radius:24px}.asset-transfer-top{padding:20px 20px 0}.asset-transfer-bottom{padding:0 18px 16px;letter-spacing:0}.asset-transfer-scene{margin:8px 0 -6px}.asset-transfer-top span:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){.asset-transfer svg *{animation:none!important}.at-packet{display:none}.at-beam{stroke-dasharray:none;opacity:.4}.asset-transfer-control{display:none}}