body{font-family:"Manrope",sans-serif;height:100%}html,body{height:100%}*{box-sizing:border-box !important;font-weight:500;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#root{box-sizing:border-box;height:100%;overflow:hidden;overflow-y:auto}#root>div{height:100%}
.widget{--black: black;--black10: rgba(0, 0, 0, 10%);--black2: rgba(0, 0, 0, 2%);--black5: rgba(0, 0, 0, 5%);--dropdownBackground: #F2F2F2;--halfDark: #555555;--hoverBlack: #CCCCCC;--primary: #00C471;--primaryActive: #00BB6B;--primaryTransparent: rgba(0, 196, 113, 0.2);--red: #FF5757;--textOnPrimary: white;--textOnTransparent: black;--transparentBackground: rgba(0, 0, 0, 0.4);--white: white;align-items:center;background:rgba(0,0,0,.03);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;min-height:100%;position:relative;width:100%}.widget a{color:var(--primary);text-decoration:none}.widget__container{max-width:520px;min-width:320px;width:100%}.widget.dark{--black: white;--black10: rgba(255, 255, 255, 10%);--black2: rgba(255, 255, 255, 2%);--black5: rgba(255, 255, 255, 5%);--dropdownBackground: #2F2F2F;--halfDark: #555555;--hoverBlack: #CCCCCC;--primary: #00C471;--primaryActive: #00BB6B;--primaryTransparent: rgba(0, 196, 113, 0.2);--red: #FF5757;--textOnPrimary: white;--textOnTransparent: white;--transparentBackground: rgba(0, 0, 0, 0.4);--white: black;background:#111;color:#fff}
.widget-footer{align-items:center;display:flex;font-size:14px;gap:6px;justify-content:center;opacity:.75;padding:20px;position:relative;-webkit-user-select:none;user-select:none;width:100%}
.widget-header{align-items:center;display:flex;gap:10px;justify-content:center;padding:20px;position:relative;-webkit-user-select:none;user-select:none;width:100%}
.content-block{background:var(--black5);display:block;flex-direction:column;overflow:hidden;position:relative;transition:100ms ease all}.content-block__header{align-items:center;border-bottom:1px solid var(--black10);display:flex;font-size:14px;font-weight:600;gap:6px;padding:20px;position:relative;transition:100ms ease all;-webkit-user-select:none;user-select:none}.content-block__content{display:flex;flex-direction:column;gap:10px;height:0;position:relative;transition:300ms ease all}.content-block__content-inner{display:flex;flex-direction:column;gap:10px;padding:20px;position:relative}.content-block.completed .content-block__header{color:var(--primary)}.content-block.skipped .content-block__header{color:var(--halfDark);opacity:.5}.content-block.editable.completed{cursor:pointer}.content-block.editable.completed:hover{background:var(--black5)}.content-block.closed{cursor:not-allowed}.content-block.closed .content-block__header{opacity:.5}.content-block.closed,.content-block.completed{background:var(--black2)}.content-block.closed .content-block__header,.content-block.completed .content-block__header{border-bottom:none}
.button{align-items:center;background:var(--primary);border:none;border-radius:10px;color:var(--textOnPrimary);cursor:pointer;display:flex;gap:6px;height:60px;justify-content:center;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow:hidden;padding:20px;position:relative;transition:100ms ease all}.button__icon{display:flex;height:20px;min-width:20px;position:relative;width:20px}.button__icon svg{height:100%;width:100%}.button__loader{align-items:center;background:var(--primary);cursor:not-allowed;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.button__loader-circle{-webkit-animation:400ms linear rotate infinite;animation:400ms linear rotate infinite;border:2px solid var(--textOnPrimary);border-bottom-color:rgba(0,0,0,0);border-radius:100%;display:block;height:20px;position:relative;width:20px}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.button:hover{background:var(--primaryActive)}.button.loading .button__loader{opacity:1;pointer-events:all}.button.disabled{cursor:not-allowed;opacity:.3}@media screen and (max-width: 380px){.button{padding:20px 10px}}
.wallet-connector{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:100%}.wallet-connector__account{align-items:center;display:flex;gap:10px;position:relative;width:100%}.wallet-connector__account-wrapper{align-items:center;border:2px solid var(--primary);border-radius:10px;color:var(--textOnTransparent);display:flex;justify-content:space-between;padding:10px 15px;position:relative;width:100%}.wallet-connector__account-change{cursor:pointer;transition:100ms ease all}.wallet-connector__account-change:hover{color:var(--primary)}.wallet-connector__account-balance{font-size:14px;opacity:.75}
.inline-block{align-items:center;display:flex;gap:10px;position:relative}
div.input-component-wrapper{align-items:center;background:rgba(0,0,0,0);border:2px solid var(--primary);border-radius:10px;display:flex;height:60px;position:relative;transition:100ms ease all;width:100%}div.input-component-wrapper input{background:rgba(0,0,0,0);border:none;border-radius:8px;color:var(--black);display:block;height:56px;padding:0 16px;position:relative;text-overflow:ellipsis;transition:100ms ease all;width:100%}div.input-component-wrapper input.invalid{border-color:var(--red)}div.input-component-wrapper.invalid{border-color:var(--red)}div.input-component-wrapper div.input-component-symbol{margin-right:16px;opacity:.7;-webkit-user-select:none;user-select:none}
.telegram-connector{display:flex;flex-direction:column;gap:10px;position:relative}
.dropdown{display:flex;flex-direction:column;height:60px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.dropdown__selector{align-items:center;border:2px solid var(--primary);border-radius:10px;cursor:pointer;display:flex;height:60px;justify-content:space-between;padding:20px;position:relative;transition:200ms ease all}.dropdown__selector:hover .dropdown__selector-icon{color:var(--primary)}.dropdown__selector-icon{display:grid;height:20px;min-width:20px;place-items:center;position:relative;transition:100ms ease all;width:20px}.dropdown__selector-text{align-items:center;display:flex;position:relative}.dropdown__list{background:var(--dropdownBackground);border:2px solid var(--primary);border-bottom-color:var(--hoverBlack);border-bottom-width:1px;border-radius:10px 10px 0 0;display:flex;flex-direction:column;height:0;max-height:240px;opacity:0;overflow:hidden;overflow-y:auto;pointer-events:none;position:absolute;top:2px;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:200ms ease all;width:100%;z-index:10}.dropdown__list::-webkit-scrollbar{border-radius:10px;width:6px}.dropdown__list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:20px;cursor:pointer}.dropdown__item{cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px;position:relative;transition:100ms ease all}.dropdown__item-description{font-size:14px;opacity:.75}.dropdown__item:hover,.dropdown__item.selected{background:var(--primary);color:var(--textOnPrimary)}.dropdown__item.selected{cursor:not-allowed;opacity:.75}.dropdown.open .dropdown__selector{border-radius:0 0 10px 10px;border-top-color:rgba(0,0,0,0)}.dropdown.open .dropdown__selector-icon{color:var(--primary)}.dropdown.open .dropdown__list{opacity:1;pointer-events:all}
.token-selector{background:var(--transparentBackground);display:grid;height:100%;left:0;place-items:center;position:fixed;top:0;transition:200ms ease all;width:100%;z-index:100}.token-selector:not(.open){opacity:0;pointer-events:none}.token-selector:not(.open) .token-selector__container{-webkit-transform:translateY(20px);transform:translateY(20px)}.token-selector__container{background:var(--white);border-radius:10px;display:flex;flex-direction:column;height:100%;max-height:640px;max-width:520px;min-width:320px;overflow:hidden;padding:20px;position:relative;transition:200ms ease all;width:100%}.token-selector__container-title{align-items:center;display:flex;justify-content:space-between;position:relative}.token-selector__container-search{margin:20px 0}.token-selector__container-content{display:flex;flex-direction:column;gap:3px;height:100%;margin-bottom:20px;overflow:hidden;overflow-y:auto;position:relative}.token-selector__item{border-radius:10px;padding:20px;transition:100ms ease all}.token-selector__item.selected{background:var(--primaryTransparent)}
.checkbox{border:2px solid var(--primary);border-radius:8px;cursor:pointer;display:grid;height:24px;min-width:24px;overflow:hidden;place-items:center;position:relative;transition:200ms ease all;-webkit-user-select:none;user-select:none;width:24px}.checkbox__check{color:var(--white);display:grid;height:100%;place-items:center;position:relative;-webkit-transform:translateY(10px) scale(0, 0);transform:translateY(10px) scale(0, 0);transition:200ms ease all;width:100%}.checkbox.checked{background:var(--primary)}.checkbox.checked .checkbox__check{-webkit-transform:translateY(0) scale(1, 1);transform:translateY(0) scale(1, 1)}
.token-input{margin-right:-10px;overflow:hidden;transition:200ms ease all;width:0}.token-input.show{margin-right:0;width:150%}.token-input__selector{align-items:center;border:2px solid var(--primary);border-radius:10px;cursor:pointer;display:flex;gap:20px;height:60px;justify-content:space-between;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:20px;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}@media screen and (max-width: 380px){.token-input__selector{padding:20px 10px}}.token-input__selector div.token-input__icon{transition:100ms ease all}.token-input__selector:hover div.token-input__icon{color:var(--primary)}.token-input__icon{display:grid;place-items:center;position:relative}
.final-message{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-top:20px;position:relative;text-align:center}.final-message__text{color:var(--halfDark)}
.telegram-connector{display:flex;flex-direction:column;gap:10px;position:relative}