:root {
    --color: #ffffff;
    --color-primary: #ffcc33;
    --text-gray1: #AAB2E6;
    --text-gray2: #C6C6D1;
    --text-gray3: #788093;
    --text-gray4: #65779E;
    --text-gray5: #acacb7;
    --input-btn-color1: #3c465c;
    --card-color1: #374055;
    --card-color2: #374055;
    --card-color3: #434f68;
    --card-color4: #3c465c;
    --card-color5: #3d4559;
    --card-click-color: #31394C;
    --bg: #282f3f;
    --border-color: #3D4559;
    --border-color1: #434f68;
    --border-color2: rgba(255, 255, 255, 0.05);
    --border-color3: #65779E;
    --border-color4: #4b5074;
    --btn-color1: #cacaca;
    --btn-color2: #3F4A62;
    --btn-color3: #ffcc33;
    --disable-text-color: #65779e;
    --disable-text-color1: #788093;
    --active-color: #31394c;
    --bottomNav: calc(10px + 34px + max(env(safe-area-inset-bottom), 10px));
}
.text-base{
    color: var(--color);
}
.bg-cus-base{
    background-color: var(--bg);
}
.text-cus-gdd{
    color: var(--text-gray2);
}
.text-gray3{
    color: var(--text-gray3);
}
.text-gray4{
    color: var(--text-gray4);
}
.text-primary{
    color: var(--color-primary);
}
.bg-primary{
    background-color: var(--color-primary);
}
.btn-bg-primary{
    background-color: var(--color-primary);
}
.text-on-primary{
    color: #000;
}
.btn-bg-color1{
    background-color: var(--card-color1);
}
.bg-theme-card{
    background-color: var(--card-color1);
}
.btn-cus-bg1{
    background-color: var(--bg);
}
.border-cus-base{
    border-color: var(--color);
}
.arrow-sm{
    width: 7px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNiA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTS42NTEgMWEuMzYuMzYgMCAwIDEgLjIyNS4wNzVsNC4wMyAzLjI0NGMuMTI1LjEuMTI1LjI2MiAwIC4zNjJMLjg3NyA3LjkyNWMtLjEyNC4xLS4zMjUuMS0uNDUgMC0uMTI0LS4xLS4xMjQtLjI2MyAwLS4zNjNMNC4yMzIgNC41LjQyNiAxLjQzN2MtLjEyNC0uMS0uMTI0LS4yNjIgMC0uMzYyQS4zNi4zNiAwIDAgMSAuNjUxIDF6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuNjkzIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
}
.arrow-base{
    width: 9px;
    height: 12px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEqADAAQAAAABAAAAGAAAAADQGar0AAABQElEQVQ4EbWUwUpCQRSGTXORLS1tI0S9gYgEbiN8hiCEoAcIhMCnCARx6yYIXLo3CGlfhA+gFO2sXWpN3w/3wN0EM0Md+JgZOP8/Z87cuZnMX4dzrgVjuIJclL+EsAbFF9zBTqzZQC5JrBjnUI016yD+TlCFn3AWa9ZE/AF2VKbuGjaDDREdwhTMTH27h90Ys22EQ7BQ316gFmwmAUJ9DuqbqhLqWyvW7ATxO6gqiy6TfLAhogN4hnTfJqyLMWYFhCOwkGlfRtlAtyPyG7BOdHpKj8ncb2DnS7CGa1S/LvzUZJG8BTdgIYM3UHV+QfI+PEG6wQ+s9/wcyCL5GBaQvvIea/8rJ7kN6X4sWZ+HVKHrvQULVfMK9RCT3z64cojJBrvOwJrK1OkJhP06EGRBR1DEP0qVjkEJTqHifZT/SPwB0djjblbnzHAAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: cover;
}
.arrow-lg{
    width: 10px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.545 1c.139 0 .28.05.386.15l6.91 6.488c.212.2.212.525 0 .725L1.93 14.85a.57.57 0 0 1-.771 0 .491.491 0 0 1 0-.725L7.684 8 1.16 1.875a.491.491 0 0 1 0-.725c.106-.1.246-.15.385-.15z' fill='%23FFF' fill-rule='nonzero' stroke='%23FFF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.arrow-back{
    width: 12px;
    height: 18px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAkCAMAAACkEQocAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTP///////////////////////////////////////////////////////////////////////////////0qNmhgAAAAUdFJOUwAWI+xK5fo489RYCXwt3cWzbGGOTzv7NAAAAIVJREFUKM+N08kOgCAMRVEUB3Ae+v/faqiJi9ZrZHlIoLSPEH6vM+X+hcdNRDK4RO9rcZmsV+T503fr9aJ+OG8Ld4P1Oao31nv15D2pu1Y06tF7V7ydrQ+31861/MV50PpzFf5v4FF4OZfLD+SWcBO57TwoHi2HgePDgeOIcqj5G/DHedYFeNYOe2YZtjkAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-size: contain;
}
.arrow-down-base{
    width: 16px;
    height: 12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYAgMAAADmPRenAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURf///0dwTP///////52frr0AAAAEdFJOU/4AVeMr5R3dAAAAY0lEQVQI142OwQ3AIAwDT/wYpCN0lFSV6INRWKIjskdzFe+qSBAnsY2JdfgAbVra5KqCvnMVwdg5uSMONvJGZEeMJPWS8nxscOwaiQpw7haZ8lGrA7rp6e+jrBi9LvAm4UfmByAJO0MLgWfVAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-size: contain;
}
.setting-icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGNpcmNsZSBjeD0iMTIuOTIzIiBjeT0iMTIuOTIzIiByPSIxMi45MjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9IiMzNzQwNTUiLz4KICAgICAgICA8ZyBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iLjYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuOTQgMjAuNzgzSDkuODE0Yy0xIDAtMS44MTMtLjg3Ny0xLjgxMy0xLjk1NVY5Ljk1NUM4IDguODc3IDguODEzIDggOS44MTMgOGg4LjA2NGMxIDAgMS44MTQuODc4IDEuODE0IDEuOTU1djIuNDQ5YzAgLjI2Mi0uMjEuNDc1LS40NjguNDc1YS40NzIuNDcyIDAgMCAxLS40NjgtLjQ3NVY5Ljk1NWMwLS41NTQtLjM5NC0xLjAwNS0uODc4LTEuMDA1SDkuODEzYy0uNDg0IDAtLjg3Ny40NTEtLjg3NyAxLjAwNXY4Ljg3M2MwIC41NTQuMzk0IDEuMDA1Ljg3NyAxLjAwNWgyLjEyOGMuMjU4IDAgLjQ2OC4yMTMuNDY4LjQ3NXMtLjIxLjQ3NS0uNDY4LjQ3NXpNMTQuNjg3IDIwLjc4M2EuNDYuNDYgMCAwIDEtLjMyLS4xMjcuNDguNDggMCAwIDEtLjAyMi0uNjcybDQuNjQ1LTUuMDVhLjQ2My40NjMgMCAwIDEgLjY2Mi0uMDI0LjQ4LjQ4IDAgMCAxIC4wMjIuNjcybC00LjY0NSA1LjA1YS40NjcuNDY3IDAgMCAxLS4zNDIuMTUxeiIvPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuMzg1IDExLjkxaC01LjcxM2EuNDQyLjQ0MiAwIDAgMS0uNDM4LS40NDVjMC0uMjQ2LjE5Ny0uNDQ1LjQzOC0uNDQ1aDUuNzEzYy4yNDEgMCAuNDM4LjIuNDM4LjQ0NWEuNDQyLjQ0MiAwIDAgMS0uNDM4LjQ0NXptLS44NzQgMi44MTJoLTQuODM5YS40NDIuNDQyIDAgMCAxLS40MzgtLjQ0NWMwLS4yNDYuMTk3LS40NDUuNDM4LS40NDVoNC44MzljLjI0MiAwIC40MzguMi40MzguNDQ1YS40NDIuNDQyIDAgMCAxLS40MzguNDQ1em0tMS43NjUgMi41ODVoLTMuMDc0YS40NDIuNDQyIDAgMCAxLS40MzgtLjQ0NWMwLS4yNDUuMTk3LS40NDUuNDM4LS40NDVoMy4wNzVjLjI0MiAwIC40MzguMi40MzguNDQ1YS40NDIuNDQyIDAgMCAxLS40MzkuNDQ1eiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: contain;
}
.cards-icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGNpcmNsZSBmaWxsPSIjMzc0MDU1IiBjeD0iMTMiIGN5PSIxMyIgcj0iMTIiLz4KICAgICAgICA8cGF0aCBkPSJNMTguNDE2IDE4LjVINy41ODRDNi43MSAxOC41IDYgMTcuNzkgNiAxNi45MTdWOS4wODNDNiA4LjIxIDYuNzEgNy41IDcuNTgzIDcuNWgxMC44MzNDMTkuMjkgNy41IDIwIDguMjEgMjAgOS4wODN2Ny44MzRjMCAuODczLS43MSAxLjU4My0xLjU4NCAxLjU4M3pNNy41ODQgOC41QS41ODQuNTg0IDAgMCAwIDcgOS4wODN2Ny44MzRjMCAuMzIyLjI2MS41ODMuNTgzLjU4M2gxMC44MzNhLjU4NC41ODQgMCAwIDAgLjU4NC0uNTgzVjkuMDgzYS41ODQuNTg0IDAgMCAwLS41ODQtLjU4M0g3LjU4NHptOS45MTYgM2gtOWEuNS41IDAgMCAxIDAtMWg5YS41LjUgMCAxIDEgMCAxem0tNy41IDVIOC41YS41LjUgMCAxIDEgMC0xSDEwYS41LjUgMCAxIDEgMCAxeiIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii41IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: contain;
}
.tax-icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGNpcmNsZSBjeD0iMTIuOTIzIiBjeT0iMTIuOTIzIiByPSIxMi45MjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9IiMzNzQwNTUiLz4KICAgICAgICA8ZyBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iLjYiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuOTQgMjAuNzgzSDkuODE0Yy0xIDAtMS44MTMtLjg3Ny0xLjgxMy0xLjk1NVY5Ljk1NUM4IDguODc3IDguODEzIDggOS44MTMgOGg4LjA2NGMxIDAgMS44MTQuODc4IDEuODE0IDEuOTU1djIuNDQ5YzAgLjI2Mi0uMjEuNDc1LS40NjguNDc1YS40NzIuNDcyIDAgMCAxLS40NjgtLjQ3NVY5Ljk1NWMwLS41NTQtLjM5NC0xLjAwNS0uODc4LTEuMDA1SDkuODEzYy0uNDg0IDAtLjg3Ny40NTEtLjg3NyAxLjAwNXY4Ljg3M2MwIC41NTQuMzk0IDEuMDA1Ljg3NyAxLjAwNWgyLjEyOGMuMjU4IDAgLjQ2OC4yMTMuNDY4LjQ3NXMtLjIxLjQ3NS0uNDY4LjQ3NXpNMTQuNjg3IDIwLjc4M2EuNDYuNDYgMCAwIDEtLjMyLS4xMjcuNDguNDggMCAwIDEtLjAyMi0uNjcybDQuNjQ1LTUuMDVhLjQ2My40NjMgMCAwIDEgLjY2Mi0uMDI0LjQ4LjQ4IDAgMCAxIC4wMjIuNjcybC00LjY0NSA1LjA1YS40NjcuNDY3IDAgMCAxLS4zNDIuMTUxeiIvPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuMzg1IDExLjkxaC01LjcxM2EuNDQyLjQ0MiAwIDAgMS0uNDM4LS40NDVjMC0uMjQ2LjE5Ny0uNDQ1LjQzOC0uNDQ1aDUuNzEzYy4yNDEgMCAuNDM4LjIuNDM4LjQ0NWEuNDQyLjQ0MiAwIDAgMS0uNDM4LjQ0NXptLS44NzQgMi44MTJoLTQuODM5YS40NDIuNDQyIDAgMCAxLS40MzgtLjQ0NWMwLS4yNDYuMTk3LS40NDUuNDM4LS40NDVoNC44MzljLjI0MiAwIC40MzguMi40MzguNDQ1YS40NDIuNDQyIDAgMCAxLS40MzguNDQ1em0tMS43NjUgMi41ODVoLTMuMDc0YS40NDIuNDQyIDAgMCAxLS40MzgtLjQ0NWMwLS4yNDUuMTk3LS40NDUuNDM4LS40NDVoMy4wNzVjLjI0MiAwIC40MzguMi40MzguNDQ1YS40NDIuNDQyIDAgMCAxLS40MzkuNDQ1eiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: contain;
}
.income-icon{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTDc/VTdAVzZAVT09VTdAVDdAVTdAVTc/VUZGXTg/VDZAVTc/VDhBVTdAVf///6+zuzxFWsnL0YyRnuDh5LcMzVgAAAAOdFJOUwD1KqMKTLnq2AOFY3lyHwA6RQAAAW1JREFUSMell9uWgyAMRbkoxKpRtP//reOlUxGCxvQ89KGLvQKHJESlCDWmtw681h6c7U2jWGpqq/Ekbet7tuo8EvJddR2tJbENbS+i1oAXgrrEvfBGL/p0Dm/liJMaQIbAZJxHlnxCVsDjUMN5tw7Zco/8LHhb4yN977OBZyD851CLD9V+HPVPQb8720V/hXkODLLbTuhjbhhmTsgmtXQchpFrrJWAdtmploC6UQYZYO6ZUT0DDFPmWX8+YgweUVYuBW1SFwe4rp7Cl5tCWiNAg9vqbTnJIShPgju3AjSHXmkK3FcfP3kaahL8RDnCEhdJbnWOj0dyy1aBBg9DSW4xh7yO4wpLZebKCXCX5b0M7HlJnsvIyyor5PdYUGyTJVpHWfO5dcTNart6Brg1q7g9hjCPI2OrXd6QL7pqSBuy+AmQPzriZ07+sMqfcv7wgMnwIB5X5AOSfCSTD4E/jJ3yQVc+Wv8wzK8k6/PhD7MKiDIj3cYGAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
}
.transactions-icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiMzNzQwNTUiIGN4PSIxMyIgY3k9IjEzIiByPSIxMiIvPjxwYXRoIGQ9Ik0xOS4wNyAxMS42ODVINi42NWMtLjM2IDAtLjY1LS4yNzctLjY1LS42MiAwLS4zNDEuMjktLjYxOC42NS0uNjE4aDExLjQ0N2wtMS43MTItMS4zNTFhLjYwNC42MDQgMCAwIDEtLjIyNi0uNTguNjI3LjYyNyAwIDAgMSAuNDE0LS40NzcuNjc1LjY3NSAwIDAgMSAuNjQuMTAzbDIuNDM4IDEuOTI2Yy4zMS4yNDQuNDI3LjY1Ny4yODcgMS4wMjRhLjkxNS45MTUgMCAwIDEtLjg2OS41OTN6TTkuMTk3IDE4YS42NjYuNjY2IDAgMCAxLS40MTQtLjE0MmwtMi40MzgtMS45MjZhLjg5NS44OTUgMCAwIDEtLjI4Ny0xLjAyNC45MTguOTE4IDAgMCAxIC44Ny0uNTkzSDE5LjM1Yy4zNiAwIC42NS4yNzcuNjUuNjE5IDAgLjM0Mi0uMjkuNjE5LS42NS42MTlINy45MDJsMS43MTEgMS4zNTFhLjYuNiAwIDAgMSAuMTk3LjY4OC42NDkuNjQ5IDAgMCAxLS42MTIuNDA4eiIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii41IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: contain;
}
.faqs-icon{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiMzNzQwNTUiIGN4PSIxMyIgY3k9IjEzIiByPSIxMiIvPjx0ZXh0IGZvbnQtZmFtaWx5PSJBcmlhbFJvdW5kZWRNVEJvbGQsIEFyaWFsIFJvdW5kZWQgTVQgQm9sZCIgZm9udC1zaXplPSIxNyIgZmlsbD0iI0ZGRiI+PHRzcGFuIHg9IjgiIHk9IjE5Ij4/PC90c3Bhbj48L3RleHQ+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
}
.remove-icon{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA/UExURUdwTOLi4vLy8uvr6/z8/Ds7OxcXFwAAAGJiYvn5+a+vr5WVlcDAwHl5edLS0qioqLe3t+Tk5NfX19XV1f///yuYpGAAAAAUdFJOUwDW8+n8kYaAn/oYtXSnr75S3MDcfsCpaQAAAPhJREFUOMuNlOuWwyAIhKOigtrmNu//rGvdbLXZpIf5qd+BAYVpGpTKZpyIM1tJ07WKIbxFplwgy1pv9sw+BM95r/y6nJknYHOIb4VsgecHkgxoHpCGzQQzWEsOluM/sYXrlIHz8ULewXQ/9pKplP3ztYA43ogJvzWumOOtZqyth7DhHgoWpbnO8Yvyy3si6oEeRwH+0UMRpZpt7wyklcCCTu013zZk89Koyogf8m3V0lD/65pZjoDHWTXlMDayAkQfTPRwkyCcunfqbYDoIFU6lXFVC1TNVD2L6oF1X0X16XTfVzUIupHSDadqzHULQ7l6dEvs2zr8ATXHI9HFV0AaAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: contain;
}
.info-icon{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjNDA0QTYxIiBkPSJNOCAwYzQuNDE4IDAgOCAzLjU4MiA4IDhzLTMuNTgyIDgtOCA4Yy00LjQyIDAtOC0zLjU4Mi04LThzMy41OC04IDgtOHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDIuMDAwMDAwLCAtMjM0LjAwMDAwMCkgdHJhbnNsYXRlKDEwMi4wMDAwMDAsIDIzNC4wMDAwMDApIi8+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjODI5MUIyIiBkPSJNNy45OTYgNi44Yy4zIDAgLjU1NC4yMi41OTUuNTE4bC4wMDYuMDgxTDguNiAxMS44Yy4wMDMuMzE4LS4yNDIuNTgzLS41Ni42MDUtLjMxNi4wMjEtLjU5NS0uMjA4LS42MzUtLjUyM0w3LjQgMTEuOGwtLjAwMy00LjRjMC0uMzMyLjI2OC0uNi42LS42bC0uMDAxLS4wMDJ6TTggNC4wMDFjLjI5MS0uMDA5LjU2NS4xNDEuNzEzLjM5Mi4xNDkuMjUxLjE0OS41NjMgMCAuODE0LS4xNDguMjUtLjQyMi40LS43MTMuMzkyLS40MzEtLjAxNC0uNzc0LS4zNjgtLjc3NC0uNzk5IDAtLjQzMS4zNDMtLjc4NS43NzQtLjc5OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDIuMDAwMDAwLCAtMjM0LjAwMDAwMCkgdHJhbnNsYXRlKDEwMi4wMDAwMDAsIDIzNC4wMDAwMDApIi8+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: contain;
}
.close-icon{
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im02Ljc3IDYgNC4wOC00LjA1M2MuMi0uMi4yLS41MzIgMC0uNzY0bC0uMDM0LS4wMzNjLS4yLS4yLS41MzUtLjItLjczNiAwTDYgNS4yMzYgMS45MiAxLjE4M2MtLjItLjItLjUzNS0uMi0uNzM2IDBsLS4wMzMuMDMzYy0uMjAxLjItLjIwMS41MzIgMCAuNzY0TDUuMjMgNmwtNC4wOCA0LjA1M2MtLjIwMS4yLS4yMDEuNTMyIDAgLjc2NGwuMDMzLjAzM2MuMi4yLjUzNS4yLjczNiAwTDYgNi43NjRsNC4wOCA0LjA1M2MuMi4yLjUzNS4yLjczNiAwbC4wMzMtLjAzM2MuMjAxLS4yLjIwMS0uNTMyIDAtLjc2NEw2Ljc3IDZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIuNyIvPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: contain;
}
.close-icon-lg{
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURf///0dwTP///////////////////1W0yawAAAAHdFJOU/4AV4NDqwglDn9bAAAAj0lEQVQoz72SuxGAMAxD32UDvnUYgYIBGIFjAvZfgrtwiVyooIFUjuxEkm06c/gGnLdd9/G8CjiQBGbWAk6wVKyHo4AjKs2wP0S5lfZPHoVKE+KWJV5qkvCsfUMgaISIQXxIi5Qh1fKA/MktwWDq3oD2uSOykpx4a9M1xLbONdmOww3Ojtgug10bu2D/rPcNASQym9lDULgAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: contain;
}
.del-icon{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURUdwTHmAk4CAn3iAk3iAk3iAkxx5VkEAAAAFdFJOUwC7CJv2wGCaagAAAGBJREFUKM9jYKAXMDGC0MrOUAHXQAUQxSQaAhUwDRUCUYqhwVABxVCQEiZRiDgDjAkRRihBUgBRgqwArARZAVgJigKQEhQFmAIYWtANxbAW3WEYTsfwHIb3MQIIIwhpDwD4mRhxo3tY4gAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: contain;
}
.not-selected-icon{
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTN3d6dzc6t3d6NnZ6t3d6d3d6d3d6d3d6N3d6dPT8d3d6N3d6N7e6N7e6ODg5t3d6BAKeUgAAAAQdFJOUwBwJNYPf1jvQKgF/MSCvykvG4FiAAAA6klEQVQ4y5VVCQ6DMAzrRZOUY/7/axc0JNhUqBcJJIIVxyE1IXxFirZlkbxZTOE2yppxibyWPmwSQKxqKiVptf1p6kCrvzBtZ6KpObT+4iZg0d+kLsD0lWmGOfb6iTPswhIMon2BKrArr7zuRvGSk71i1vuh6YxDURHE8BARUg7iJTzG8iH3gvoM1E/J9SqrH4bV73lUcC+ZfV8gbQRsguSahsw7d/SrjoHVq23jFvcmN9eSxsDkagRlDCwQHkhT02Lo8dADpz8hvRT8mtGLSx8F/nDRx5U3AN5SeJOibe8PI+WtmTf7we/jDdPdDa3de9gFAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: contain;
}
.selected-icon{
    width: 20px;
    height: 20px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTP/MM//MM//NMv/LNP/OMv/MNP/MM//NMv/MM//MM//MM//MM//LNP/MM//MM32NxPkAAAAPdFJOUwCn8IAJFiTSUtlyv5lZleJa/2oAAAEpSURBVCjPbZO9TgJREIWPkb8CE3qLLTQGqiU2lhIaWxprCSUNJNJDeARegM6W+AT4BvoGdPRg1PiX4c7c2d3Z5Z5ib/JlZufcmbmA1/B80Xp+glX5hkSPvYyVrkl10UnhnFI1E3ZKRm1Njizc+R+cUE4Ngbd5+M6sRgXNHOwW4eVxtuSX41zt+4j2vbxJmuCBrVYt2/cZjjGy8B94JfrEysIXnLnvD+wdvzoYcDWsDbxCaeqOXywNfEOdj2/E6s7pD9iIB4EfvlMTVGIPlwK5njN5Rz59LeU41JuUQpE2NlKTErMiDVWTYn6UzGDrTRJfs6oZTnW1O05ax+PapFPWJrvQirbbNTkZR0NN+nF2s0FkgwuOOLgM4bUJLlhwFcNLG17v4EMoPpkDeNsW7YSrz6UAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-size: contain;
}
.dropArrow{
    width: 16px;
    height: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAMAAADbT899AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA5UExURUdwTP///////////////////////////////////////////////////////////////////////308lk0AAAASdFJOUwAfuXyuo9oHEsbo0ZeKbGcx/i13lMMAAACbSURBVCjPrVFXDsUgDGuYKdBB7n/YRxiCV9p+NRISdqwsL8sXcQqNM4tanPVriPykQE9k6t8R0XpR4JpIV8FBrLBj3nKejgZlAlEMCis4LzuxMVYdK8bbWDIwoxvSjML/UMzFcKduXXvV0s9e985zRVkmJmHny5XN9n3eebwdxZiex3tP0FAOg0+uQVYYePYVki0O3pwHpWD5OH49Ngjt6QimGgAAAABJRU5ErkJggg==") no-repeat;
    background-size: contain;
}
.empty-icon{
    width: 112px;
    height: 112px;
    background: url("data:image/png;base64,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") no-repeat;
    background-size: contain;
}
.error-retry-icon{
    width: 96px;
    height: 96px;
    background: url("data:image/png;base64,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") no-repeat;
    background-size: contain;
}
.rank-first-bg {
    background:url('/imgs/ranking/dark/rank-1@2x.png') no-repeat;
    background-size:100% 100%;
}
.rank-second-bg {
    background:url('/imgs/ranking/dark/rank-2@2x.png') no-repeat;
    background-size:100% 100%;
}
.rank-third-bg {
    background:url('/imgs/ranking/dark/rank-3@2x.png') no-repeat;
    background-size:100% 100%;
}
.card-item {
    background-color: var(--card-color3);
}

input::-webkit-input-placeholder{
    color: var(--border-color3) !important;
}
textarea{
    outline: none;
    resize: none;
}
textarea::-webkit-resizer{
    display: none
}
textarea::-webkit-input-placeholder{
    color: var(--border-color3) !important;
}
.placeholder{
    color: var(--border-color3) !important;
}
.hide-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    -webkit-overflow-scrolling: touch;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera, iOS Safari */
}
.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
    word-break: break-all;
}
.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    word-break: break-all;
}
.click-active:active{
    transform: scale(0.98);
    opacity: 0.8;
}