.input-range__slider{-webkit-appearance:none;appearance:none;background:#3f51b5;border:1px solid #3f51b5;border-radius:100%;cursor:pointer;display:block;height:1rem;margin-left:-.5rem;margin-top:-.65rem;outline:none;position:absolute;top:50%;transition:box-shadow .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,box-shadow .3s ease-out;transition:transform .3s ease-out,box-shadow .3s ease-out,-webkit-transform .3s ease-out;width:1rem}.input-range__slider:active{-webkit-transform:scale(1.3);transform:scale(1.3)}.input-range__slider:focus{box-shadow:0 0 0 5px rgba(63,81,181,.2)}.input-range--disabled .input-range__slider{background:#ccc;border:1px solid #ccc;box-shadow:none;-webkit-transform:none;transform:none}.input-range__slider-container{transition:left .3s ease-out}.input-range__label{color:#aaa;font-family:Helvetica Neue,san-serif;font-size:.8rem;-webkit-transform:translateZ(0);transform:translateZ(0);white-space:nowrap}.input-range__label--max,.input-range__label--min{bottom:-1.4rem;position:absolute}.input-range__label--min{left:0}.input-range__label--max{right:0}.input-range__label--value{position:absolute;top:-1.8rem}.input-range__label-container{left:-50%;position:relative}.input-range__label--max .input-range__label-container{left:50%}.input-range__track{background:#eee;border-radius:.3rem;cursor:pointer;display:block;height:.3rem;position:relative;transition:left .3s ease-out,width .3s ease-out}.input-range--disabled .input-range__track{background:#eee}.input-range__track--background{left:0;margin-top:-.15rem;position:absolute;right:0;top:50%}.input-range__track--active{background:#3f51b5}.input-range{height:1rem;position:relative;width:100%}*,:after,:before{box-sizing:border-box}@-webkit-keyframes opacityAndScale{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes opacityAndScale{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}html{--accentColor:#08c;--accentLightColor:rgba(0,136,204,.16);--accentColorHover:#009ce8;--accentColorActive:#0072ab;--darkColor:#303757;--greenColor:#0ea45c;--greenLightColor:rgba(14,164,92,.16);--mainBackgroundColor:#fff;--defaultTextColor:var(--darkColor);--secondaryTextColor:#666;--alternativeTextColor:#fff;--mutedTextColor:#83879a;--mutedTextColorHover:#74757d;--borderColor:#dedfe4;--shadowColor:rgba(0,0,0,.5);--skeletonColor:#f3f4f5;--successColor:#2ecc71;--dangerColor:#ff4954;--dangerColorHover:#ff6770;--dangerColorActive:#e6313c;--warningColor:#ffeb3b;--animationDuration:250ms;--hoverColor:#f5f5f7;--activeColor:#ecebeb;color:#303757;color:var(--defaultTextColor)}body,button,input{font-family:Mulish,sans-serif}body{margin:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}h4{font-size:18px;font-weight:700;line-height:23px}.router-enter{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}.router-enter-active{transition:all .25s ease-in-out;transition:all var(--animationDuration) ease-in-out}.router-enter-active,.router-exit{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.router-exit-active{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:all .25s ease-in-out,opacity 125ms ease-in-out;transition:all var(--animationDuration) ease-in-out,opacity calc(var(--animationDuration)/2) ease-in-out}.main{display:grid;grid-template-areas:"main";min-height:calc(100vh - 188px)}.main>*{grid-area:main}.page-title{margin:0}.page-head{align-items:center;display:flex}.page-head .button{margin-left:auto}.page-head--subpage{justify-content:space-between}.page-back{align-items:center;color:#08c;color:var(--accentColor);display:flex;font-size:16px;font-weight:700;line-height:20px;text-decoration:none}.page-back svg{margin-right:8px}.subpage-title{align-items:center;display:flex;font-size:19px;font-weight:800;line-height:24px;margin-left:32px}.subpage-title .tag{margin-left:14px}.page-head--pool .page-toolbar{margin-left:auto}.page-content,.page-content-liquidity{margin-top:32px}@-webkit-keyframes opacity-0-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes opacity-0-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.page-content-liquidity__info{-webkit-animation:opacity-0-1 .25s;animation:opacity-0-1 .25s;-webkit-animation:var(--animationDuration) opacity-0-1;animation:var(--animationDuration) opacity-0-1;background:rgba(48,55,87,.05);border-radius:24px;font-size:16px;font-weight:700;line-height:20px;padding:24px}.page-content__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:80px}.page-content__empty .button{margin-top:23px;width:300px}.page-content__empty__text{color:#83879a;color:var(--mutedTextColor);font-size:19px;font-weight:400;line-height:24px;margin-top:32px;text-align:center}.page-tabs{align-items:center;display:flex;margin-left:24px}.page-tabs .page-tab{align-items:center;-webkit-animation:opacityAndScale .25s;animation:opacityAndScale .25s;-webkit-animation:var(--animationDuration) opacityAndScale;animation:var(--animationDuration) opacityAndScale;background-color:#fff;border:none;border-radius:25px;box-shadow:inset 0 0 0 2px #08c;box-shadow:inset 0 0 0 2px var(--accentColor);color:#08c;color:var(--accentColor);cursor:pointer;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:18px;padding:8px 18px;text-align:center}.page-tabs .page-tab,.page-tabs .page-tab .page-tab__count{transition:all .25s ease-in-out;transition:all var(--animationDuration) ease-in-out}.page-tabs .page-tab .page-tab__count{color:rgba(0,136,204,.6);margin-left:.5ch}.page-tabs .page-tab:hover{background-color:#08c;background-color:var(--accentColor);color:#fff}.page-tabs .page-tab:hover .page-tab__count{color:hsla(0,0%,100%,.6)}.page-tabs .page-tab:active{background-color:#0072ab;background-color:var(--accentColorActive);box-shadow:inset 0 0 0 2px #0072ab;box-shadow:inset 0 0 0 2px var(--accentColorActive);color:#fff}.page-tabs .page-tab:active .page-tab__count{color:hsla(0,0%,100%,.6)}.page-tabs .page-tab.active{background-color:#08c;background-color:var(--accentColor);color:#fff;cursor:default;pointer-events:none}.page-tabs .page-tab.active .page-tab__count{color:hsla(0,0%,100%,.6)}.page-tabs .page-tab+.page-tab{margin-left:12px}.page-toolbar{display:flex}.page-toolbar .page-toolbar__icon-button{background-color:transparent;border:none;cursor:pointer;padding:0}.page-toolbar .button+.button,.page-toolbar .page-toolbar__icon-button+.page-toolbar__icon-button{margin-left:16px}.page-blocks{grid-gap:25px;display:grid;grid-template-columns:.5fr .5fr}.page-block+.page-block,.page-blocks{margin-top:32px}.page-block__title{font-size:16px;font-weight:700;line-height:20px;margin-bottom:24px}.page-blocks__col--duck{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.page-blocks__col--duck span{color:#83879a;color:var(--mutedTextColor);font-size:19px;line-height:24px;margin-top:26px;max-width:300px}h1{font-size:32px;font-weight:900;line-height:40px}.liquidity-prices{grid-gap:16px;display:grid;grid-template-columns:.5fr .5fr}.liquidity-price--disabled{cursor:default;opacity:.5;pointer-events:none}.liquidity-price__title{font-size:16px;font-weight:700;line-height:20px;margin-bottom:8px}.liquidity-price-card{align-items:center;border:1px solid #dedfe4;border:1px solid var(--borderColor);border-radius:14px;display:flex;justify-content:space-between;padding:16px}.liquidity-price-card__button{align-items:center;background-color:rgba(0,136,204,.16);background-color:var(--accentLightColor);border:none;border-radius:14px;color:#08c;color:var(--accentColor);cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.liquidity-price-card__amount input{border:none;font-size:19px;font-weight:600;line-height:25px;outline:none;padding:0;text-align:center;width:100px}.liquidity-summary-card{border:1px solid #dedfe4;border:1px solid var(--borderColor);border-radius:24px;padding:32px}.liquidity-summary-card-cols{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.liquidity-summary-card-col{text-align:center}.liquidity-summary-card-col__value{font-size:16px;font-weight:500;line-height:20px}.liquidity-summary-card-col__name{font-size:16px;font-weight:700;line-height:20px;margin-top:8px}.page-block__content--range{margin-bottom:60px}.price-input{align-items:center;border:1px solid #dedfe4;border:1px solid var(--borderColor);border-radius:14px;display:flex;padding:16px}.price-input input{border:none;border-radius:0;font-family:Fira Code,monospace;font-size:19px;font-style:normal;font-weight:600;line-height:25px;outline:none;width:60%}.price-input .price-input__info{color:#83879a;color:var(--mutedTextColor);font-size:16px;font-weight:700;line-height:20px;margin-left:auto}.input-range__slider{background:#fff;border:3px solid #08c;border:3px solid var(--accentColor);cursor:grab;height:15px;transition:box-shadow .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,box-shadow .1s ease-out;transition:transform .1s ease-out,box-shadow .1s ease-out,-webkit-transform .1s ease-out;width:15px}.input-range__slider:active{cursor:grabbing!important}.input-range__track{background:#dedfe4;background:var(--borderColor);border-radius:33px;height:5px}.input-range__track--active{background:#08c;background:var(--accentColor);height:5px}.input-range__label{color:#303757;color:var(--defaultTextColor);font-family:Mulish,sans-serif;font-size:14px;font-weight:700;line-height:18px}.input-range__label--max,.input-range__label--min{bottom:-28px;display:none}.input-range__label--value{top:16px}.page-charts{grid-gap:25px;display:grid;grid-template-columns:.5fr .5fr}.chart-card__label{color:#83879a;color:var(--mutedTextColor);font-size:16px;font-weight:700;line-height:20px}.chart-card__value{font-size:24px;font-weight:900;line-height:30px;margin-top:6px}.chart-card__chart{margin-top:24px;max-width:100%}.chart-card__chart canvas{max-width:100%}.pool-page-charts{grid-gap:25px;display:grid;grid-template-columns:.375fr .625fr}.pool-information-card-item{align-items:center;display:flex;justify-content:space-between}.pool-information-card-item__name{align-items:center;display:flex;font-size:16px;font-weight:700;line-height:20px}.pool-information-card-item__name .token-icon{margin-left:8px}.pool-information-card-item__value{font-size:19px;font-weight:700;line-height:24px}.pool-information-card-item+.pool-information-card-item{margin-top:16px}.pool-page-charts-info{align-items:center;border:1px solid #dedfe4;border:1px solid var(--borderColor);border-radius:14px;display:flex;justify-content:space-between;margin-top:24px;padding:24px;width:100%}.pool-page-charts-info__left,.pool-page-charts-info__right{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:20px;width:100%}.pool-page-charts-info__left .token-icon{margin-right:12px}.pool-page-charts-info__right .token-icon{margin-left:12px}.pool-page-charts-info__divider{background-color:#dedfe4;background-color:var(--borderColor);height:24px;width:1px}.main-page__cards-grid{grid-gap:25px;display:grid;grid-template-columns:.43fr .57fr}.popular-swaps{display:flex;flex-wrap:wrap;justify-content:center}.add-liquidity-page .token-amount-input .token-amount-input__currency-select{margin-top:0}.add-liquidity-page .token-amount-input .token-amount-input__currency{align-items:center;display:flex}@media only screen and (max-width:1024px){.main-page__cards-grid{display:block;margin-top:0}.App{padding:0 25px}.popular-swaps .pair-card{margin:0;max-width:100%}.popular-swaps .pair-card+.pair-card{margin-left:0;margin-top:16px}.page-title{font-size:32px;font-weight:900;line-height:40px}.page-head{align-items:flex-start;display:flex;flex-direction:column}.page-head .button{margin-left:0;margin-top:32px}.page-head .page-tabs{margin-left:0;margin-top:16px}.page-toolbar{display:flex;flex-direction:column}.page-head--subpage .page-title{margin-top:24px}.page-head--subpage .page-toolbar{flex-direction:row;margin-top:16px}.liquidity-prices,.liquidity-summary-card-cols,.page-blocks{display:flex;flex-direction:column}.liquidity-summary-card-cols .liquidity-summary-card-col{margin-top:16px}.fee-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.fee-card .tag:first-child{margin-left:0;margin-top:16px}.fee-card .tag+.tag{margin-left:0;margin-top:12px}.fee-card__edit{display:flex!important;justify-content:center!important;margin-left:0!important;margin-top:16px!important}.liquidity-price-card{width:100%!important}.page-charts{display:block}.page-charts .chart-card:nth-child(2){margin-top:24px}.page-charts .card-table{overflow-x:auto}}.card{border:1px solid var(--borderColor);border-radius:24px;padding:32px}@media only screen and (max-width:1024px){.card{padding:25px}}.card__head{align-items:center;display:flex;width:100%}.card__title{font-size:16px;font-style:normal;font-weight:900;line-height:20px}.card__icon{cursor:pointer;height:24px;object-fit:contain;width:24px}.card__icon+.card__icon{margin-left:12px}.card__head__right{margin-left:auto}.card__head+.card__body,.card__title+.card__body{margin-top:24px}.card-table{width:100%}.card-table .card-table__row{display:flex;justify-content:space-between;width:100%}.card-table .card-table__col{align-items:center;display:flex;font-size:16px;font-weight:700;line-height:20px}.card-table .card-table__col .tag{margin-left:12px}.card-table .card-table__col:first-child{color:var(--defaultTextColor);cursor:pointer;text-decoration:none;width:40%}.card-table .card-table__col:first-child:hover{text-decoration:underline}.card-table .card-table__col:not(:first-child){width:120px}.card-table .card-table__row:first-child .card-table__col{color:rgba(48,55,87,.85);font-size:16px;font-weight:700;line-height:20px}.card-table .card-table__row+.card-table__row{margin-top:32px}.card-table__col--link{color:var(--accentColor)!important;font-size:16px;font-weight:700;line-height:20px;text-decoration:none;transition:all var(--animationDuration) ease-in-out}.card-table__col--link:hover{color:var(--accentColorActive)!important;text-decoration:none!important}.card-table-pagination{align-items:center;display:flex;margin-top:32px}.card-table-pagination__info{color:rgba(48,55,87,.85);font-size:16px;font-weight:400;line-height:20px}.card-table-pagination__pages{align-items:center;display:flex;margin-left:auto}.card-table-pagination__page{all:unset;align-items:center;border-radius:8px;color:var(--accentColor);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;line-height:20px;transition:all var(--animationDuration) ease-in-out;width:32px}.card-table-pagination__page:not(.card-table-pagination__page.card-table-pagination__page--active):hover{background-color:var(--hoverColor)}.card-table-pagination__page:not(.card-table-pagination__page.card-table-pagination__page--active):active{background-color:var(--activeColor)}.card-table-pagination__page--active{background-color:var(--accentColor);color:#fff;cursor:default}.card-table-pagination__page+.card-table-pagination__page{margin-left:8px}.card-table-pagination__page-next,.card-table-pagination__page-prev{all:unset;color:var(--accentColor);font-size:16px;font-weight:700;line-height:20px}.card-table-pagination__page-prev{color:rgba(0,136,204,.5);margin-right:24px}.card-table-pagination__page-next{cursor:pointer;margin-left:24px;transition:all var(--animationDuration) ease-in-out}.card-table-pagination__page-next:active,.card-table-pagination__page-next:hover{color:var(--accentColorActive)}.token-amount-input{border:1px solid var(--borderColor);border-radius:14px;display:flex;padding:16px}.token-amount-input+.token-amount-input{margin-top:12px}.token-amount-input__amount{width:150px}.token-amount-input__amount__balance{color:var(--mutedTextColor);font-size:13px;font-weight:500;line-height:16px}.token-amount-input__amount__balance.not-connected{color:var(--accentColor)}.token-amount-input__amount__balance-value{cursor:pointer;transition:all var(--animationDuration) ease-in-out}.token-amount-input__amount__balance-value:hover{text-decoration:underline}.token-amount-input__amount__input{border:none;border-radius:0;color:var(--defaultTextColor);font-family:Fira Code,monospace;font-size:19px;font-weight:600;line-height:25px;margin-top:8px;outline:none;width:100%}.token-amount-input__amount__input:disabled{background-color:transparent;cursor:not-allowed}.token-amount-input__currency{margin-left:auto}.token-amount-input__currency__label{color:var(--mutedTextColor);font-size:13px;font-weight:500;line-height:16px;text-align:right}.token-amount-input__currency-select{align-items:center;background-color:transparent;border:none;border-radius:14px;cursor:pointer;display:flex;margin-top:9px;padding:0;transition:all var(--animationDuration) ease-in-out}.token-amount-input__currency-select__icon{border-radius:50%;height:24px;width:24px}.token-amount-input__currency-select__icon img{border-radius:inherit;height:inherit;object-fit:cover;width:inherit}.token-amount-input__currency-select__name{font-size:16px!important;font-weight:600!important;line-height:20px!important;margin-left:8px}.token-amount-input__currency-select__arrow{align-items:center;display:flex;margin-left:8px}.select-token-modal__list{margin-top:24px}.select-token-modal__item{align-items:center;border-radius:14px;cursor:pointer;display:flex;padding:16px;transition:all var(--animationDuration) ease-in-out}.select-token-modal__item:hover{background-color:var(--hoverColor)}.select-token-modal__item:active{background-color:var(--activeColor)}.select-token-modal__item.selected{background-color:var(--hoverColor);cursor:default;pointer-events:none}.select-token-modal__item+.select-token-modal__item{margin-top:8px}.select-token-modal__item__icon{align-items:center;display:flex;justify-content:center}.select-token-modal__item__icon img{border-radius:50%;height:24px;object-fit:cover;width:24px}.select-token-modal__item__name{margin-left:19px}.select-token-modal__item__name__short{font-size:16px;font-weight:700;line-height:20px}.select-token-modal__item__name__full{font-size:14px;font-weight:400;line-height:18px;margin-top:2px}.select-token-modal__item__amount{font-size:14px;font-weight:500;line-height:18px;margin-left:auto}.select-token-modal__search{width:100%}.search-input{border:1px solid var(--borderColor);border-radius:14px;font-size:16px;font-weight:400;line-height:20px;padding:16px;transition:all var(--animationDuration) ease-in-out;width:100%}.search-input:focus{border-color:var(--accentColor);outline:none}@-webkit-keyframes modalWrapperAnimation{0%{opacity:0}to{opacity:1}}@keyframes modalWrapperAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modalAnimation{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes modalAnimation{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.modal-enter{opacity:0}.modal-enter .modal{-webkit-transform:scale(.5);transform:scale(.5)}.modal-enter-active{opacity:1;transition:opacity var(--animationDuration) ease-in-out}.modal-enter-active .modal{-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform var(--animationDuration) ease-in-out;transition:transform var(--animationDuration) ease-in-out;transition:transform var(--animationDuration) ease-in-out,-webkit-transform var(--animationDuration) ease-in-out}.modal-exit{opacity:1}.modal-exit .modal{-webkit-transform:scale(1);transform:scale(1)}.modal-exit-active{opacity:0;transition:opacity calc(var(--animationDuration)/2) ease-in-out}.modal-exit-active .modal{-webkit-transform:scale(.5);transform:scale(.5);transition:-webkit-transform calc(var(--animationDuration)/2) ease-in-out;transition:transform calc(var(--animationDuration)/2) ease-in-out;transition:transform calc(var(--animationDuration)/2) ease-in-out,-webkit-transform calc(var(--animationDuration)/2) ease-in-out}.modal-wrapper{align-items:center;background-color:rgba(0,0,0,.16);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal{background-color:#fff;border-radius:24px;max-height:70vh;max-width:100%;padding:32px;width:500px}@media only screen and (max-width:768px){.modal{border-radius:0;height:100vh;max-height:100vh}}.modal__head{align-items:center;display:flex;justify-content:space-between}.modal__title{font-size:19px;font-weight:700;line-height:24px}.modal__close{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;height:24px;padding:7px;width:24px}.modal__close svg{height:10px;width:10px}.modal__body{margin-top:24px;overflow:auto}.modal__tabs{display:flex;margin-bottom:32px}.modal__tab{background-color:transparent;border:none;border-radius:25px;color:var(--accentColor);cursor:pointer;font-size:14px;font-weight:700;line-height:18px;padding:8px 18px;transition:all var(--animationDuration) ease-in-out}.modal__tab:hover{background-color:var(--hoverColor)}.modal__tab:active{background-color:var(--activeColor)}.modal__tab.active{background-color:var(--accentColor);color:#fff;cursor:default;pointer-events:none}.modal__tab+.modal__tab{margin-left:8px}.modal__footer{margin-top:32px}.modal-nav{justify-content:center;margin-bottom:32px}.modal-nav,.modal-nav__back{align-items:center;display:flex}.modal-nav__back{color:var(--accentColor);font-size:16px;font-weight:700;line-height:20px}.modal-nav__back svg{margin-right:8px}.modal-nav__title{font-size:19px;font-weight:700;line-height:24px}.modal-items--summary{margin-top:32px}.modal-item{align-items:center;display:flex;justify-content:space-between}.modal-item__name{font-size:16px;font-weight:700;line-height:20px}.modal-item__value{font-size:16px;font-weight:500;line-height:20px}.modal-item+.modal-item{margin-top:16px}.button{align-items:center;background-color:var(--accentColor);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:20px;padding:8px 18px;text-align:center;text-decoration:none;transition:all var(--animationDuration) ease-in-out}.button.button--red{--accentColor:var(--dangerColor);--accentColorHover:var(--dangerColorHover);--accentColorActive:var(--dangerColorActive)}.button:hover{background-color:var(--accentColorHover)}.button:active{background-color:var(--accentColorActive)}.button.button--full{width:100%}.button.button--form{padding:12px 24px}.button.button--outline{background-color:#fff;box-shadow:inset 0 0 0 2px var(--accentColor);color:var(--accentColor)}.button.button--outline.button--form{box-shadow:inset 0 0 0 1px var(--accentColor)}.button.button--outline:hover{background-color:var(--accentColor);color:#fff}.button.button--outline:active{background-color:var(--accentColorActive);box-shadow:inset 0 0 0 2px var(--accentColorActive);color:#fff}.button.button--outline:active.button--form{box-shadow:inset 0 0 0 1px var(--accentColorActive)}.button:disabled{cursor:not-allowed;opacity:.6}.button.button--inactive{cursor:default;pointer-events:none}.button-icon{align-items:center;display:flex;margin-right:8px}.button-icon svg{height:12px;width:12px}.exchange-card__info+.button,.token-amount-input+.button{margin-top:18px}.exchange-card{margin-bottom:18px;position:relative}.exchange-card__switch_button{background-color:#fff;border:none;border-radius:50%;cursor:pointer;height:36px;left:calc(50% - 18px);margin-left:auto;padding:0;position:absolute;top:calc(50% - 18px);transition:all var(--animationDuration) ease-in-out;width:36px}.exchange-card__switch_button img{border-radius:inherit;height:inherit;object-fit:cover;width:inherit}.exchange-card__switch_button:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.exchange-card__switch_button:active{-webkit-transform:rotate(180deg) scale(.96);transform:rotate(180deg) scale(.96)}.exchange-card__tooltip{background-color:#fff!important;border:1px solid var(--borderColor)!important;border-radius:14px!important;color:var(--defaultTextColor)!important;font-size:15px!important;font-weight:600!important;line-height:19px!important;opacity:1!important;padding:16px!important}.exchange-card__tooltip:after{border-right-color:var(--borderColor)!important}.exchange-card__tooltip__content__item{align-items:center;display:flex}.exchange-card__tooltip__content__item+.exchange-card__tooltip__content__item{margin-top:6px}.exchange-card__tooltip__content__item__name{color:var(--mutedTextColor);margin-right:8px}.exchange-card__tooltip__content__item__value{margin-left:auto}.exchange-card__info{align-items:center;display:flex}.exchange-card__info img{border-radius:50%;height:14px;object-fit:cover;width:14px}.exchange-card__info__text{font-size:14px;font-weight:700;line-height:18px;margin-left:8px}.muted{color:var(--mutedTextColor)}.token-amount-input+.exchange-card__info{margin-top:18px}.exchange-confirmation-status-modal .modal__body{align-items:center;display:flex;flex-direction:column;justify-content:center}.exchange-confirmation-status-modal .modal__body .button{margin-top:32px}.exchange-confirmation-status-modal.confirmed .exchange-confirmation-status-modal__info{margin-top:16px}.exchange-confirmation-status-modal__art{align-items:center;display:flex;justify-content:center}.exchange-confirmation-status-modal__title{font-size:24px;font-weight:700;line-height:30px;margin:32px 0 0;text-align:center}.exchange-confirmation-status-modal__subtitle{font-size:16px;font-weight:700;line-height:20px;margin:16px 0 0;text-align:center}.exchange-confirmation-status-modal__info{color:var(--mutedTextColor);font-size:16px;line-height:20px;margin-top:24px;text-align:center}.confirm-exchange-modal .button{margin-top:32px}.confirm-exchange__card{border:1px solid var(--borderColor);border-radius:14px;padding:16px}.confirm-exchange__card__line{display:flex}.confirm-exchange__card__line__icon{align-items:center;display:flex}.confirm-exchange__card__line__icon img{border-radius:50%;height:24px;object-fit:cover;width:24px}.confirm-exchange__card__line__amount{font-size:19px;font-weight:700;line-height:24px;margin-left:12px}.confirm-exchange__card__line__currency{font-size:19px;font-weight:700;line-height:24px;margin-left:auto}.confirm-exchange__card__arrow{align-items:center;display:flex;margin-bottom:15px;margin-top:15px}.confirm-exchange__card__arrow img{margin-left:6px}.confirm-exchange__text{font-size:16px;font-weight:600;line-height:20px;margin:24px 0 0;padding:0}.confirm-exchange__summary{border-top:1px solid #d9d9d9;display:flex;flex-direction:column;margin-top:24px;padding-top:24px}.confirm-exchange__summary__line{align-items:center;display:flex}.confirm-exchange__summary__line__name{font-size:16px;font-weight:700;line-height:20px}.confirm-exchange__summary__line__value{font-size:16px;font-weight:500;line-height:20px;margin-left:auto}.confirm-exchange__summary__line+.confirm-exchange__summary__line{margin-top:16px}.exchange-settings-modal__section+.exchange-settings-modal__section{margin-top:24px}.exchange-settings-modal__section__title{align-items:center;display:flex;font-size:16px;font-weight:700;line-height:20px;white-space:nowrap}.exchange-settings-modal__section__title svg{margin-left:6px}.exchange-settings-modal__section__content{margin-top:16px}.exchange-settings-modal__buttons{display:flex}.exchange-settings-modal__buttons .button+.button{margin-left:12px}.exchange-settings-modal__input{border:none;border-radius:79px;box-shadow:inset 0 0 0 1px var(--borderColor);font-size:16px;font-weight:400;line-height:20px;outline:none;padding:7px 14px;text-align:right;transition:all var(--animationDuration) ease-in-out;width:100%}.exchange-settings-modal__input::-webkit-input-placeholder{color:var(--mutedTextColor)}.exchange-settings-modal__input:-ms-input-placeholder{color:var(--mutedTextColor)}.exchange-settings-modal__input::placeholder{color:var(--mutedTextColor)}.exchange-settings-modal__input:focus{box-shadow:inset 0 0 0 1px var(--accentColor)}.exchange-settings-modal__section--content__slippage{display:flex}.exchange-settings-modal__section--content__slippage .button{margin-right:16px}.exchange-settings-modal__section--inline{align-items:center;display:flex;justify-content:space-between}.exchange-settings-modal__section--inline .exchange-settings-modal__section__content{margin-top:0}.exchange-settings-modal__section--inline .exchange-settings-modal__input{width:103px}.account-modal__item{align-items:center;display:flex;justify-content:space-between;width:100%}.account-modal__item .account-modal__item__name{font-size:16px;font-weight:700;line-height:20px}.account-modal__item .account-modal__item__value{align-items:center;display:flex;font-size:16px;font-weight:500;line-height:20px}.account-modal__item .account-modal__item__value svg{margin-left:6px}.account-modal__item .account-modal__item__value.account-modal__item__value--address{color:var(--mutedTextColor);cursor:pointer;font-size:16px;font-weight:400;line-height:20px;text-decoration:underline}.account-modal__item .account-modal__item__value.account-modal__item__value--address:hover{color:var(--mutedTextColorHover)}.account-modal__item+.account-modal__item{margin-top:24px}.account-modal__footer{margin-top:32px}.transactions-history__section__title{color:var(--mutedTextColor);font-size:16px;font-weight:700;line-height:20px}.transactions-history__section__content{margin-top:24px}.transactions-history__item{align-items:center;border-radius:14px;cursor:pointer;display:flex;padding:16px;transition:all var(--animationDuration) ease-in-out}.transactions-history__item:hover{background-color:var(--hoverColor)}.transactions-history__item:active{background-color:var(--activeColor)}.transactions-history__item .transactions-history__item__icon{margin-right:16px}.transactions-history__item .transactions-history__item__info .transactions-history__item__title{font-size:16px;font-weight:700;line-height:20px}.transactions-history__item .transactions-history__item__info .transactions-history__item__time{color:var(--mutedTextColor);font-size:14px;font-weight:600;line-height:18px;margin-top:6px}.transactions-history__item .transactions-history__item__amount{font-size:16px;font-weight:700;line-height:20px;margin-left:auto}@media only screen and (max-width:1024px){.pair-chart-card{margin-top:25px}}.pair-chart-card__head{justify-content:space-between;width:100%}.pair-chart-card__head,.pair-chart-card__title{align-items:center;display:flex}.pair-chart-card__icon{background-color:#fff;border-radius:50%;height:24px;object-fit:cover;width:24px}.pair-chart-card__icon+.pair-chart-card__icon{box-shadow:0 0 0 2px #fff;margin-left:-5px}.pair-chart-card__pair{font-size:16px;font-weight:600;line-height:20px;margin-left:8px}.pair-chart-card__days{display:flex}@media only screen and (max-width:1024px){.pair-chart-card__days{display:none}}.pair-chart-card__day{background-color:transparent;border:1px solid var(--accentColor);border-radius:84px;color:var(--accentColor);cursor:pointer;font-size:14px;font-weight:700;line-height:18px;padding:4px 16px;transition:all var(--animationDuration) ease-in-out}.pair-chart-card__day.active,.pair-chart-card__day:active,.pair-chart-card__day:hover{background-color:var(--accentColor);color:#fff}.pair-chart-card__day.active{cursor:default}.pair-chart-card__day+.pair-chart-card__day{margin-left:8px}.pair-chart-card__subhead{align-items:center;display:flex;justify-content:space-between}.pair-chart-card__price{font-size:24px;font-weight:900;line-height:30px}.pair-chart-card__percent{font-size:15px;font-weight:700;line-height:19px}.pair-chart-card__percent.increase{color:#0ea45c}.pair-chart-card__percent.decrease{color:#ff4954}.pair-chart-card__chart{margin-top:31px;max-width:100%}.pair-chart-card__chart canvas{max-height:208px;max-width:100%}.page-section{margin-top:60px}.page-section .page-section__title{margin-bottom:24px}.page-section .page-section__content{margin-top:24px}.pair-card{border:1px solid var(--accentColor);border-radius:20px;box-sizing:border-box;cursor:pointer;display:flex;height:80px;justify-content:space-between;max-width:231px;padding:15px;transition:all var(--animationDuration) ease-in-out;width:100%}.pair-card:hover{border-color:var(--accentColorHover)}.pair-card:active{border-color:var(--accentColorActive);-webkit-transform:scale(.99);transform:scale(.99)}.pair-card+.pair-card{margin-left:25px}.pair-card__name{color:var(--accentColor);font-size:14px;font-weight:700;line-height:18px}.pair-card__price{font-size:24px;font-weight:700;line-height:30px;margin-top:5px}.pair-card__percent{font-size:14px;font-weight:700;line-height:18px;text-align:right}.pair-card__percent.increase{color:#0ea45c}.pair-card__percent.decrease{color:#ff4954}.pair-card__chart{margin-top:7px;max-width:75px;text-align:right}.pair-card__chart canvas{max-width:75px}.liquidity-card{-webkit-animation:var(--animationDuration) opacityAndScale;animation:var(--animationDuration) opacityAndScale;border:1px solid var(--borderColor);border-radius:24px;display:flex;padding:32px;width:100%}.liquidity-card+.liquidity-card{margin-top:25px}.liquidity-card__pair,.liquidity-card__pair__icons{align-items:center;display:flex}.liquidity-card__pair__icons img{border-radius:50%;height:24px;object-fit:cover;width:24px}.liquidity-card__pair__icons img:last-child{box-shadow:0 0 0 2px #fff;margin-left:-5px}.liquidity-card__pair__names{font-size:16px;font-weight:600;line-height:20px;margin-left:8px}.liquidity-card__tags{align-items:center;display:flex;margin-left:12px}.liquidity-card__tag{background-color:var(--accentLightColor);border-radius:14px;color:var(--accentColor);font-size:14px;font-weight:700;line-height:18px;padding:2px 12px}.liquidity-card__tag.liquidity-card-tag--green{background-color:var(--greenLightColor);color:var(--greenColor)}.liquidity-card__tag+.liquidity-card__tag{margin-left:12px}.liquidity-card__swap{margin-left:32px}.liquidity-card__swap,.liquidity-card__swap-item{align-items:center;display:flex}.liquidity-card__swap-item__label{color:var(--mutedTextColor);font-size:16px;line-height:20px}.liquidity-card__swap-item__amount{font-weight:700}.liquidity-card__swap-item__amount,.liquidity-card__swap-item__currency,.liquidity-card__swap-item__per{font-size:16px;line-height:20px;margin-left:.5ch}.liquidity-card__swap-item__currency{font-weight:700}.liquidity-card__swap-icon{align-items:center;display:flex;margin-left:16px;margin-right:16px}.liquidity-card__details-link{all:unset;color:var(--accentColor);cursor:pointer;font-size:16px;font-weight:700;line-height:20px;margin-left:auto;text-decoration:none;transition:all var(--animationDuration) ease-in-out}.liquidity-card__details-link:hover{color:var(--accentColorActive)}@media only screen and (max-width:1024px){.liquidity-card{align-items:flex-start;flex-direction:column;padding:24px}.liquidity-card__swap,.liquidity-card__tags{margin-left:0;margin-top:12px}.liquidity-card__swap{flex-direction:column}.liquidity-card__details-link{align-items:center;display:flex;justify-content:center;margin-left:0;margin-top:24px;text-align:center;width:100%}.liquidity-card__swap-icon{margin-bottom:6px;margin-top:6px}}.tokico{align-items:center;display:flex;font-size:16px;font-weight:700;line-height:20px}.tokico img{background-color:#fff;border-radius:50%;height:24px;object-fit:cover;width:24px}.tokico img+img{box-shadow:0 0 0 2px #fff;margin-left:-5px}.tokico img:last-child{margin-right:8px}.tag{background-color:rgba(48,55,87,.16);border-radius:14px;font-size:14px;font-weight:700;line-height:18px;padding:2px 12px}.tag--green{background-color:var(--greenLightColor);color:var(--greenColor)}.tag--blue{background-color:var(--accentLightColor);color:var(--accentColor)}.liquidity-details-modal .modal__footer{grid-gap:16px;display:grid;grid-template-columns:.5fr .5fr}.liquidity-details-modal__title{align-items:center;display:flex}.liquidity-details-modal__title .tag{margin-left:12px}.add-liquidity-modal .token-amount-input__currency{align-items:center;display:flex;pointer-events:none}.add-liquidity-modal .token-amount-input__currency-select__arrow{display:none}.add-liquidity-modal .button{margin-top:32px}.add-liquidity-modal__block-title{color:var(--mutedTextColor);font-size:16px;font-weight:700;line-height:20px;margin-bottom:16px;margin-top:24px}.remove-liquidity-modal .token-amount-input__currency{align-items:center;display:flex;pointer-events:none}.remove-liquidity-modal .token-amount-input__currency-select{margin-top:0}.remove-liquidity-modal .token-amount-input__currency-select__arrow{display:none}.remove-liquidity-modal .button{margin-top:32px}.App{display:flex;flex-direction:column;margin:0 auto;max-width:1000px;min-height:100%}.App,body{overflow-x:hidden}.header{align-items:center;display:flex;margin-bottom:80px;margin-top:64px;width:100%}.header .header__toggle{all:unset;display:none;margin-left:auto}.header .header__content{align-items:center;display:flex;margin-left:auto}.header .header__logo{align-items:center;color:var(--defaultTextColor);display:flex;text-decoration:none}@-webkit-keyframes logoIconAnimation{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes logoIconAnimation{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}.header .header__logo img{-webkit-animation:logoIconAnimation 1s;animation:logoIconAnimation 1s;-webkit-animation-delay:.5s;animation-delay:.5s;border-radius:50%;height:36px;width:36px}.header .header__logo .header__logo__text{font-size:19px;font-weight:700;line-height:24px;margin-left:8px}.header .header__logo.active{cursor:default}.header .header__links{align-items:center;display:flex}.header .header__links .header__link{color:var(--accentColor);font-size:19px;font-weight:700;line-height:24px;margin-left:25px;text-decoration:none;transition:all var(--animationDuration) ease-in-out,border 75ms ease-in-out}.header .header__links .header__link.active,.header .header__links .header__link:active,.header .header__links .header__link:hover{color:var(--accentColorActive)}.header .header__links .header__link.active{cursor:default;pointer-events:none}.header .header__button{margin-left:25px}@media only screen and (max-width:1024px){.header{margin-bottom:40px;margin-top:40px}.header .header__toggle{display:block}.header .header__content{display:none}.header.header--open .header__content{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;padding-top:80px;position:fixed;right:0;top:76px;z-index:1000}.header.header--open .header__links{align-items:center;display:flex;flex-direction:column}.header.header--open .header__link{font-weight:700;margin-left:0;text-align:center}.header.header--open .header__link+.header__link{margin-top:25px}.header.header--open .header__button{margin-left:0;margin-top:25px}}.footer{align-items:center;border-top:1px solid #d9d9d9;display:flex;justify-content:space-between;margin-top:80px;padding:40px 0}@media only screen and (max-width:768px){.footer{flex-direction:column;justify-content:center;padding:25px 0}.footer .footer__logo{margin-bottom:25px}}.footer__logo{align-items:center;display:flex}.footer__logo__basedon{font-size:15px;font-weight:500;line-height:19px;margin-right:15px}.footer__logo__name{font-size:19px;font-weight:700;line-height:24px;margin-left:12px}.footer__links{align-items:center;display:flex}.footer__link{color:var(--mutedTextColor);font-size:16px;font-weight:600;line-height:20px;text-decoration:none;transition:all var(--animationDuration) ease-in-out}.footer__link:hover{color:var(--mutedTextColorHover)}.footer__link+.footer__link{margin-left:25px}.fee-card{align-items:center;background:#fff;border:1px solid var(--borderColor);border-radius:14px;cursor:pointer;display:flex;font-size:19px;font-weight:700;line-height:24px;padding:24px;transition:all var(--animationDuration) ease-in-out;width:100%}.fee-card .tag:first-child{margin-left:16px}.fee-card .tag+.tag{margin-left:12px}.fee-card.fee-card--active{border-color:var(--accentColor)}.fee-card:active .fee-card__edit,.fee-card:hover .fee-card__edit{color:var(--accentColorActive)}.fee-card:disabled{color:var(--mutedTextColor)}.fee-card__edit{all:unset;align-items:center;color:var(--accentColor);cursor:pointer;display:flex;font-size:16px;font-weight:700;line-height:20px;margin-left:auto;transition:all var(--animationDuration) ease-in-out}.fee-card__edit:active,.fee-card__edit:hover{color:var(--accentColorActive)}.fee-card__edit:disabled{color:var(--mutedTextColor)}.fee-card--disabled{cursor:default;pointer-events:none}.select-fee-modal .fee-card+.fee-card{margin-top:16px}.token-icon{align-items:center;border-radius:50%;display:flex;height:24px;width:24px}.token-icon img{border-radius:inherit;height:inherit;object-fit:cover;width:inherit}
/*# sourceMappingURL=main.03d583f5.css.map*/