/*!
 * Copyright (c) 2023 Open decentralized applications
 * Licensed under the MIT License (AGPL-3.0)
 * https://github.com/open-dapps/modal-window
 *
 */div.od-modal-window{position:fixed;display:grid;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.85);place-items:center;transition:200ms ease all;opacity:0;pointer-events:none}div.od-modal-window-container{position:relative;display:flex;transform:scale(0.95, 0.95);opacity:0;overflow:hidden;flex-direction:column;width:fit-content;min-width:min(100%,280px);max-width:100%;height:fit-content;max-height:100%;padding:20px;background:#fff;gap:10px;transition:200ms ease all}div.od-modal-window-container-header{position:relative;display:flex;align-items:center;flex-direction:row;justify-content:space-between}div.od-modal-window-container-header-title{position:relative;display:block;overflow:hidden;width:fit-content;white-space:nowrap;text-overflow:ellipsis}div.od-modal-window-container-header-close{width:18px;min-width:18px;height:18px;min-height:18px;cursor:pointer;transition:200ms ease all}div.od-modal-window-container-header-close:hover{opacity:.5}div.od-modal-window.open,div.od-modal-window.opening{opacity:1;pointer-events:all}div.od-modal-window.open div.od-modal-window-container,div.od-modal-window.opening div.od-modal-window-container{transform:scale(1, 1);opacity:1}div.od-modal-window.closing{opacity:0}div.od-modal-window.closing div.od-modal-window-container{transform:scale(0.95, 0.95);opacity:0}

body{font-family:"Inter",sans-serif;height:100%}html,body{height:100%}*{font-weight:500;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box !important}#root{height:100%;overflow:hidden;overflow-y:auto}body{--white: white;--black: black;--blackFirstColor: #202020;--blackSecondColor: #383838;--whiteFirstColor: #FDFDFD;--whiteSecondColor: #f9f9f9;--whiteSecondColorHover: #efefef;--strokeFirstColor: #e3e3e3;--historyFirstColor: #eaeaea;--historySecondColor: #f1f1f1;--greyFirstColor: #525252;--greySecondColor: #BBBBBB;--greenFirstColor: #00C471;--greenFirstColorDarken: #00a45f;--greenSecondColor: #F3FFFA;--successColor: #079455;--errorColor: #D12B1F;--secondErrorColor: #fff8f8;--triggerColor: #FF9900;--secondTriggerColor: #fffaf3;--actionColor: #925EE7;--actionSecondColor: #faf6ff;--buttonHoverColor: #00DA7F;--buttonBorderRadius: 8px;--buttonTransition: 150ms ease all;--borderRadius12: 12px;--borderRadius16: 16px}*[class~="color:yellow"]{color:var(--triggerColor)}*[class~="color:grey1"]{color:var(--greyFirstColor)}*[class~="color:grey2"]{color:var(--greySecondColor)}*[class~="color:red"]{color:var(--errorColor)}*[class~="color:half-black"]{color:var(--black);opacity:.5}@-webkit-keyframes shake{0%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}25%{-webkit-transform:translateX(2px);transform:translateX(2px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}25%{-webkit-transform:translateX(2px);transform:translateX(2px)}50%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}*[class~="hover-animation:shake"]:hover{-webkit-animation:200ms ease shake forwards;animation:200ms ease shake forwards}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}*[class~="hover-animation:rotate"]:hover{-webkit-animation:200ms ease-out rotate;animation:200ms ease-out rotate}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}*[class~="hover-animation:rotate-full"]:hover{-webkit-animation:200ms ease-out rotate;animation:200ms ease-out rotate}@-webkit-keyframes rotate-lr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate-lr{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}*[class~="hover-animation:left-right-rotate"]:hover{-webkit-animation:300ms ease rotate-lr;animation:300ms ease rotate-lr}@-webkit-keyframes rotate-l{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate-l{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}*[class~="hover-animation:left-rotate"]:hover{-webkit-animation:250ms ease rotate-l;animation:250ms ease rotate-l}*[class~="color:green"]{color:var(--greenFirstColor)}.od-modal-window .od-modal-window-container{border-radius:24px;overflow:hidden;overflow-y:auto;padding:24px;max-height:calc(100% - 40px);max-width:640px;min-width:300px;gap:25px}
a{text-decoration:none;color:var(--greenFirstColor);cursor:pointer}.app-wrapper{position:fixed;display:block;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;overflow:hidden;overflow-y:auto}@media screen and (max-width: 420px){.od-modal-window{place-items:flex-end !important;padding:1px}.od-modal-window.open,.od-modal-window.opening{opacity:1;pointer-events:all}.od-modal-window.open div.od-modal-window-container,.od-modal-window.opening div.od-modal-window-container{-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important;opacity:1}.od-modal-window.closing,.od-modal-window.close{opacity:0}.od-modal-window.closing div.od-modal-window-container,.od-modal-window.close div.od-modal-window-container{-webkit-transform:scale(1, 1) translateY(100px) !important;transform:scale(1, 1) translateY(100px) !important;opacity:0}}
.wrapper{position:relative;max-width:100%}.wrapper:not(.overflow){overflow:hidden}.wrapper.gridFullPage{display:grid;place-items:center;width:100%;height:100%;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.wrapper.flexFullPage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%}.wrapper.flexInlineCenter,.wrapper.flexInlineLeft,.wrapper.flexInlineRight,.wrapper.flexInlineSpaceBetween{display:flex;flex-direction:row;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;align-items:center;text-align:center}.wrapper.flexInlineSpaceBetween,.wrapper.flexColumnSpaceBetween{justify-content:space-between}.wrapper.flexInlineLeft{justify-content:flex-start}.wrapper.flexInlineRight{justify-content:flex-end}.wrapper.flexColumnCenter,.wrapper.flexColumnLeft,.wrapper.flexColumnRight,.wrapper.flexColumnSpaceBetween{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;align-items:center;text-align:center}.wrapper.flexColumnLeft,.wrapper.flexColumnSpaceBetween{text-align:left;align-items:flex-start}.wrapper.flexColumnRight{text-align:right;align-items:flex-end}
.typography-text{all:unset;color:inherit}.typography-text.scale-default{font-size:16px}.typography-text.scale-default.default{line-height:150%;font-weight:400}.typography-text.scale-default.medium{line-height:150%;font-weight:500}.typography-text.scale-default.button{line-height:24px;font-weight:600}.typography-text.scale-small{font-size:14px}.typography-text.scale-small.default{line-height:140%;font-weight:400}.typography-text.scale-small.medium{font-weight:500}.typography-text.scale-small.bold{font-weight:700}.typography-text.scale-small.button{font-weight:600;line-height:20}.typography-heading{all:unset;color:inherit}.typography-heading.large{font-size:40px;font-weight:700;letter-spacing:-0.2px}.typography-heading.medium{font-weight:500;line-height:140%;font-size:24px}.typography-heading.small{font-size:20px;font-weight:500;line-height:140%}.typography-caption{all:unset;color:inherit}.typography-caption.medium,.typography-caption.medium-bold{font-size:12px;font-weight:400}.typography-caption.medium-bold{font-weight:500;line-height:18px}.typography-caption.small{font-size:10px;font-weight:500;line-height:14px}
.loader{position:relative;display:grid;place-items:center;width:24px;height:24px;min-width:24px;padding:4px}.loader__spinner{border-radius:100%;width:100%;height:100%;border:2px solid var(--white);border-bottom-color:rgba(0,0,0,0);-webkit-animation:400ms linear infinite spin;animation:400ms linear infinite spin}@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loader.invert .loader__spinner{border-color:var(--black);border-bottom-color:rgba(0,0,0,0)}
.button{position:relative;display:flex;justify-content:center;align-items:center;padding:12px 20px;background-color:var(--greenFirstColor);font-size:16px;cursor:pointer;border:none;border-radius:var(--buttonBorderRadius);transition:var(--buttonTransition);gap:8px}.button span.typography-text,.button div.icon{transition:var(--buttonTransition);padding:0;background:rgba(0,0,0,0)}.button>div,.button>span{pointer-events:none}.button:hover,.button.active{background:var(--buttonHoverColor);color:var(--white)}.button div.loader{position:absolute;margin:auto;opacity:0;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5);transition:var(--buttonTransition)}.button.loading{cursor:not-allowed;background:var(--greenFirstColor)}.button.loading span.typography-text,.button.loading div.icon{opacity:0;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5)}.button.loading div.loader{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1)}.button.default{color:var(--white)}.button.transparent-bg{border:1px solid var(--greenFirstColor);background:var(--greenSecondColor);color:var(--greenFirstColor)}.button.transparent-bg:hover,.button.transparent-bg.loading,.button.transparent-bg.active{background:var(--buttonHoverColor);color:var(--white);border-color:var(--buttonHoverColor)}.button.transparent-bg-red{border:1px solid var(--errorColor);background:var(--secondErrorColor);color:var(--errorColor)}.button.transparent-bg-red:hover,.button.transparent-bg-red.loading,.button.transparent-bg-red.active{background:var(--errorColor);color:var(--white);border-color:var(--errorColor)}.button.transparent-bg-yellow{border:1px solid var(--triggerColor);background:var(--secondTriggerColor);color:var(--triggerColor)}.button.transparent-bg-yellow:hover,.button.transparent-bg-yellow.loading,.button.transparent-bg-yellow.active{background:var(--triggerColor);color:var(--white);border-color:var(--triggerColor)}.button.disabled{pointer-events:none;opacity:.5}
.icon{position:relative;display:grid;place-items:center;overflow:hidden}.icon *{width:100%;height:100%}
div.icon-stack{position:relative;display:flex;flex-direction:row-reverse;--iconSize: 24px}div.icon-stack .icon:not(:last-child){margin-left:calc(-1*var(--iconSize)/2)}
.wrapper.block{border-radius:var(--borderRadius16);border:1px solid var(--strokeFirstColor);padding:16px;background:var(--whiteSecondColor)}.wrapper.block__wrapper{overflow:hidden}.wrapper.block__wrapper .typography-text{width:100%}.wrapper.block__wrapper a{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper.block__wrapper>.wrapper.block{padding:0;border-radius:0;border:none}.wrapper.block__wrapper>.wrapper.block:not(:last-child){border-bottom:1px solid var(--strokeFirstColor);padding-bottom:16px;margin-bottom:16px}
.od-modal-window.wallet-connector .od-modal-window-container{width:min(400px,100%)}.od-modal-window.wallet-connector .od-modal-window-container .wcc__button{padding:20px;cursor:pointer;transition:var(--buttonTransition);border-radius:var(--buttonBorderRadius);background:var(--whiteSecondColor)}.od-modal-window.wallet-connector .od-modal-window-container .wcc__button:hover,.od-modal-window.wallet-connector .od-modal-window-container .wcc__button.selected{background:var(--greenFirstColor);color:var(--white)}.od-modal-window.wallet-connector .od-modal-window-container .wcc__button.disabled{opacity:.75;pointer-events:none}.od-modal-window.wallet-connector .od-modal-window-container .wcc__button.selected{opacity:1;background:var(--greenFirstColor);color:var(--white)}@media screen and (max-width: 460px){.od-modal-window.wallet-connector{align-items:flex-end !important}}
