@keyframes ssc-loading-b7afe194{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.exchanges-rate-wrapper[data-v-b7afe194]{width:100%;height:56px;overflow:hidden;background-color:var(--secondary-light-4);border-bottom:1px solid var(--secondary-light-2);position:relative}.exchanges-rate-wrapper .icon-wrapper[data-v-b7afe194]{position:absolute;height:100%;top:0;display:flex;align-items:center;background-color:var(--secondary-light-4);z-index:1}.exchanges-rate-wrapper .icon-wrapper.left[data-v-b7afe194]{left:0;height:100%}.exchanges-rate-wrapper .icon-wrapper.left[data-v-b7afe194]:before{content:"";width:32px;height:100%;position:absolute;top:0;right:-30px}.exchanges-rate-wrapper .icon-wrapper.right[data-v-b7afe194]{right:0;height:100%}.exchanges-rate-wrapper .icon-wrapper.right[data-v-b7afe194]:before{content:"";width:32px;height:100%;position:absolute;top:0;left:-30px;background:var(--gradient-right-fade)}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper[data-v-b7afe194]{width:100%;height:100%;display:flex;overflow:hidden;cursor:grab}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper.grabing[data-v-b7afe194]{cursor:grabbing;cursor:-webkit-grabbing}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element[data-v-b7afe194]{width:248px;height:100%;padding:16px;display:flex;flex-shrink:0;align-items:center;gap:8px;color:var(--secondary-dark-2);position:relative}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element[data-v-b7afe194]:after{content:"";width:1px;height:40px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:var(--secondary-light-2)}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element svg[data-v-b7afe194]{flex-shrink:0;pointer-events:none}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element .text-wrapper[data-v-b7afe194]{width:100%;display:flex;justify-content:space-between;gap:8px;overflow:hidden;pointer-events:none}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .currency[data-v-b7afe194]{width:100%;display:flex;flex-direction:column;flex-shrink:1;overflow:hidden}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .currency .label[data-v-b7afe194]{width:100%;font-size:14px;font-weight:500}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .currency .description[data-v-b7afe194]{width:100%;font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exchanges-rate-wrapper .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .value[data-v-b7afe194]{width:auto;flex-shrink:0;font-size:12px;font-weight:400}.exchanges-rate-wrapper.mobile[data-v-b7afe194]{height:80px;background-color:var(--secondary-light-3);border-radius:16px 16px 0 0}.exchanges-rate-wrapper.mobile .icon-wrapper[data-v-b7afe194]{background-color:var(--secondary-light-3)}.exchanges-rate-wrapper.mobile .icon-wrapper.left[data-v-b7afe194]:before{background:var(--gradient-left-fade)}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper[data-v-b7afe194]{align-items:center}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper .rate-element[data-v-b7afe194]{width:148px;height:48px;padding:16px;display:flex;flex-shrink:0;gap:8px;color:var(--secondary-dark-2);position:relative}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper .rate-element[data-v-b7afe194]:after{content:"";width:1px;height:40px;position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:var(--secondary-light-2)}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper .rate-element .text-wrapper[data-v-b7afe194]{flex-direction:column;gap:2px}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .currency[data-v-b7afe194]{width:100%;display:flex;flex-direction:column;flex-shrink:1;overflow:hidden}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .currency .label[data-v-b7afe194]{width:100%;font-size:14px;font-weight:500}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .currency .description[data-v-b7afe194]{width:100%;font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exchanges-rate-wrapper.mobile .exchanges-rate-scroll-wrapper .rate-element .text-wrapper .value[data-v-b7afe194]{width:auto;flex-shrink:0;font-size:12px;font-weight:400}