*{box-sizing:border-box;font-family:Inter}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);margin:0}body main.swop-main{padding-top:96px;min-height:100vh}@media (min-width: 992px){body main.swop-main{padding-top:160px}}a{color:inherit}.container{padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;display:flex;flex-direction:column;gap:16px}@media (min-width: 992px){.container{max-width:1100px}}@media (min-width: 992px){.container.container--small{max-width:850px}}@media (min-width: 992px){.container.container--tiny{max-width:600px}}@media (min-width: 992px){.container.container--wide{max-width:1440px}}@media (min-width: 992px){.container.container-mobile{padding-right:unset;padding-left:unset;margin-right:unset;margin-left:unset;display:block;flex-direction:unset;gap:unset;max-width:unset}}.network-name{display:inline-block}.network-name:first-letter{text-transform:uppercase}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width : 600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width : 600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width : 600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.slideout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f0f0fb3;z-index:999;cursor:pointer}.slideout-wrapper{position:fixed;z-index:1000;display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);padding:24px;overflow:hidden;border-radius:0 0 16px 16px;width:400px;height:auto;right:24px;top:0}@media (max-width: 991px){.slideout-wrapper{width:100%;height:auto;max-height:90vh;right:unset;position:fixed}}.slideout-panel{width:100%;height:100%;overflow:auto}.slideout-enter-active,.slideout-leave-active{transition:transform .3s ease,opacity .3s ease}.slideout-enter-from,.slideout-leave-to{transform:translateY(-100%);opacity:0}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.toggle-dark-light{display:flex}.toggle-dark-light label{width:62.5px;height:25px;position:relative;display:block;background:var(--color-bg-tertiary);border-radius:50vh;box-shadow:inset 0 1px 3px var(--color-card-shadow),inset 0 -1px 3px var(--color-bg-overlay);cursor:pointer;transition:.3s}.toggle-dark-light label:after{content:"";width:36%;height:90%;position:absolute;top:5%;left:2%;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px var(--color-card-shadow);transition:.3s}.toggle-dark-light input{width:0;height:0;visibility:hidden}.toggle-dark-light input:checked+label{background:var(--color-bg-primary)}.toggle-dark-light input:checked+label:after{left:98%;transform:translate(-100%);background:linear-gradient(180deg,var(--color-text-secondary),var(--color-bg-tertiary))}.toggle-dark-light label:active:after{width:52%}.toggle-dark-light input:checked+label+.background{background:var(--color-bg-primary)}.toggle-dark-light label svg{position:absolute;width:24%;top:20%;z-index:100}.toggle-dark-light label svg.sun{left:8%;fill:var(--color-text-inverse);transition:.3s}.toggle-dark-light label svg.moon{left:68%;fill:var(--color-text-secondary);transition:.3s}.toggle-dark-light input:checked+label svg.sun{fill:var(--color-text-secondary)}.toggle-dark-light input:checked+label svg.moon{fill:var(--color-text-inverse)}.swop-loading[data-v-ad086a2f]{display:inline-block;position:relative}.swop-loading div[data-v-ad086a2f]{animation:swop-loading-ad086a2f 1.2s cubic-bezier(.5,0,.5,1) infinite;position:absolute}.swop-loading div[data-v-ad086a2f]:after{content:" ";display:block;position:absolute;width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:currentColor;margin:calc(var(--dot-size) / -2) 0 0 calc(var(--dot-size) / -2);top:var(--dot-position-top);left:var(--dot-position-left)}.swop-loading div[data-v-ad086a2f]:nth-child(1){color:var(--color-text-tertiary)}.swop-loading div[data-v-ad086a2f]:nth-child(2){color:var(--color-text-secondary)}.swop-loading div[data-v-ad086a2f]:nth-child(3){color:var(--color-text-primary)}.swop-loading div[data-v-ad086a2f]:nth-child(4){color:var(--color-text-primary)}@keyframes swop-loading-ad086a2f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.swop-button{border-radius:12px;padding:16px;font-weight:700;font-size:18px;letter-spacing:.15px;border:0;min-height:59px;position:relative;background-color:var(--color-button-primary);color:var(--color-text-primary);transition:all .2s ease}.swop-button.swop-button--alternative{padding:8px;min-height:unset;font-weight:unset;font-size:12px;background-color:var(--color-button-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}@media (min-width: 992px){.swop-button.swop-button--alternative{padding:8px 16px;font-size:14px}}.swop-button .swop-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swop-button:hover,.swop-button:focus{cursor:pointer;background-color:var(--color-button-primary-hover)}.swop-button:active{box-shadow:inset 4px 4px 2px #00000040}.swop-button.swop-button--block{width:100%;display:block}.swop-button.swop-button--outlined{background-color:transparent;border:1px solid var(--color-button-primary);color:var(--color-button-primary)}.swop-button.swop-button--outlined:hover,.swop-button.swop-button--outlined:focus{background-color:var(--color-button-primary);color:var(--color-text-inverse)}.swop-button.swop-button--disabled{border:1px solid var(--color-border-secondary);color:var(--color-text-tertiary);background-color:var(--color-button-disabled)}.swop-button.swop-button--disabled:hover,.swop-button.swop-button--disabled:active,.swop-button.swop-button--disabled:focus{cursor:not-allowed;background-color:var(--color-button-disabled)}@keyframes gradientFlow{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:-100% 0}}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}[data-theme=dark]{--color-connect-button--disconnected: var(--color-based-blue);--font-color-connect-button--disconnected: var(--color-bright-white);--color-connect-button--connected: var(--color-midnight-black);--font-color-connect-button--connected: var(--color-bright-white);--color-connect-button-border--connected: var(--color-very-light-grey);--color-connect-button-hovered--connected: var(--color-midnight-black-hovered)}.swop-button.connect-button--disconnected{background-color:var(--color-connect-button--disconnected);color:var(--font-color-connect-button--disconnected)}.swop-button.connect-button--connected{background-color:var(--color-connect-button--connected);border:1px solid var(--color-connect-button-border--connected);color:var(--font-color-connect-button--connected)}.swop-button.connect-button--connected:hover,.swop-button.connect-button--connected:focus,.swop-button.connect-button--connected:active{background-color:var(--color-connect-button-hovered--connected);cursor:pointer}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.social-badge{display:flex;align-items:center;flex:0 1 0;height:100%;box-sizing:border-box;transition:all .2s ease}.social-badge .social-badge-icon{display:flex}.social-badge .social-badge-icon svg{fill:var(--color-text-secondary)}.social-badge:hover,.social-badge:active,.social-badge:focus{cursor:pointer;border-color:var(--color-text-primary)}.social-badge:hover svg,.social-badge:active svg,.social-badge:focus svg{fill:var(--color-text-primary)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}svg{fill:var(--color-text-secondary);transition:fill .2s ease}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.dropdown-container{position:relative;display:inline-block;width:100%}.dropdown-container.dropdown--alternative .dropdown-menu{position:unset;width:unset;min-width:160px;box-shadow:unset;border:1px solid var(--color-border-primary);background-color:unset}.dropdown-menu{position:absolute;top:100%;margin-top:8px;min-width:220px;background-color:var(--color-dropdown-bg);color:var(--color-text-primary);border-radius:8px;box-shadow:0 8px 16px var(--color-card-shadow);z-index:100;padding:8px 0;left:-170px;border:1px solid var(--color-dropdown-border)}.dropdown-section{padding:8px 16px;color:var(--color-text-tertiary);font-size:14px}.dropdown-item{width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-text-primary)}.dropdown-item:hover{background-color:var(--color-dropdown-hover)}.dropdown-item.active{font-weight:700}.dropdown-enter-active,.dropdown-leave-active{transition:all .2s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-10px)}.dropdown-enter-to,.dropdown-leave-from{opacity:1;transform:translateY(0)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-overlay);z-index:96;display:none}@media (max-width: 768px){.menu-overlay{display:block}}.slide-menu{position:fixed;border-top-right-radius:12px;border-bottom-right-radius:12px;top:0;gap:16px;left:-210px;width:210px;height:auto;background:var(--color-bg-secondary);z-index:99;transition:transform .3s ease;padding:16px 24px 24px;display:flex;flex-direction:column;border:1px solid var(--color-border-primary)}.slide-menu.is-open{transform:translate(180px);left:-180px}.slide-menu .menu-items{display:flex;flex-direction:column;gap:16px}.slide-menu .menu-items a{font-size:24px;font-weight:700;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease}.slide-menu .menu-items a:active,.slide-menu .menu-items a:focus,.slide-menu .menu-items a:hover{color:var(--color-text-primary)}.slide-menu .menu-items a.router-link-active{color:var(--color-text-primary)}.slide-menu__header{text-align:right}.slide-menu__header svg{fill:var(--color-text-secondary);transition:fill .2s ease}.slide-menu__header svg:active,.slide-menu__header svg:focus,.slide-menu__header svg:hover{fill:var(--color-text-primary);cursor:pointer}.slide-menu__footer{margin-top:auto}.slide-menu__footer .menu-socials{display:flex;gap:16px}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}header.swop-header{z-index:10;position:fixed;width:100%}header.swop-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:0;pointer-events:none;mask-image:linear-gradient(to top,#0000,#000 40%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgb(0,0,0) 40%)}header.swop-header .navbar{z-index:3;box-sizing:border-box;background-color:transparent;transform:translateZ(0);transition:transform .3s ease,visibility 0s .3s linear}header.swop-header .navbar .navbar-inner{display:flex;justify-content:center;min-height:45px;box-sizing:border-box;height:100%;align-items:center;position:relative;padding:32px 24px}@media (min-width: 768px){header.swop-header .navbar .navbar-inner{padding:40px 24px}}header.swop-header .navbar .navbar-inner .navbar-start{position:absolute;left:24px;display:flex;gap:24px}header.swop-header .navbar .navbar-inner .navbar-start a{font-size:16px;color:var(--color-text-primary);text-decoration:none;font-weight:700;transition:opacity .2s ease}header.swop-header .navbar .navbar-inner .navbar-start a:not(:active):not(:focus):not(:hover):not(.router-link-active){opacity:.7}header.swop-header .navbar .navbar-inner .navbar-start a:active,header.swop-header .navbar .navbar-inner .navbar-start a:focus,header.swop-header .navbar .navbar-inner .navbar-start a:hover,header.swop-header .navbar .navbar-inner .navbar-start a.router-link-active{opacity:1}header.swop-header .navbar .navbar-inner .navbar-center{display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (min-width: 768px){header.swop-header .navbar .navbar-inner .navbar-center img{width:100px}}header.swop-header .navbar .navbar-inner .navbar-end{position:absolute;right:24px;display:flex;height:100%;gap:32px;align-items:center}header.swop-header .navbar .navbar-inner .navbar-end .desktop-socials{display:flex;flex-direction:row;align-items:center;gap:32px;padding:0 8px}header.swop-header .navbar .navbar-inner .navbar-end .desktop-socials .social-badge{display:inline-flex;display:flex;align-items:center;justify-content:center}header.swop-header .navbar .navbar-inner .navbar-end .desktop-socials .social-badge svg{width:auto;height:auto;fill:#fff}.icon-button{border:0;width:25px;border-radius:25px;display:flex;height:25px;justify-content:center;align-items:center;background-color:var(--color-button-secondary)}.icon-button:active,.icon-button:focus,.icon-button:hover{cursor:pointer;background-color:var(--color-button-primary-hover)}.icon-button:active svg,.icon-button:focus svg,.icon-button:hover svg{fill:var(--color-text-primary)}.icon-button svg{fill:var(--color-text-primary)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.copy-wrapper{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);transition:all .2s ease}.copy-wrapper:hover,.copy-wrapper:active,.copy-wrapper:focus{cursor:pointer;color:var(--color-text-secondary)}.copy-wrapper .address{font-size:20px;font-weight:700;word-break:break-all;color:var(--color-text-primary)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.reown-wallet-display{display:flex;flex-direction:column;gap:16px;align-items:center}.connected-wallet-wrapper{display:flex;flex-direction:row;gap:16px;align-items:center}.connected-wallet-wrapper .connected-wallet-icon{background-color:var(--color-bg-secondary);padding:8px;border-radius:12px;border:1px solid var(--color-border-primary);display:flex;align-items:center;justify-content:center}.connected-wallet-wrapper .connected-wallet-icon img{height:33px;width:33px;display:flex}.connected-wallet-wrapper .connected-wallet-icon .default-wallet-icon,.connected-wallet-wrapper .connected-wallet-icon .solana-wallet-icon{height:33px;width:33px;display:flex;align-items:center;justify-content:center;font-size:24px}.connected-wallet-wrapper .wallet-info{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.connected-wallet-wrapper .wallet-info .wallet-name{font-size:14px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.connected-wallet-wrapper .wallet-info .connect-wallet-copy{font-size:12px}.connected-wallet-wrapper .wallet-info .connect-wallet-copy :deep(.copy-button-text){font-size:12px}.disconnect-button{align-self:center;width:auto;font-size:14px;min-height:unset;padding:8px 16px;background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.disconnect-button span{display:flex;flex-direction:row;align-items:center;gap:8px}:root,[data-theme=default]{--color-connect-button--disconnected: var(--color-midnight-black);--font-color-connect-button--disconnected: var(--color-bright-white);--color-connect-button--connected: var(--color-bright-white);--font-color-connect-button--connected: var(--color-text-primary);--color-connect-button-border--connected: var(--color-grey);--color-connect-button-hovered--connected: var(--color-bright-white-hovered)}[data-theme=dark]{--color-connect-button--disconnected: var(--color-based-blue);--font-color-connect-button--disconnected: var(--color-bright-white);--color-connect-button--connected: var(--color-midnight-black);--color-connect-button--connected: var(--color-bright-white);--color-connect-button-border--connected: var(--color-very-light-grey);--color-connect-button-hovered--connected: var(--color-midnight-black-hovered)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.swop-main.default-layout{gap:40px;padding-bottom:24px}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.swop-footer-wrapper{position:relative;overflow:hidden;color:#1f1f1f;padding:0 16px}.swop-footer-wrapper.swop-footer-wrapper--dark{color:#f9f9fa}.swop-footer-wrapper.swop-footer-wrapper--dark .swop-footer-copyright,.swop-footer-wrapper.swop-footer-wrapper--dark .footer-links a{color:#f9f9fa!important}.swop-footer-wrapper.swop-footer-wrapper--dark .footer-links a:hover,.swop-footer-wrapper.swop-footer-wrapper--dark .footer-links a:focus,.swop-footer-wrapper.swop-footer-wrapper--dark .footer-links a:active{color:#fff!important}.swop-footer-wrapper.swop-footer-wrapper--dark .swop-footer-title,.swop-footer-wrapper.swop-footer-wrapper--dark .swop-footer-slogan{color:#f9f9fa!important}@media (min-width: 992px){.swop-footer-wrapper{padding:unset}}.swop-footer-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:0;pointer-events:none;mask-image:linear-gradient(to bottom,#0000,#000 40%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgb(0,0,0) 40%)}.swop-footer-wrapper .swop-footer{position:relative;z-index:1;display:flex;flex-direction:column;gap:45px;font-size:16px;max-width:750px;padding:56px 0}@media (min-width: 992px){.swop-footer-wrapper .swop-footer{flex-direction:row;margin:0 auto;gap:72px;align-items:flex-start;justify-content:center;max-width:1000px}}.swop-footer-wrapper .swop-footer .partner-img{width:150px}.swop-footer-wrapper .swop-footer .swop-footer-column{display:flex;flex-direction:column;gap:16px;align-items:flex-start}@media (min-width: 992px){.swop-footer-wrapper .swop-footer .swop-footer-column{align-items:flex-start;text-align:left}}.swop-footer-wrapper .swop-footer .swop-footer-column .swop-footer-logo{width:60px}.swop-footer-wrapper .swop-footer .footer-section{display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media (min-width: 992px){.swop-footer-wrapper .swop-footer .footer-section{align-items:flex-start;text-align:left}}.swop-footer-wrapper .swop-footer .footer-section2{display:flex;flex-direction:column;gap:32px;align-items:flex-start}@media (min-width: 992px){.swop-footer-wrapper .swop-footer .footer-section2{align-items:flex-start}}.swop-footer-wrapper .swop-footer .swop-footer-slogan{font-size:16px;font-weight:600;margin-top:4px;color:var(--color-text-primary)}.swop-footer-wrapper .swop-footer .swop-footer-copyright{color:var(--color-text-secondary);margin-top:auto;font-size:14px;font-weight:400}.swop-footer-wrapper .swop-footer .swop-footer-title{color:var(--color-text-primary);letter-spacing:1%;font-weight:600;font-size:14px}.swop-footer-wrapper .swop-footer .footer-links{display:flex;flex-direction:column;gap:18px;align-items:flex-start}@media (min-width: 992px){.swop-footer-wrapper .swop-footer .footer-links{align-items:flex-start}}.swop-footer-wrapper .swop-footer .footer-links a{color:var(--color-text-secondary);text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:14px;transition:color .2s ease}.swop-footer-wrapper .swop-footer .footer-links a:hover,.swop-footer-wrapper .swop-footer .footer-links a:focus,.swop-footer-wrapper .swop-footer .footer-links a:active{color:var(--color-text-primary);opacity:1}.socials-wrapper{display:flex;gap:32px;align-items:center}@media (min-width: 992px){.socials-wrapper{justify-content:flex-start}}.socials-wrapper .social-badge .social-badge-icon svg{fill:var(--color-text-secondary);transition:fill .2s ease}.socials-wrapper .social-badge .social-badge-icon:hover svg{fill:var(--color-text-primary)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.slideout-panel-body{color:var(--color-text-primary)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.swop-card{border-radius:12px;padding:12px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.swop-card .swop-card__title{font-size:20px;color:var(--color-text-primary)}@media (min-width: 992px){.swop-card .swop-card__title{font-size:36px}}.swop-card .swop-card__subtitle{font-size:14px;color:var(--color-text-secondary);font-weight:200}@media (min-width: 992px){.swop-card .swop-card__subtitle{font-size:16px}}.swop-card p{font-size:16px;color:var(--color-text-primary)}svg[data-v-54e56bc2]{color:var(--color-text-primary)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.swop-input{display:flex;flex-direction:column}.swop-input.swop-input--loading{pointer-events:none}.swop-input.swop-input--loading input{opacity:0}.swop-input.swop-input--disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.swop-input.swop-input--disabled label{color:var(--color-text-tertiary)!important}.swop-input.swop-input--disabled .swop-input__body{background:var(--color-button-disabled);border-color:var(--color-border-secondary)}.swop-input.swop-input--disabled .swop-input__body input{color:var(--color-text-tertiary);cursor:not-allowed}.swop-input.swop-input--disabled .swop-input__body .prefix-icon{color:var(--color-text-tertiary)}.swop-input label{font-size:16px;margin-bottom:8px;color:var(--color-text-primary)}.swop-input .swop-input__body{display:flex;position:relative;align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:8px;transition:all .2s ease}.swop-input .swop-input__body.size--medium{padding:16px 8px}.swop-input .swop-input__body.size--small{padding:8px}.swop-input .swop-input__body.swop-input--focused{border-color:var(--color-border-focus);background-color:var(--color-bg-primary)}.swop-input .swop-input__body input{border:none;background:none;outline:none;flex:1;width:100%;font-size:16px;color:var(--color-text-primary)}.swop-input .swop-input__body input::placeholder{color:var(--color-text-tertiary);font-size:16px}.swop-input .swop-input__body .prefix-icon{font-size:20px;color:var(--color-text-secondary);display:flex;margin-right:8px}.swop-input .swop-input__body .suffix-spinner{display:flex;align-items:center;margin-left:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.token-info-card-wrapper{padding:8px 32px 8px 8px;display:flex;align-items:center;gap:12px;border-radius:12px;min-height:86px;background-color:var(--color-bg-secondary);transition:all .2s ease}.token-info-card-wrapper:hover,.token-info-card-wrapper:active,.token-info-card-wrapper:focus-visible{cursor:pointer;background-color:var(--color-bg-tertiary)}.token-info-card-wrapper.fixed{padding:12px 8px}.token-info-card-wrapper .coin-selected{display:flex;gap:12px;align-items:center}.token-info-card-wrapper .no-coin-selected{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;padding:8px;color:var(--color-text-primary)}.token-info-card-wrapper .no-coin-selected:hover,.token-info-card-wrapper .no-coin-selected:active,.token-info-card-wrapper .no-coin-selected:focus-visible{cursor:pointer;color:var(--color-text-primary)}.token-info-card-wrapper .token-info-card-name-network .token-info-card-name{font-size:16px;font-weight:700;color:var(--color-text-primary)}.token-info-card-wrapper .token-info-card-name-network .token-info-card-network{font-size:12px;color:var(--color-text-secondary)}.token-info-card-wrapper .token-info-card-name-network .token-info-card-network:first-letter{text-transform:uppercase}.token-info-card-wrapper .token-info-card-image{position:relative}.token-info-card-wrapper .token-info-card-image .coin-img{width:58px;height:58px;border-radius:58px}.token-info-card-wrapper .token-info-card-image .network-img{height:25px;width:25px;position:absolute;bottom:0;right:-5px}.token-info-card-wrapper .token-info-card-price{margin-left:auto;font-size:20px;position:relative;min-width:100px;text-align:right;color:var(--color-text-primary)}.token-info-card-wrapper .token-info-card-price .token-info-card-price-info{position:absolute;right:0;font-size:12px;color:var(--color-text-secondary)}.token-info-card-wrapper .token-info-fixed-shift{margin-left:auto;text-align:right;display:flex;flex-direction:column;gap:4px;color:var(--color-text-secondary)}.token-info-card-wrapper .token-info-fixed-shift:hover,.token-info-card-wrapper .token-info-fixed-shift:active,.token-info-card-wrapper .token-info-fixed-shift:focus{cursor:default}.token-info-card-wrapper .token-info-fixed-shift .swop-input input{text-align:right;width:100%;font-size:24px}.token-info-card-wrapper .token-info-fixed-shift .swop-input input::placeholder{font-size:24px}.token-info-card-wrapper .token-info-fixed-shift .amount-value{font-size:12px}:root{--color-white: #FFFFFF;--color-black: #000000;--color-bg-primary: #F7F7F7;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F0F0F0;--color-bg-overlay: rgba(255, 255, 255, .7);--color-bg-overlay-60: rgba(255, 255, 255, .6);--color-border-primary: #F2F2F2;--color-border-secondary: #E5E5E5;--color-border-focus: #007AFF;--color-text-primary: #1F1F1F;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-text-inverse: #FFFFFF;--color-button-primary: #2D2D2D;--color-button-primary-hover: var(--color-bg-tertiary);--color-button-secondary: #FFFFFF;--color-button-secondary-hover: #F5F5F5;--color-button-disabled: #D6D6D6;--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-info: #007AFF;--color-token-component: #F0F0F0;--color-navbar-border: rgba(0, 0, 0, .1);--color-card-shadow: rgba(0, 0, 0, .1);--color-dropdown-bg: #FFFFFF;--color-dropdown-border: #E5E5E5;--color-dropdown-hover: #F5F5F5;--color-stepper-bg: #FBEFE5;--color-active-shadow: rgba(0, 0, 0, .1);--color-section-box: #FFFFFF;--timeline-active-color: #000000;--color-bg: var(--color-bg-primary);--color-border: var(--color-border-primary);--color-light-grey: var(--color-button-disabled)}[data-theme=dark]{--color-white: #FFFFFF;--color-black: #000000;--color-bg-primary: #1A1A1A;--color-bg-secondary: #2D2D2D;--color-bg-tertiary: #404040;--color-bg-overlay: rgba(31, 31, 31, .6);--color-bg-overlay-60: rgba(31, 31, 31, .6);--color-border-primary: #0F0F0F;--color-border-secondary: #0F0F0F;--color-border-focus: #0A84FF;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-tertiary: #999999;--color-text-inverse: #1F1F1F;--color-button-primary: #007AFF;--color-button-primary-hover: rgb(61, 61, 61);--color-button-secondary: #2D2D2D;--color-button-secondary-hover: #404040;--color-button-disabled: #555555;--color-success: #30D158;--color-warning: #FF9F0A;--color-error: #FF453A;--color-info: #0A84FF;--color-token-component: #2D2D2D;--color-navbar-border: rgba(255, 255, 255, .1);--color-card-shadow: rgba(0, 0, 0, .3);--color-dropdown-bg: #2D2D2D;--color-dropdown-border: #0F0F0F;--color-dropdown-hover: #404040;--color-stepper-bg: #2E2723;--color-active-shadow: rgba(255, 255, 255, .2);--color-section-box: #272727;--timeline-active-color: #FFFFFF;--color-bg: var(--color-bg-primary);--color-border: var(--color-border-primary);--color-light-grey: var(--color-button-disabled)}@font-face{font-family:Inter;src:url(/fonts/Inter.ttf)}@font-face{font-family:InstrumentSerif-Italic;src:url(/fonts/InstrumentSerif-Italic.ttf)}@font-face{font-family:InstrumentSerif-Regular;src:url(/fonts/InstrumentSerif-Regular.ttf)}@font-face{font-family:DmSans;src:url(/fonts/DMSans.ttf)}.inner-container{position:relative;border-radius:12px;display:flex;flex-direction:column;gap:16px}.inner-container.with-background{background-color:var(--color-bg-overlay);padding:16px;margin:-16px}@media (min-width: 768px){.inner-container.with-background{padding:24px 12px;margin-left:auto;margin-right:auto;margin-top:unset;margin-bottom:unset}}@media (min-width: 768px){.inner-container{padding:24px 12px;width:100%;max-width:541px;margin-left:auto;margin-right:auto}}.card-title{font-size:16px;color:var(--color-text-primary)}.swap-icon{border-radius:20px;background-color:var(--color-bg-secondary);width:46px;height:35px;display:flex;justify-content:center;align-items:center;border:1px solid var(--color-border-primary);position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;transition:all .2s ease}.swap-icon:hover,.swap-icon:active,.swap-icon:focus{background-color:var(--color-bg-tertiary);cursor:pointer}.swop-trade-component{display:flex;flex-direction:column;gap:12px}.swop-tabs{display:flex;flex-direction:row;gap:16px;font-size:16px;margin-left:8px}.swop-tabs .swop-tab{color:var(--color-text-secondary);font-weight:700;transition:all .2s ease}.swop-tabs .swop-tab:hover,.swop-tabs .swop-tab:focus,.swop-tabs .swop-tab:active{color:var(--color-text-primary);cursor:pointer}.swop-tabs .swop-tab.active{color:var(--color-text-primary);font-weight:700}.import-from-wallet{color:var(--color-text-secondary);font-size:12px;text-align:right;text-decoration:underline;transition:all .2s ease}.import-from-wallet:active,.import-from-wallet:focus,.import-from-wallet:hover{color:var(--color-text-primary);cursor:pointer}.rate-display{color:var(--color-text-secondary);font-size:12px;background-color:var(--color-bg-overlay-60);border-radius:12px;padding:12px;font-size:15px;box-sizing:border-box;text-align:center}