/* SwapThing canonical loading animation: steady box, whole arrows spinning. */
.swapthing-loading,
.swapthing-inline-loading{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  color:var(--ink,#f8fafc);
  font-weight:850;
  letter-spacing:.01em;
}
.swapthing-loading{
  width:100%;
  min-height:76px;
  padding:1rem;
}
.swapthing-loading-mark{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  overflow:visible;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));
}
.swapthing-inline-loading .swapthing-loading-mark{
  width:34px;
  height:34px;
  flex-basis:34px;
}
.swapthing-loading-mark svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
.swapthing-loading-bg{fill:#073763;stroke:rgba(125,211,252,.38);stroke-width:1.5;}
.swapthing-loading-cube{filter:drop-shadow(0 1px 2px rgba(0,0,0,.26));}
.swapthing-loading-cube-top{fill:#ffd84f;stroke:#f3c531;stroke-width:1.25;}
.swapthing-loading-cube-left{fill:#fff;stroke:#eef4fb;stroke-width:1.25;}
.swapthing-loading-cube-right{fill:#f3f7fb;stroke:#e5edf5;stroke-width:1.25;}
.swapthing-loading-arrows{
  transform-box:view-box;
  transform-origin:50px 50px;
  animation:swapthing-logo-arrows-spin 10s linear infinite;
  will-change:transform;
}
.swapthing-loading-arrow,
.swapthing-loading-arrow-tail,
.swapthing-loading-arrow-head{
  fill:none;
  stroke:#fff;
  stroke-linecap:round;
  animation:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.24));
}
.swapthing-loading-arrow{stroke-width:3.8;stroke-dasharray:65 100;stroke-dashoffset:-35;}
.swapthing-loading-arrow-tail{stroke-width:2.15;opacity:.44;stroke-dasharray:40 100;stroke-dashoffset:0;}
.swapthing-loading-arrow-head{stroke-width:3.8;stroke-linejoin:round;}
.swapthing-loading-text{display:inline-block;line-height:1.2;}
.infinite-sentinel .swapthing-loading{min-height:84px;}
.member-hover-loading.swapthing-inline-loading{color:#d8e7df!important;font-weight:850!important;}
@media (prefers-reduced-motion:reduce){
  .swapthing-loading-arrows{animation:none!important;}
}
