.ticker-viewport{height:var(--row,40px);overflow:hidden}@keyframes ticker5{0%{transform:translateY(0)}15%{transform:translateY(0)}20%{transform:translateY(calc(-1 * var(--row, 40px)))}35%{transform:translateY(calc(-1 * var(--row, 40px)))}40%{transform:translateY(calc(-2 * var(--row, 40px)))}55%{transform:translateY(calc(-2 * var(--row, 40px)))}60%{transform:translateY(calc(-3 * var(--row, 40px)))}75%{transform:translateY(calc(-3 * var(--row, 40px)))}80%{transform:translateY(calc(-4 * var(--row, 40px)))}95%{transform:translateY(calc(-4 * var(--row, 40px)))}to{transform:translateY(calc(-5 * var(--row, 40px)))}}.ticker-col{animation:ticker5 20s infinite;animation-timing-function:ease-in-out;will-change:transform}@media (prefers-reduced-motion:reduce){.ticker-col{animation:none!important;transform:translateY(0)!important}}.spinerItem{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:flex-start}.nameSpiner{font-size:clamp(16px,4vw,50px)}.tokenNameDisplaySelector{display:flex;justify-content:flex-start;flex-direction:column}.dropdown{position:absolute;top:110%;left:0;width:250px;max-height:300px;background:#1f1f2a;color:white;padding:12px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10}.popup-content{background:#140f34;padding:10px 10px 0;border-radius:10px}.popup-overlay{z-index:1;width:max-content;border-radius:10px;right:0;position:absolute;box-shadow:0 0 10px 1px #4b4b4b}.search-input{width:100%;padding:6px 10px;margin-bottom:10px;border-radius:6px;border:none;outline:none;font-size:14px}ul{max-height:200px;overflow-y:auto}.token-item{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:6px}.token-item:hover{background:rgba(255,255,255,.05)}.token-logo{width:40px;height:40px;margin-right:8px}.token-symbol{font-size:12px;color:#aaa}.no-result{padding:8px;text-align:center;color:#888}.refreshQuoteDiv{text-align:end}.refreshQuoteButton{background:none;border:none}.refreshQuoteButtonIcon{color:white;font-size:19px}.formLabelText{font-size:12px;color:#c8c8c8}.tokenSelectorAnchor{position:relative;display:inline-block;height:100%}.sectionInput{margin-top:10px}.tokenSelectorButton{background:none;border:none;padding-right:13px;height:100%;padding-left:13px}.innerDivButtonSelector{display:flex;align-items:center;justify-content:center;gap:5px;font-weight:700;color:white}.tokenlogoselctor{width:25px}.topDivDisplayLabels{display:flex;justify-content:space-between;padding:0 10px}.inputFieldwallet{background:none;border:none;font-size:13px;color:white;width:100%;height:40px;padding-left:10px}.quoteButton{width:100%;padding:1rem;background-color:gray;border:none;border-radius:.5rem;color:rgb(255,255,255);font-weight:700;font-size:1rem;cursor:pointer}.buttonsExhangeDiv{margin-top:30px}.inputField:focus{border-color:inherit;box-shadow:none}.trade-table{display:flex;flex-direction:column;gap:12px;padding:20px;background:#21123f;border-radius:12px;box-shadow:0 0 20px 2px #373060}.trade-row{display:grid;grid-template-columns:180px auto 180px;align-items:center;background:#1f1f35;padding:14px 20px;border-radius:10px;grid-gap:10px;gap:10px}.token-block{display:flex;flex-direction:column;justify-content:center;gap:4px;color:white}.token-top{display:flex;align-items:center;font-weight:600;font-size:16px}.token-top img{width:18px;height:18px;margin-right:8px}.token-bottom{font-size:12px;color:#aaa;padding-left:26px}.arrow{text-align:center;font-size:20px;color:#ccc}.rightsideAligh{align-items:flex-end}@media (max-width:767px){.trade-row{background:#1f1f35;border-radius:10px;grid-template-columns:140px auto 140px;align-items:center;grid-gap:10px;gap:10px;padding:14px 20px;display:grid}}.exchangeTopDiv{width:90%;padding:10px;background:#5252521f;border-radius:20px;border:1px solid #373060}.exchangeForm{padding:30px 20px;border-radius:20px;background:#140f34cc}.inputFields{background:#18152b;border:1px solid #676767;border-radius:10px;flex-direction:row;place-content:center space-between;align-items:center;width:100%;height:50px;margin-bottom:5px;display:flex;align-content:center;justify-content:center}.inputField{background:none;border:none;font-size:18px;color:white;min-width:0;flex:1 1;height:40px;padding-left:10px}.exchangeButton{width:100%;padding:1rem;background-color:#c02ec5;border:none;border-radius:.5rem;color:rgb(255,255,255);font-weight:700;font-size:1rem;cursor:pointer}