.light-theme{--white:#fff;--black:#fff;--gray-1:#a7a7a7;--gray-2:#7e7e7e;--cyan-1:#00b19e;--red-1:#f65549;--background:#ebecec;--layer:#0017160a;--layer-hover:#00171614;--overlay:#1f1f1fb3;--verified-badge-bg:#ceeefe;--verified-badge-tick-color:#0d7fff;--text-main:#141414;--text-light:#7e7e7e;--text-lighter:#a7a7a7}.dark-theme{--white:#141414;--black:#141414;--gray-1:#a7a7a7;--gray-2:#7e7e7e;--cyan-1:#00b19e;--red-1:#f65549;--background:#212121;--layer:#ffffff0a;--layer-hover:#00171614;--overlay:#1f1f1f80;--verified-badge-bg:#1a304a;--verified-badge-tick-color:#48a7fe;--text-main:#fff;--text-light:#7e7e7e;--text-lighter:#a7a7a7}@font-face{font-family:Milan;src:url(/assets/Milan-Bold-5mo2HSNH.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Milan;src:url(/assets/Milan-SemiBold-CKNraMij.otf)format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Milan;src:url(/assets/Milan-Medium-CA4bH8Ld.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Milan;src:url(/assets/Milan-Regular-BaY2mQ6z.ttf)format("truetype");font-weight:400;font-style:normal}:root{--page-height:488px;--widget-height:488px;--widget-width:320px;--container-border-radius:16px}.typography--h1{letter-spacing:-1.61px;font-family:Milan;font-size:72px;font-weight:500;line-height:1.2em}.typography--h2{letter-spacing:-1.16px;font-family:Milan;font-size:52px;font-weight:500;line-height:1.2em}.typography--h2-small{letter-spacing:-1.16px;font-family:Milan;font-size:44px;font-weight:500;line-height:52.8px}.typography--h3{letter-spacing:-.79px;font-family:Milan;font-size:36px;font-weight:400;line-height:1.2em}.typography--h4{letter-spacing:-.47px;font-family:Milan;font-size:24px;font-weight:400;line-height:1.5em}.typography--body-large{letter-spacing:-.22px;font-family:Milan;font-size:17px;font-weight:500;line-height:2em}.typography--body{letter-spacing:-.13px;font-family:Milan;font-size:15px;font-weight:400;line-height:1.6em}.typography--body-medium{letter-spacing:-.13px;font-family:Milan;font-size:15px;font-weight:500;line-height:24px}.typography--body-bold{letter-spacing:-.13px;font-family:Milan;font-size:15px;font-weight:700;line-height:1.6em}.typography--label{letter-spacing:-.04px;font-family:Milan;font-size:13px;font-weight:500;line-height:1.85em}.typography--subhead{letter-spacing:.05px;font-family:Milan;font-size:11px;font-weight:400;line-height:1.45em}.text-color--main{color:var(--text-main)}.text-color--light{color:var(--text-light)}.text-color--lighter{color:var(--text-lighter)}.is-centered{text-align:center}.is-uppercased{text-transform:uppercase}.is-capitalized{text-transform:capitalize}button{color:var(--text-main);cursor:pointer;background-color:#0000;border:none;transition:all .2s}button .spinner{width:20px;height:20px;position:absolute;top:15px;right:14px}button:disabled{color:var(--text-light);background-color:var(--layer);cursor:not-allowed}.button--primary{letter-spacing:-.22px;color:var(--white);background-color:var(--cyan-1);border-radius:8px;padding:8px 12px;font-family:Milan;font-size:17px;font-weight:500;line-height:2em;position:relative}.button--primary .spinner{border-color:var(--layer);border-bottom-color:var(--white)}.button--link{letter-spacing:-.13px;color:var(--text-main);border-bottom:2px dotted var(--gray-1);font-family:Milan;font-size:15px;font-weight:400;line-height:1.6em}.button--fluid{width:100%}input{color:var(--text-main);border:none}input::placeholder{color:var(--text-light)}input:focus{outline:none}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:before,:after{box-sizing:border-box}ul,ol,li{list-style-type:none}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}body{letter-spacing:-.13px;color:var(--text-main);background:var(--swap-widget-iframe-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Milan;font-size:15px;font-weight:400;line-height:1.6em}body::-webkit-scrollbar{display:none}body{transition:font-size .2s ease-in-out}a{color:var(--link-primary);text-decoration-style:dotted;-webkit-text-decoration-color:var(--gray-1);text-decoration-color:var(--gray-1);text-underline-offset:6px}input,textarea,button,select,a,li{-webkit-tap-highlight-color:#0000}html,body{max-width:100%;overflow-x:hidden}.swap-container{height:var(--page-height);background-color:var(--background);border-radius:var(--container-border-radius);transition:all .2s;overflow:hidden}.select-asset{padding:16px 0}.select-asset__header{grid-template-columns:1fr 3fr 1fr;padding:0 20px;display:grid}.select-asset__list-container{max-height:350px;padding-left:20px;overflow-y:auto}.select-asset__title{margin-bottom:8px}.select-asset__search-container{background-color:var(--layer);border-radius:8px;align-items:center;gap:8px;margin:24px 20px;padding:8px 12px;transition:all .2s;display:flex}.select-asset__search-container:focus-within{background-color:var(--white)}.select-asset__search-input{background-color:#0000;width:100%;padding:0;transition:all .2s}.select-asset__search-input::placeholder{color:var(--text-lighter)}.select-asset__search-input:focus{background-color:var(--white)}.select-asset__popular-assets-list{align-items:center;gap:8px;margin:8px 0 24px;display:flex;overflow-x:auto}.select-asset__popular-assets-list-item{background-color:var(--layer);border-radius:40px;align-items:center;gap:8px;width:max-content;padding:6px 10px 6px 6px;display:flex}.select-asset__popular-assets-list-item .asset-logo{width:24px;height:24px}.select-asset__list__skeleton-item{align-items:center;gap:16px;padding:14px 12px;display:flex}.select-asset__list__skeleton-item .skeleton{flex-shrink:0}.select-asset__list{padding-right:20px;overflow-y:auto}.select-asset__list-item-container:not(:last-child){border-bottom:1px solid var(--layer-hover)}.select-asset__list-item{justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 0;display:flex}.select-asset__list-item-content{justify-content:space-between;align-items:center;width:100%;display:flex}.select-asset__list-item-info{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.select-asset__list-item-info--right{align-items:flex-end}.select-asset__list-item-info__name-container{align-items:center;gap:6px;display:flex}.select-asset__list-item-info__name{-webkit-line-clamp:1;line-clamp:1;text-align:left;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.select-asset__no-asset-found{text-align:center;margin:24px 0}.select-asset__list-item__optin-button{place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.select-asset__list-item__optin-button .plus-icon{width:16px;height:16px}.select-asset__list-item__optin-button .plus-icon path{fill:var(--white)}.select-asset__list-item__optin-button .spinner{width:16px;height:16px;top:8px;right:8px}.asset-logo{border-radius:50%;flex-shrink:0;width:40px;height:40px}.asset-logo--placeholder{background-color:var(--layer);place-content:center;display:grid}.back-button{background-color:var(--layer);border-radius:50%;place-content:center;width:36px;height:36px;display:grid}.back-button .chevron-icon{width:24px;height:24px;transform:rotate(180deg)}.skeleton{background:var(--layer);border-radius:16px;animation:2s infinite forwards SkeletonBackgroundChange}@keyframes SkeletonBackgroundChange{20%{fill:var(--layer)}to{fill:var(--layer-hover)}}.spinner{border:2px solid var(--gray-1);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swap-review{padding:16px 8px}.swap-review--small .swap-review__amount-container{flex-direction:column;gap:4px;padding:6px}.swap-review--small .arrow-icon{transform:rotate(90deg)}.swap-review--small .swap-review__amount-item{letter-spacing:.05px;font-family:Milan;font-size:11px;font-weight:400;line-height:1.45em}.swap-review--small .swap-review__details-list{flex-direction:column;justify-content:space-between;height:196px;padding:0 4px;display:flex}.swap-review--small .swap-review__details-list-item span{letter-spacing:.05px;font-family:Milan;font-size:10px;font-weight:400;line-height:1.45em}.swap-review--small .swap-review__details-list-item:not(:last-child){margin-bottom:10px}.swap-review__header{grid-template-columns:36px 1fr 36px;align-items:center;margin-bottom:16px;display:grid}.swap-review__amount-container{background-color:var(--white);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:12px;display:flex}.swap-review__amount-item{align-items:center;gap:4px;display:flex}.swap-review__asset-logo{border-radius:50%;width:16px;height:16px}.swap-review__details-list{margin-bottom:28px;padding:0 12px}.swap-review__details-list--small{letter-spacing:.05px;font-family:Milan;font-size:11px;font-weight:400;line-height:1.45em}.swap-review__details-list-item{justify-content:space-between;align-items:center;display:flex}.swap-review__details-list-item:not(:last-child){margin-bottom:16px}.footer{margin:0 8px}.footer__message{color:var(--text-color--light);text-align:center;margin:0;padding:12px;font-size:14px}.footer__loading{color:var(--text-color--light);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.footer-powered-by{justify-content:center;align-items:center;gap:8px;margin:16px 0 10px;display:flex}.swap-form{max-height:374px;margin:0 8px}.swap-form__asset-form-inputs{flex-direction:column;gap:8px;display:flex;position:relative}.swap-form__asset-form-inputs--disabled .number-input{pointer-events:none;cursor:not-allowed}.swap-form__switch-asset-button-container{background-color:var(--background);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swap-form__switch-asset-button{background-color:var(--white);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.swap-form__switch-asset-button .chevron-icon{transform:rotate(90deg)}.swap-form__status{align-items:flex-start;gap:8px;display:flex;overflow:hidden}.swap-form__status--error .swap-form__status-text{color:var(--red-1)}.swap-form__status svg,.swap-form__status .spinner{flex-shrink:0;margin-top:2px}.swap-form__asset-form-input--insufficient-balance .asset-form-input__input-container .number-input{color:var(--red-1)}.swap-form__status-container{height:48px;margin:8px 0 12px;overflow-y:auto}.swap-form__status-text{letter-spacing:-.04px;color:var(--text-light);font-family:Milan;font-size:13px;font-weight:500;line-height:1.85em}.asset-form-input{background-color:var(--white);border-radius:8px;height:128px;padding:16px}.asset-form-input__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.asset-form-input__input-container{justify-content:space-between;align-items:center;height:36px;display:flex}.asset-form-input__input-container .number-input{color:var(--text-main);background-color:var(--black)}.asset-form-input__input-container .number-input::placeholder{color:var(--text-light)}.asset-form-input__input-container--large{flex-direction:column;align-items:flex-start}.asset-form-input__input-container--large .asset-form-input__select-asset-button{align-self:flex-end;padding:4px;font-size:12px}.asset-form-input__input-container--large .asset-form-input__asset-logo{width:16px;height:16px}.asset-form-input__input-container--large .verified-badge,.asset-form-input__input-container--large .chevron-icon{width:12px;height:12px}.asset-form-input__asset-logo{border-radius:50%;width:24px;height:24px}.asset-form-input__asset-info{align-items:center;gap:4px;display:flex}.asset-form-input__select-asset-button{background-color:var(--layer);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:6px 8px;display:flex}.asset-form-input__balance-text--small{font-size:11px}.number-input{width:100%}.header{justify-content:space-between;align-items:center;height:68px;padding:12px 24px;display:flex;position:relative}.header--open .header__disconnect-button{display:flex}.header--open .header__wallet-button-chevron{transform:rotate(-90deg)}.header__wallet-button{justify-content:center;align-items:center;gap:8px;height:36px;display:flex}.header__wallet-button-address{justify-content:center;align-items:center;gap:4px;display:flex}.header__disconnect-button{z-index:1;width:232px;height:56px;color:var(--red-1);background-color:var(--white);border:2px solid var(--layer);border-radius:16px;justify-content:center;align-items:center;gap:8px;display:none;position:absolute;top:58px;left:24px;box-shadow:0 20px 60px #00000038,0 2px 4px #0000000d}.header__wallet-button-chevron{transition:transform .2s;transform:rotate(90deg)}.header__settings-button:hover .customize-icon path{stroke:var(--text-main);transition:all .2s}.swap-success{padding:0 8px 24px;position:relative}.swap-success__confetti{z-index:1;width:100%;height:100%;position:absolute;top:-90px;left:0}.swap-success__checkmark-icon-container{width:120px;height:120px;margin:40px auto 12px}.swap-success__swap-details{margin-top:12px}.swap-success__explorer-link{text-align:center;display:block}.swap-success__done-button{margin:72px auto 16px}.settings{padding:16px 20px}.settings__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings__slippage-input-container{position:relative}.settings__slippage-input-unit{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.settings__confirm-button{background-color:var(--layer);border-radius:50%;place-content:center;width:36px;height:36px;display:grid}.settings__confirm-button .checkmark-icon{width:24px;height:24px}.settings__confirm-button .checkmark-icon path{stroke:var(--text-main)}.settings__slippage-options{align-items:center;gap:8px;margin-top:24px;display:flex}.settings__slippage-option{min-width:42px;color:var(--text-lighter);border:2px solid #1414140f;border-radius:40px;padding:2px 6px}.settings__slippage-option--active{color:var(--white);background-color:var(--cyan-1);border-color:var(--cyan-1)}.settings__slippage-input{background-color:var(--layer);border-radius:8px;padding:8px 12px;transition:all .2s}.settings__slippage-input::placeholder{color:var(--text-lighter)}.settings__slippage-input:focus{background-color:var(--white)}.swap-error{padding:0 8px}.swap-error__close-icon-container{background-color:var(--red-1);border-radius:50%;place-items:center;width:60px;height:60px;margin:136px auto 12px;display:grid}.swap-error__title{margin-bottom:12px}.swap-error__description{height:110px}.swap-error__start-over-button{width:max-content;margin:16px auto 0;display:block}
