html{--font-family-main: "Poppins", sans-serif;--reactour-accent: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--c-text-active: #fff;--c-green-light: #00bc84;--c-blue-light: #73a8f8;--c-pink-light: #ff6f6f}[data-theme=light-blue]{--c-text-primary: #1b2559;--c-text-second: #9baeca;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f4f7fe;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #d9dbff;--c-bg-hover: #efefff;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(35, 165, 240, .15);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=dark-blue]{--c-text-primary: #fefefe;--c-text-second: #9baeca;--c-text-three: #fefefe;--c-text-four: #9baeca;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0d0d1f;--c-bg-second: #151429;--c-bg-third: #0d0d1f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #151429;--c-bg-active: #242346;--c-bg-hover: #1d1c38;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0px 21px 27px -10px rgba(58, 87, 232, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(35, 165, 240, .08);--gradient-primary: linear-gradient(180deg, #73a8f8 0%, #3a57e8 100%);--gradient-btn-hover: linear-gradient(180deg, #92bcfa 0%, #3a57e8 100%);--gradient-color-first: #3a57e8;--gradient-color-second: #73a8f8;--c-focus: #23a6f0}[data-theme=light-green]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: rgb(207, 205, 203, .7);--c-bg-hover: rgb(240, 238, 239, .8);--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(0, 255, 162, .15);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #03c980}[data-theme=dark-green]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(24, 73, 31, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(0, 255, 162, .08);--gradient-primary: linear-gradient(45deg, #0f7d54 0%, #7ae5b5 100%);--gradient-btn-hover: linear-gradient(45deg, #11865b 0%, #81f0be 100%);--gradient-color-first: #0f7d54;--gradient-color-second: #7ae5b5;--c-focus: #00d688}[data-theme=light-orange]{--c-text-primary: #1b2559;--c-text-second: #a7a7a7;--c-text-three: #232d42;--c-text-four: #1b2559;--c-text-six: #737373;--c-bg-primary: #f8fafd;--c-bg-second: #fff;--c-bg-third: #f8fafd;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: #efeff5;--c-bg-active: #cfcdcb;--c-bg-hover: #f0eeef;--c-border-primary: #e9edf7;--c-box-shadow: rgba(112, 144, 176, .08);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 10px 20px 4px rgba(255, 173, 96, .15);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #fa9c44}[data-theme=dark-orange]{--c-text-primary: #fefefe;--c-text-second: #a7a7a7;--c-text-three: #fefefe;--c-text-four: #a7a7a7;--c-text-six: rgba(254, 254, 254, .5);--c-bg-primary: #0f0f0f;--c-bg-second: #151515;--c-bg-third: #0f0f0f;--c-bg-blur: rgba(232, 232, 240, .479);--c-bg-gnii: rgba(18, 18, 18, 1);--c-bg-active: #242424;--c-bg-hover: #1d1d1d;--c-border-primary: rgba(254, 254, 254, .05);--c-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);--c-box-shadow-btn: 0 21px 27px -10px rgba(73, 50, 24, .3);--c-box-shadow-btn-second: 0px 5px 20px 4px rgba(255, 173, 96, .08);--gradient-primary: linear-gradient(45deg, #ff891d 0%, #ffac60 100%);--gradient-btn-hover: linear-gradient(45deg, #ff761a 0%, #ff9a5f 100%);--gradient-color-first: #ff891d;--gradient-color-second: #ffac60;--c-focus: #e7903e}.text-gradient-primary{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.box{border-radius:10px;background:var(--c-bg-second);box-shadow:var(--c-box-shadow);padding:20px}[data-theme^=dark] .box{border:1px solid var(--c-border-primary)}.box-2{border-radius:6px;border:1px solid var(--c-border-primary);background:var(--c-bg-third)}.box-3{border-radius:6px;background:var(--c-bg-third)}@media (max-width: 600px){.box{padding:18px 17px}}.box-form{border-radius:6px;background:var(--c-bg-third)}.box-form.focus{outline:1px solid var(--c-focus)}.box-form.valid{outline:1px solid #2dc071}.box-form.is-not-valid{outline:1px solid #e74040}.c-text-sec{color:var(--c-text-second)!important}.f15{font-size:15px}.divider{height:1px;width:100%;background:var(--c-border-primary)}.hidden{visibility:hidden}.svg-color-fill-focus{fill:var(--c-focus)}.svg-color-fill-primary{fill:var(--c-text-second)}.svg-color-stroke-primary{stroke:var(--c-text-second)}.svg-color-stroke-secondary{stroke:var(--gradient-color-second)}.svg-gradient-color-first{stop-color:var(--gradient-color-first)}.svg-gradient-color-second{stop-color:var(--gradient-color-second)}.swap{display:flex;flex-direction:column;padding-top:24px;gap:33px}.swap__title{font-size:15px;color:var(--c-text-second)}.swap__card{width:100%;padding:25px 20px;overflow:auto}.swap__card-title{display:flex;justify-content:space-between;align-items:center}.swap__card-title svg{cursor:pointer}.swap__card-title svg path{stroke:var(--c-focus)}.swap__card.transactions{flex-grow:1}.swap .dropdown{width:150px;min-width:150px;height:48px;padding:0 15px;border-radius:6px;border:1px solid var(--c-border-primary);background:var(--c-bg-second)}.swap .dropdown__options{width:100%;left:0;top:48px;background:var(--c-bg-second)}.swap .dropdown__option{padding:5px 15px}.swap__output{font-size:14px;margin-top:17px;padding:0 20px}.swap__output-value{color:var(--text-primary)}.swap__button{margin-top:20px;width:100%;padding:10px 0}.swap__result{display:flex;flex-direction:column;padding:17px 20px;margin-top:23px;gap:20px}.swap__result_field{display:flex;justify-content:space-between;gap:10px}.swap__result_field-title{color:var(--c-text-primary)}.swap__result_sent{display:flex;justify-content:space-between;padding-top:16px;gap:10px;border-top:1px solid var(--c-border-primary)}.swap__result_sent-value{word-break:break-all}.swap__convertor{display:flex;flex-direction:column;gap:10px;position:relative;margin-top:20px}.swap__convertor_reverse-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:50%;width:54px;height:54px;padding:6px;transform:translate(50%,-50%);background:var(--c-bg-second);border-radius:50%}.swap__convertor_reverse{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--c-border-primary);background:var(--c-bg-primary);transform:rotate(-90deg);transition:all .2s;cursor:pointer}.swap__convertor_reverse svg path{fill:var(--c-text-primary)}.swap__convertor_reverse:hover{border-color:var(--text-primary)}.swap__convertor_reverse.rotate{transform:rotate(90deg)}.swap__convertor_panel{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.swap__convertor_panel-values{display:flex;flex-direction:column;gap:23px;font-size:14px;overflow-x:auto}.swap__convertor_panel-values-input{font-size:28px;color:var(--c-text-second);width:100%}.swap__convertor_panel-values-input::-webkit-scrollbar{height:7px}@media (max-width: 600px){.swap__convertor_panel{align-items:start;flex-direction:column;gap:15px}.swap__convertor_panel-values{gap:15px}.swap__convertor_panel-values-input{font-size:20px}}.swap-transactions-history{margin-top:24px}.swap-transactions-history .title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--c-border-primary);padding-bottom:20px}.swap-transactions-history .title h2{font-weight:700;font-size:16px}.swap-transactions-history .title span{font-size:14px;color:var(--c-text-second)}.swap-transactions-history .table{overflow-y:hidden;overflow-x:auto;padding-bottom:10px;height:605px}.swap-transactions-history .table th>div{display:flex;align-items:center;justify-content:start;gap:5px;font-weight:700;font-size:12px;text-align:left;padding-right:10px;cursor:pointer}.swap-transactions-history .table th .arrows{margin-top:-3px}.swap-transactions-history .table td{position:relative;font-weight:400;font-size:12px;color:var(--c-text-second)}.swap-transactions-history .table thead tr,.swap-transactions-history .table tbody tr{min-width:850px;width:100%;height:60px;display:grid;grid-template-columns:minmax(60px,200px) minmax(80px,200px) minmax(80px,200px) minmax(80px,200px) minmax(80px,200px) minmax(80px,200px) 70px;align-items:center;padding:0;margin:0}.swap-transactions-history .table thead tr{padding:0 20px;height:60px}.swap-transactions-history .table tbody tr{padding:0 20px;border-top:1px solid var(--c-border-primary);background:var(--c-bg-third)}.swap-transactions-history .table tbody tr:first-child{border-top:0px}.swap-transactions-history .table td:first-child{display:flex;align-items:center;gap:5px}.swap-transactions-history .table td:first-child svg path{stroke:var(--c-blue-light)}.swap-transactions-history .table .two-row{display:flex;flex-direction:column}.swap-transactions-history .table .icon-with-title{display:flex;align-items:end;gap:5px;color:var(--c-text-primary)}