@import url(../../../npm/-xz/fonts-1/serve/plus-jakarta-display.min.css);body,html{font-family:"Plus Jakarta Display",sans-serif;color:#3a395e}h6{font-size:18px}.text-primary{color:#3a395e!important}.text-warning{color:#f3cf04!important}.cursor-pointer{cursor:pointer}.btn{border-radius:16px;color:#101035;font-weight:700}.font-weight-bold{font-weight:700!important}.btn-warning{background:#f3cf04;opacity:.81}.__react_component_tooltip{padding:26px 32px!important;border-radius:16px!important}.navbar{position:relative;-webkit-align-items:center;align-items:center;background-color:#fff}.navbar-brand{display:inline-block;padding:0 2.5rem;margin:0}.navbar-collapse{padding-right:2.5rem}.navbar a{text-decoration:none}.navbar-light .navbar-nav .nav-link{color:#3a395e;text-decoration:none;font-weight:500}.navbar-light .navbar-nav .nav-item svg{vertical-align:top}.card{border:1px solid rgba(0,0,0,.09);box-shadow:0 30px 50px 0 rgba(39,25,77,.05);border-radius:32px}h5.card-title{font-size:28px;text-align:center}p.card-subtitle{color:#3a395e;font-size:16px;text-align:center;margin-bottom:24px!important}.card-text .coin-image{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:64px;height:64px;border-radius:50%;background:#fff}.card-text .coin-image img{width:40px;height:40px}@media only screen and (max-width:767px){.card-text .coin-image{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:32px;height:32px;border-radius:50%;background:#fff}.card-text .coin-image img{width:100%;height:100%}}.card-text .coin-image img.happy-coin{width:100%;height:100%;border-radius:50%;margin:12px}.card-text .currency-select-button{background:rgba(243,207,1,.1);border-radius:20px;color:#3a395e;font-weight:700;font-size:17px;height:80px;width:46%;border:0}@media only screen and (max-width:767px){.card-text .currency-select-button{font-size:12px}}.card-text .currency-select-button.from-button{background:hsla(0,0%,96.1%,.7)}.card-text .currency-select-button.to-button{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;background:rgba(243,207,1,.1);padding:0 10px}.card-text .currency-select-button.to-button:hover:not(:disabled):not(.button--disabled):not(:active){background-color:rgba(243,207,1,.1)}.card-text .angle-icon{position:absolute;right:10px}.card-text .swap-icon{width:20px;display:-webkit-flex;display:flex}.card-text label.amount-label{margin-top:1.5rem;color:#3a395e;font-weight:700;font-size:13px}.card-text label.amount-label .from-coin-label{font-weight:400;font-size:14px;line-height:14px;color:#6e6d8f}.card-text label.amount-label .from-coin-label b{font-weight:700;color:#6f50ef;margin-left:1rem}.card-text .amount-box{position:relative;padding:20px;background:#f5f5f5;border-radius:20px;font-size:15px;line-height:15px;color:#3a395e}.card-text .amount-box .amount-input{width:100%;border:0;background:transparent}.card-text .amount-box .amount-input:focus{border:0;outline:none}.card-text .amount-box span{position:absolute;font-weight:700;right:20px;text-transform:uppercase}.profit-percent{color:#6e6d8f}.percent-label{background:#f5f5f5;padding:9px;border-radius:8px;font-size:14px;line-height:14px;color:#6e6d8f}.card-text a.link{position:relative;display:block;width:100%;text-align:center;font-weight:700;font-size:18px;line-height:16px;color:#3d3d5b;text-decoration:none}.card-text a.link-with-divider:after{content:" ";right:-10px;position:absolute;height:100%;width:1px;background:rgba(0,0,0,.1)}.video-guide-wrapper{display:-webkit-flex;display:flex;margin-top:40px;padding:20px;border:1px solid rgba(0,0,0,.1);border-radius:16px}.video-guide-wrapper .video-preview-image{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.video-guide-wrapper .video-preview-image .play-icon{position:absolute}.guide-text{display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;margin-left:1rem;-webkit-justify-content:center;justify-content:center}.guide-text p{margin:0}.text-container{margin-top:2rem}.text-container ol{padding-left:15px;list-style-type:none}.text-container ol li span{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;background:#f5f5f5;opacity:.81;border-radius:8px;padding:18px}.text-container ol li{margin-bottom:30px}.exchange-container{padding:2.5rem;background:hsla(0,0%,96.1%,.5);border-radius:16px}.exchange-container p:first-child{color:#797986;font-size:12px}.trading-links .trading-link{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:25px 0}.trading-links .trading-link:first-child{border-bottom:1px solid rgba(0,0,0,.1)}.wallet-list .wallet-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.5rem;padding:8px 16px 8px 24px;background:hsla(0,0%,96.1%,.81);border-radius:20px;cursor:pointer}.wallet-list .wallet-item b{color:#101035;font-size:16px}.happycoin-token{padding:16px 20px;background:#f5f5f5;border-radius:16px}.slippage-btn{border-radius:16px!important;background-color:#f3cf04!important}.slippage-btn,.social-btn{font-weight:700!important;font-size:18px;height:61px!important;color:#101035!important}.social-btn{border-radius:16px!important;background-color:hsla(0,0%,100%,0)!important;border:1px solid #101035!important;margin:0 8px}.connect-btn{border-radius:16px!important;font-weight:700!important;font-size:18px!important;background-color:#f3cf04!important;color:#101035!important}.connect-btn.disabled,.connect-btn:disabled,fieldset:disabled .connect-btn{pointer-events:none;opacity:1;background:transparent!important;border:1px solid #d7d6e0;color:#a4a2b9!important}.react-joyride__tooltip{padding:24px 32px!important}.react-joyride__tooltip div,.react-joyride__tooltip h4{padding:0!important;text-align:left;margin-bottom:10px!important}a{color:#6f50ef}.wallet-info{position:absolute;right:60px;top:40px}.wallet-info .wallet-address{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:.5rem;background-color:#eeeef2;opacity:.81}.wallet-info .wallet-address,.wallet-info .wallet-balance{position:relative;padding:16px 24px;font-size:16px;color:#3a395e;border-radius:16px;font-weight:700}.wallet-info .wallet-balance{background-color:#f1f1f4}.wallet-info .wallet-address:before{bottom:-5px}.wallet-info .wallet-address:after,.wallet-info .wallet-address:before{content:" ";position:absolute;height:50px;width:22px;background-color:rgba(238,238,242,.81);border-radius:50%;z-index:-1}.wallet-info .wallet-address:after{bottom:-51px}.wallet-info .wallet-balance small{font-size:12px;font-weight:700}.wallet-info .wallet-balance p{margin-bottom:0}.wallet-info .wallet-balance p.text-info{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:20px;color:#09bc8a!important}.wallet-info .wallet-balance p.text-info:before{content:" ";position:absolute;left:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #09bc8a}@media only screen and (max-width:767px){.navbar-collapse{padding:2rem}}.btn-wallet-connect{padding:16px 24px;font-size:16px;font-weight:700;border:none;box-shadow:none!important}.btn-wallet-connect:focus{outline:none;border:none;box-shadow:none}.react-joyride__beacon{display:none}.react-joyride__tooltip>div:not(:first-child){display:none!important}.help-container .col{padding:0 4rem}.horizon-divider{position:relative}.horizon-divider:before{content:" ";top:0;left:calc(-50vw + 48%);height:1px;width:100vw;position:absolute;background-color:rgba(0,0,0,.1)}@media only screen and (min-width:768px){.live-chart{margin-right:auto}}.step-tooltip.step-tooltip-right{right:-300px}.step-tooltip.step-tooltip-left{left:-300px}.step-tooltip.step-tooltip-right:before{left:-10px;border-right:10px solid #3a395e}.step-tooltip.step-tooltip-left:before,.step-tooltip.step-tooltip-right:before{content:" ";position:absolute;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent}.step-tooltip.step-tooltip-left:before{right:-10px;border-left:10px solid #3a395e}.step-tooltip h3,.step-tooltip p{font-size:16px}.step-tooltip h3{font-weight:700}.step-tooltip p{margin-bottom:0;font-weight:300}.step-tooltip-close-button{position:absolute;display:inline-block;top:5px;right:5px;color:#fff;border:0;background-color:transparent}.swap-wrapper-c{padding:24px}.navbar{padding:47.5px 62px 67.5px 16px}.nav-links{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.nav-links a{margin-right:24px;color:#3a395e}.navbar img{margin:0 48px}.btn-toggle{display:none;cursor:pointer}@media only screen and (max-width:1023px){.btn-toggle{display:block;position:absolute;top:24px;right:16px;border:1px solid #dcdcdc;padding:5px;border-radius:6px}.btn-toggle.opened{right:30px}.navbar{padding:24px}.navbar.opened{width:100vw;height:100vh;display:-webkit-flex;display:flex;position:fixed;z-index:10}.nav-links,.navbar.opened{-webkit-align-items:flex-start;align-items:flex-start}.nav-links{-webkit-flex-direction:column;flex-direction:column}.navbar img{margin:unset}.wallet-info{position:relative!important;width:100%;right:0}.wallet-info .wallet-address{width:100%}.wallet-info .wallet-balance{text-align:center}}@media only screen and (max-width:767px){.video-guide-wrapper{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column}.video-guide-wrapper .guide-text{margin-top:1rem;margin-left:0}.help-container .col{padding:0 2rem}.step-tooltip{display:none!important}div[role=presentation]+div{min-width:0}.swap-wrapper-c{padding:unset}.card-text .currency-select-button{height:56px}.card-text a.link{font-size:14px}.text-container ol{padding-left:unset}}.px-1{height:24px}.px-2{height:48px}.btn-close{width:12px}.modal-swap-info .modal-content{border-radius:32px}.ml-10{margin-left:10px}.token-amount-input{color:#3a395e!important;width:0;position:relative;font-weight:500;outline:none;border:none;-webkit-flex:1 1 auto;flex:1 1 auto;background-color:transparent;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;-webkit-appearance:textfield}.token-amount-input::-webkit-search-decoration{-webkit-appearance:none}.token-amount-input[type=number]{-moz-appearance:textfield}.token-amount-input::-webkit-inner-spin-button,.token-amount-input::-webkit-outer-spin-button{-webkit-appearance:none}.token-amount-input::-webkit-input-placeholder{color:#57565c}.token-amount-input:-ms-input-placeholder{color:#57565c}.token-amount-input::placeholder{color:#57565c}.open-currency-select-button div{color:#3a395e!important}
/*# sourceMappingURL=main.ad1eb269.chunk.css.map */