.swap-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm)}.swap-item .swap-item-top{display:flex;justify-content:space-between;align-items:center;width:100%}.swap-item .swap-item-top .asset-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--font-size-s)}.swap-item .swap-item-top .asset-preview .icon{position:relative;height:var(--space-xl);aspect-ratio:1}.swap-item .swap-item-top .asset-preview .name{display:flex;flex-direction:column;justify-content:center;align-items:center}.swap-item .swap-item-top .asset-preview .name .asset-name{font-size:var(--font-size-h5)}.swap-item .swap-item-top .asset-preview .name .asset-symbol{line-height:1em;font-size:var(--space-xxs);text-align:center}.swap-item .swap-item-top .asset-preview .amount{font-size:var(--font-size-h5)}.swap-item .swap-item-top .asset-preview .symbol{margin-top:var(--space-xxs)}.swap-item .swap-item-top .shift-state{display:flex;flex-direction:column;justify-content:center;align-items:center}.swap-item .swap-item-top .shift-state .status{text-transform:capitalize}.swap-item .swap-item-top .shift-state .icon-wrapper{position:relative;box-shadow:var(--fluid-shadow);background:var(--color-surface-0);border-radius:50%;height:calc(var(--space-lg) + var(--space-md));width:calc(var(--space-lg) + var(--space-md))}.swap-item .swap-item-top .shift-state .icon-wrapper svg{position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--space-lg);height:auto}.swap-item .swap-item-top .shift-state .icon-wrapper .arrow_svg__down-arrow{rotate:-90deg}.swap-item .swap-item-top .shift-state .status.status-pending{color:var(--caution-color)}.swap-item .swap-item-top .shift-state .status.status-settled{color:var(--success-color)}.swap-item .swap-item-bottom,.swap-item .swap-item-support{display:flex;justify-content:space-between;align-items:center;width:100%}.swap-item .swap-item-support{flex-direction:row}.swap-item .swap-item-support p{font-size:var(--font-size-s);color:var(--text-color)}.swap-history{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;grid-gap:var(--space-sm)}.swap-history .history-top{display:flex;gap:var(--space-sm)}.swap-history .history-top .button-order{display:flex;align-items:center;background:#fff;gap:var(--space-xs);box-shadow:var(--fluid-shadow)}.swap-history .history-top .button-order .icon-wrapper svg{height:var(--space-sm);width:auto}.swap-history .history-top .button-desc svg{rotate:180deg}.swap-history .swap-history-active,.swap-history .swap-history-archived{display:flex;flex-direction:column;height:100%;gap:var(--space-md);overflow:scroll;width:100%}.swap-history .swap-history-empty{display:grid;gap:var(--space-sm);justify-self:center;justify-items:center;align-self:center;height:-moz-fit-content;height:fit-content}.swap-history .swap-history-empty h3,.swap-history .swap-history-empty p{text-align:center}.swap-history .swap-history-empty .button-add-order{width:100%;display:flex;justify-content:center;align-items:center}.swap-history .swap-history-empty .button-add-order .img-wrapper{height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center}.swap-history .swap-history-empty .button-add-order .img-wrapper svg{color:#fff;height:var(--space-md);width:auto;rotate:90deg}