@ape.swap/bonds-sdk 6.2.13 → 6.2.15

package/dist/styles.css

@@ -1,2 +1,1588 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--ape-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ape-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ape-color-white:#fff;--ape-spacing:.25rem;--ape-font-weight-light:300;--ape-font-weight-normal:400;--ape-font-weight-medium:500;--ape-font-weight-semibold:600;--ape-font-weight-bold:700;--ape-ease-out:cubic-bezier(0, 0, .2, 1);--ape-ease-in-out:cubic-bezier(.4, 0, .2, 1);--ape-default-transition-duration:.15s;--ape-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--ape-default-font-family:var(--ape-font-sans);--ape-default-mono-font-family:var(--ape-font-mono);--ape-color-white1:#0e0d16;--ape-color-white2:#161420;--ape-color-white3:#1f1d29;--ape-color-white4:#282632;--ape-color-white5:#312f3a;--ape-color-primary-button:#6560c5;--ape-color-primary-button-disable:#48475b;--ape-color-primary-button-hovered:#8480d1;--ape-color-success:#38a611;--ape-color-error:#df4141;--ape-color-text:#fafafa;--ape-color-text-disabled:#424242;--ape-color-text-disabled-button:#73728e;--ape-color-primary-bright:#fafafa;--ape-color-modal-overlay:#42424280;--ape-gradient-abond:linear-gradient(98.79deg, #6560c5 -2.37%, #e07753 100%);--ape-font-body:"Poppins", sans-serif;--ape-radius-small:6px;--ape-radius-normal:10px;--ape-z-index-dropdown:10;--ape-z-index-modal:102}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--ape-default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--ape-default-font-feature-settings,normal);font-variation-settings:var(--ape-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--ape-default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--ape-default-mono-font-feature-settings,normal);font-variation-settings:var(--ape-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.ape-root{font-family:var(--ape-font-body);-webkit-font-smoothing:antialiased;color:var(--ape-color-text);background-color:var(--ape-color-white1);scroll-behavior:smooth;font-weight:600}.ape-root a{color:var(--ape-color-text);text-decoration:none}.ape-root a:hover{color:var(--ape-color-primary-button);text-decoration:underline}.ape-root hr{background-color:var(--ape-color-white3);border:none;height:1px}.ape-root ::-webkit-scrollbar{width:6px}.ape-root ::-webkit-scrollbar-thumb{background:var(--ape-color-text);border-radius:8px}.ape-root ::-webkit-scrollbar-track{background:var(--ape-color-white2);border-radius:10px}}@layer components{@keyframes ape-ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}}.ape-ellipsis:after{content:".";text-align:left;width:1em;animation:1.25s infinite ape-ellipsis;display:inline-block}.ape-carousel-viewport{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-touch-callout:none}.ape-carousel-viewport::-webkit-scrollbar{display:none}.ape-you-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:transparent var(--ape-color-primary-button) transparent transparent;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.ape-you-card{position:absolute;top:0;right:-45px}.ape-you-card:before{content:"";border:9px solid #0000;border-right-color:var(--ape-color-primary-button);width:0;height:0;display:block;position:absolute;top:50%;right:100%;transform:translateY(-50%)}@keyframes ape-spinner-rotation{0%{transform:rotate(40deg)}to{transform:rotate(400deg)}}.ape-spinner{box-sizing:border-box;border-radius:50%;display:inline-block}.ape-spinner-loading{animation:1s linear infinite ape-spinner-rotation;transform:rotate(40deg)}.ape-icon{fill:currentColor;transition:transform .3s linear}.ape-icon path{fill:currentColor}.ape-text-link{cursor:pointer;text-decoration:none;display:inline-block;position:relative}.ape-text-link:after{content:"";background:var(--ape-color-text);border-radius:var(--ape-radius-normal);transform-origin:100% 100%;backface-visibility:hidden;width:100%;height:1.5px;transition:transform .25s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.ape-text-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.ape-tooltip-bubble{color:var(--ape-color-text);border-radius:var(--ape-radius-normal);background-color:var(--ape-tooltip-bg,var(--ape-color-white2));width:max-content;z-index:var(--ape-z-index-modal);padding:20px;font-size:12px;font-weight:600;line-height:18px;position:relative;top:15px;box-shadow:0 0 30px #c8c8c866}.ape-tooltip-bottom-right:before,.ape-tooltip-bottom-left:before,.ape-tooltip-top-right:before,.ape-tooltip-top-left:before,.ape-tooltip-left:before{content:"";border:12px solid #0000;width:0;display:block;position:absolute}.ape-tooltip-bottom-right:before{border-top:0;border-bottom-style:solid;border-bottom-width:15px;border-bottom-color:var(--ape-tooltip-bg,var(--ape-color-white2));top:0;right:3%;transform:translate(-50%,-100%)}.ape-tooltip-bottom-left:before{border-top:0;border-bottom-style:solid;border-bottom-width:15px;border-bottom-color:var(--ape-tooltip-bg,var(--ape-color-white2));top:0;left:calc(3% + 15px);transform:translate(-50%,-100%)}.ape-tooltip-top-right:before{border-top-style:solid;border-top-width:15px;border-bottom:0;border-top-color:var(--ape-tooltip-bg,var(--ape-color-white2));bottom:0;right:3%;transform:translate(-50%,100%)}.ape-tooltip-top-left:before{border-top-style:solid;border-top-width:15px;border-bottom:0;border-top-color:var(--ape-tooltip-bg,var(--ape-color-white2));bottom:0;left:calc(3% + 15px);transform:translate(-50%,100%)}.ape-tooltip-only-container-right:before{content:"";border-bottom-color:var(--ape-tooltip-bg,var(--ape-color-white2));position:absolute;right:3%}.ape-tooltip-left:before{color:var(--ape-color-white2);border-right:15px solid;top:65%;left:-13px;transform:translate(-50%,-100%)}@keyframes ape-skeleton-waves{0%{left:-150px}to{left:100%}}@keyframes ape-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ape-skeleton-waves{background-color:var(--ape-color-white2);min-height:16px;display:block;position:relative;overflow:hidden;transform:translate(0)}.ape-skeleton-waves:before{content:"";background-image:linear-gradient(90deg,#0000,#f3f3f34d,#0000);width:250px;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) infinite ape-skeleton-waves;position:absolute;top:0;left:-150px}.ape-skeleton-pulse{background-color:var(--ape-color-white2);border-radius:2px;min-height:20px;animation:2s ease-out infinite ape-skeleton-pulse;display:block;transform:translate(0)}}@layer utilities{.ape\:pointer-events-none{pointer-events:none}.ape\:absolute{position:absolute}.ape\:fixed{position:fixed}.ape\:relative{position:relative}.ape\:inset-0{inset:0}.ape\:-top-\[15px\]{top:-15px}.ape\:top-0{top:0}.ape\:top-1\/2{top:50%}.ape\:top-\[-180px\]{top:-180px}.ape\:top-\[5px\]{top:5px}.ape\:top-\[12px\]{top:12px}.ape\:top-\[24px\]{top:24px}.ape\:top-\[25px\]{top:25px}.ape\:top-\[45px\]{top:45px}.ape\:top-\[50px\]{top:50px}.ape\:top-\[56\%\]{top:56%}.ape\:right-0{right:0}.ape\:right-\[5px\]{right:5px}.ape\:right-\[6px\]{right:6px}.ape\:right-\[10px\]{right:10px}.ape\:right-\[50\%\]{right:50%}.ape\:bottom-0{bottom:0}.ape\:bottom-\[3px\]{bottom:3px}.ape\:bottom-\[calc\(-35\%\+1px\)\]{bottom:calc(1px - 35%)}.ape\:bottom-\[calc\(100\%-10px\)\]{bottom:calc(100% - 10px)}.ape\:bottom-\[unset\]{bottom:unset}.ape\:left-0{left:0}.ape\:left-1\/2{left:50%}.ape\:left-\[-20px\]{left:-20px}.ape\:left-\[-50px\]{left:-50px}.ape\:left-\[1px\]{left:1px}.ape\:left-\[25\%\]{left:25%}.ape\:left-\[40px\]{left:40px}.ape\:left-\[65\%\]{left:65%}.ape\:-z-\[1\]{z-index:calc(1 * -1)}.ape\:z-0{z-index:0}.ape\:z-10{z-index:10}.ape\:z-\[1\]{z-index:1}.ape\:z-\[2\]{z-index:2}.ape\:z-\[5\]{z-index:5}.ape\:z-\[20\]{z-index:20}.ape\:z-\[100\]{z-index:100}.ape\:z-\[103\]{z-index:103}.ape\:z-\[121\]{z-index:121}.ape\:z-\[999\]{z-index:999}.ape\:z-\[1000\]{z-index:1000}.ape\:z-\[1001\]{z-index:1001}.ape\:z-\[5000\]{z-index:5000}.ape\:float-left{float:left}.ape\:m-0{margin:0}.ape\:m-\[0_5px_5px_0\]{margin:0 5px 5px 0}.ape\:m-\[10px_0px_15px_0px\]{margin:10px 0 15px}.ape\:m-auto{margin:auto}.ape\:mx-\[-5px\]{margin-inline:-5px}.ape\:mx-\[-8px\]{margin-inline:-8px}.ape\:mx-\[2\.5px\]{margin-inline:2.5px}.ape\:mx-\[2px\]{margin-inline:2px}.ape\:mx-\[3px\]{margin-inline:3px}.ape\:mx-\[5px\]{margin-inline:5px}.ape\:mx-\[8px\]{margin-inline:8px}.ape\:mx-\[10px\]{margin-inline:10px}.ape\:mx-\[20px\]{margin-inline:20px}.ape\:mx-\[25px\]{margin-inline:25px}.ape\:my-\[2px\]{margin-block:2px}.ape\:my-\[5px\]{margin-block:5px}.ape\:my-\[10px\]{margin-block:10px}.ape\:my-\[15px\]{margin-block:15px}.ape\:my-\[20px\]{margin-block:20px}.ape\:mt-0{margin-top:0}.ape\:mt-\[-10px\]{margin-top:-10px}.ape\:mt-\[-15px\]{margin-top:-15px}.ape\:mt-\[3px\]{margin-top:3px}.ape\:mt-\[5px\]{margin-top:5px}.ape\:mt-\[10px\]{margin-top:10px}.ape\:mt-\[15px\]{margin-top:15px}.ape\:mt-\[20px\]{margin-top:20px}.ape\:mt-\[25px\]{margin-top:25px}.ape\:mt-\[30px\]{margin-top:30px}.ape\:mt-\[35px\]{margin-top:35px}.ape\:mt-\[40px\]{margin-top:40px}.ape\:mt-px{margin-top:1px}.ape\:mr-0{margin-right:0}.ape\:mr-\[3px\]{margin-right:3px}.ape\:mr-\[4px\]{margin-right:4px}.ape\:mr-\[5px\]{margin-right:5px}.ape\:mr-\[6px\]{margin-right:6px}.ape\:mr-\[8px\]{margin-right:8px}.ape\:mr-\[10px\]{margin-right:10px}.ape\:mr-\[15px\]{margin-right:15px}.ape\:mr-\[15px\]\!{margin-right:15px!important}.ape\:mr-\[20px\]{margin-right:20px}.ape\:mb-\[1px\]{margin-bottom:1px}.ape\:mb-\[3px\]{margin-bottom:3px}.ape\:mb-\[5px\]{margin-bottom:5px}.ape\:mb-\[8px\]{margin-bottom:8px}.ape\:mb-\[10px\]{margin-bottom:10px}.ape\:mb-\[15px\]{margin-bottom:15px}.ape\:mb-\[20px\]{margin-bottom:20px}.ape\:mb-\[30px\]{margin-bottom:30px}.ape\:mb-\[50px\]{margin-bottom:50px}.ape\:ml-0{margin-left:0}.ape\:ml-\[3px\]{margin-left:3px}.ape\:ml-\[4px\]{margin-left:4px}.ape\:ml-\[5px\]{margin-left:5px}.ape\:ml-\[6px\]{margin-left:6px}.ape\:ml-\[7px\]{margin-left:7px}.ape\:ml-\[10px\]{margin-left:10px}.ape\:ml-\[15px\]{margin-left:15px}.ape\:ml-\[20px\]{margin-left:20px}.ape\:ml-\[30px\]{margin-left:30px}.ape\:line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ape\:block{display:block}.ape\:flex{display:flex}.ape\:hidden{display:none}.ape\:hidden\!{display:none!important}.ape\:inline{display:inline}.ape\:inline-flex{display:inline-flex}.ape\:aspect-\[1\/0\.56\]{aspect-ratio:1/.56}.ape\:size-full{width:100%;height:100%}.ape\:h-\[2px\]{height:2px}.ape\:h-\[3px\]{height:3px}.ape\:h-\[5px\]{height:5px}.ape\:h-\[14px\]{height:14px}.ape\:h-\[15px\]{height:15px}.ape\:h-\[18px\]{height:18px}.ape\:h-\[20px\]{height:20px}.ape\:h-\[21px\]{height:21px}.ape\:h-\[22px\]{height:22px}.ape\:h-\[24px\]{height:24px}.ape\:h-\[25px\]{height:25px}.ape\:h-\[26px\]{height:26px}.ape\:h-\[30px\]{height:30px}.ape\:h-\[30vh\]{height:30vh}.ape\:h-\[31px\]{height:31px}.ape\:h-\[34px\]{height:34px}.ape\:h-\[35px\]{height:35px}.ape\:h-\[36px\]{height:36px}.ape\:h-\[36px\]\!{height:36px!important}.ape\:h-\[40px\]{height:40px}.ape\:h-\[45px\]{height:45px}.ape\:h-\[49px\]{height:49px}.ape\:h-\[60px\]{height:60px}.ape\:h-\[70px\]{height:70px}.ape\:h-\[75px\]{height:75px}.ape\:h-\[84px\]{height:84px}.ape\:h-\[91px\]{height:91px}.ape\:h-\[125px\]{height:125px}.ape\:h-\[200px\]{height:200px}.ape\:h-\[300px\]{height:300px}.ape\:h-\[400px\]{height:400px}.ape\:h-\[calc\(100\%\+20px\)\]{height:calc(100% + 20px)}.ape\:h-\[calc\(100\%-150px\)\]{height:calc(100% - 150px)}.ape\:h-\[unset\]{height:unset}.ape\:h-auto{height:auto}.ape\:h-fit{height:fit-content}.ape\:h-full{height:100%}.ape\:h-px{height:1px}.ape\:h-screen{height:100vh}.ape\:max-h-\[32px\]{max-height:32px}.ape\:max-h-\[48px\]{max-height:48px}.ape\:max-h-\[300px\]{max-height:300px}.ape\:max-h-\[calc\(100\%-30px\)\]{max-height:calc(100% - 30px)}.ape\:max-h-none{max-height:none}.ape\:min-h-4{min-height:calc(var(--ape-spacing) * 4)}.ape\:min-h-\[27px\]{min-height:27px}.ape\:min-h-\[28px\]{min-height:28px}.ape\:min-h-\[30px\]{min-height:30px}.ape\:min-h-\[40px\]{min-height:40px}.ape\:min-h-\[47\.45px\]{min-height:47.45px}.ape\:min-h-\[90px\]{min-height:90px}.ape\:min-h-\[92px\]{min-height:92px}.ape\:min-h-\[160px\]{min-height:160px}.ape\:min-h-\[225px\]{min-height:225px}.ape\:min-h-\[330px\]{min-height:330px}.ape\:w-1\/2{width:50%}.ape\:w-1\/5{width:20%}.ape\:w-\[6px\]{width:6px}.ape\:w-\[8px\]{width:8px}.ape\:w-\[14px\]{width:14px}.ape\:w-\[15px\]{width:15px}.ape\:w-\[20px\]{width:20px}.ape\:w-\[25px\]{width:25px}.ape\:w-\[30px\]{width:30px}.ape\:w-\[32\%\]{width:32%}.ape\:w-\[34\%\]{width:34%}.ape\:w-\[35px\]{width:35px}.ape\:w-\[36\%\]{width:36%}.ape\:w-\[40px\]{width:40px}.ape\:w-\[45\%\]{width:45%}.ape\:w-\[49\%\]{width:49%}.ape\:w-\[50px\]{width:50px}.ape\:w-\[55\%\]{width:55%}.ape\:w-\[55px\]{width:55px}.ape\:w-\[60px\]{width:60px}.ape\:w-\[65\%\]{width:65%}.ape\:w-\[75\%\]{width:75%}.ape\:w-\[85px\]{width:85px}.ape\:w-\[98vw\]{width:98vw}.ape\:w-\[100px\]{width:100px}.ape\:w-\[110px\]{width:110px}.ape\:w-\[115px\]{width:115px}.ape\:w-\[120px\]{width:120px}.ape\:w-\[122px\]{width:122px}.ape\:w-\[125px\]{width:125px}.ape\:w-\[127px\]{width:127px}.ape\:w-\[130px\]{width:130px}.ape\:w-\[135px\]{width:135px}.ape\:w-\[144px\]{width:144px}.ape\:w-\[155px\]{width:155px}.ape\:w-\[160px\]{width:160px}.ape\:w-\[170px\]{width:170px}.ape\:w-\[175px\]{width:175px}.ape\:w-\[190px\]{width:190px}.ape\:w-\[210px\]{width:210px}.ape\:w-\[220px\]{width:220px}.ape\:w-\[235px\]{width:235px}.ape\:w-\[300px\]{width:300px}.ape\:w-\[380px\]{width:380px}.ape\:w-\[380px\]\!{width:380px!important}.ape\:w-\[400px\]{width:400px}.ape\:w-\[400px\]\!{width:400px!important}.ape\:w-\[420px\]{width:420px}.ape\:w-\[450px\]{width:450px}.ape\:w-\[480px\]{width:480px}.ape\:w-\[740px\]\!{width:740px!important}.ape\:w-\[calc\(33\.33\%-20px\)\]{width:calc(33.33% - 20px)}.ape\:w-\[calc\(50vw-25px\)\]{width:calc(50vw - 25px)}.ape\:w-\[calc\(100\%\+40px\)\]{width:calc(100% + 40px)}.ape\:w-\[calc\(100\%-2px\)\]{width:calc(100% - 2px)}.ape\:w-auto{width:auto}.ape\:w-fit{width:fit-content}.ape\:w-full{width:100%}.ape\:w-max{width:max-content}.ape\:w-screen{width:100vw}.ape\:max-w-75{max-width:calc(var(--ape-spacing) * 75)}.ape\:max-w-\[95vw\]{max-width:95vw}.ape\:max-w-\[100px\]{max-width:100px}.ape\:max-w-\[175px\]{max-width:175px}.ape\:max-w-\[300px\]{max-width:300px}.ape\:max-w-\[340px\]{max-width:340px}.ape\:max-w-\[700px\]\!{max-width:700px!important}.ape\:max-w-\[1150px\]{max-width:1150px}.ape\:max-w-full{max-width:100%}.ape\:min-w-\[10px\]{min-width:10px}.ape\:min-w-\[14px\]{min-width:14px}.ape\:min-w-\[20px\]{min-width:20px}.ape\:min-w-\[25px\]{min-width:25px}.ape\:min-w-\[30px\]{min-width:30px}.ape\:min-w-\[33px\]{min-width:33px}.ape\:min-w-\[40px\]{min-width:40px}.ape\:min-w-\[65px\]{min-width:65px}.ape\:min-w-\[95\%\]{min-width:95%}.ape\:min-w-\[100px\]{min-width:100px}.ape\:min-w-\[120px\]{min-width:120px}.ape\:min-w-\[148px\]{min-width:148px}.ape\:min-w-\[250px\]{min-width:250px}.ape\:min-w-\[450px\]{min-width:450px}.ape\:min-w-\[700px\]{min-width:700px}.ape\:min-w-\[unset\]{min-width:unset}.ape\:min-w-full{min-width:100%}.ape\:\[flex\:0_0_100\%\]{flex:0 0 100%}.ape\:flex-1{flex:1}.ape\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.ape\:translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.ape\:translate-x-\[50\%\]{--tw-translate-x:50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.ape\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.ape\:scale-\[0\.5\]{scale:.5}.ape\:rotate-\[-45deg\]{rotate:-45deg}.ape\:cursor-\[unset\]{cursor:unset}.ape\:cursor-pointer{cursor:pointer}.ape\:snap-center{scroll-snap-align:center}.ape\:list-none{list-style-type:none}.ape\:appearance-none{appearance:none}.ape\:flex-col{flex-direction:column}.ape\:flex-col-reverse{flex-direction:column-reverse}.ape\:flex-row{flex-direction:row}.ape\:flex-row-reverse{flex-direction:row-reverse}.ape\:flex-wrap{flex-wrap:wrap}.ape\:items-center{align-items:center}.ape\:items-end{align-items:flex-end}.ape\:items-start{align-items:flex-start}.ape\:items-stretch{align-items:stretch}.ape\:justify-around{justify-content:space-around}.ape\:justify-between{justify-content:space-between}.ape\:justify-center{justify-content:center}.ape\:justify-end{justify-content:flex-end}.ape\:justify-start{justify-content:flex-start}.ape\:gap-\[1px\]{gap:1px}.ape\:gap-\[3px\]{gap:3px}.ape\:gap-\[4px\]{gap:4px}.ape\:gap-\[5px\]{gap:5px}.ape\:gap-\[7px\]{gap:7px}.ape\:gap-\[8px\]{gap:8px}.ape\:gap-\[10px\]{gap:10px}.ape\:gap-\[14px\]{gap:14px}.ape\:gap-\[15px\]{gap:15px}.ape\:gap-\[20px\]{gap:20px}.ape\:overflow-auto{overflow:auto}.ape\:overflow-hidden{overflow:hidden}.ape\:overflow-x-auto{overflow-x:auto}.ape\:\[overflow-y\:unset\]\!{overflow-y:unset!important}.ape\:overflow-y-auto{overflow-y:auto}.ape\:overflow-y-hidden{overflow-y:hidden}.ape\:overflow-y-scroll{overflow-y:scroll}.ape\:rounded-\[0_0_10px_10px\],.ape\:rounded-\[0px_0px_10px_10px\]{border-radius:0 0 10px 10px}.ape\:rounded-\[0px_10px_10px_0px\]{border-radius:0 10px 10px 0}.ape\:rounded-\[4px\]{border-radius:4px}.ape\:rounded-\[5px\]{border-radius:5px}.ape\:rounded-\[6px\]{border-radius:6px}.ape\:rounded-\[6px_6px_0px_0px\]{border-radius:6px 6px 0 0}.ape\:rounded-\[8px\]{border-radius:8px}.ape\:rounded-\[10px\]{border-radius:10px}.ape\:rounded-\[10px_0px_10px_0px\]{border-radius:10px 0}.ape\:rounded-\[10px_10px_0_0\],.ape\:rounded-\[10px_10px_0px_0px\]{border-radius:10px 10px 0 0}.ape\:rounded-\[40px\]{border-radius:40px}.ape\:rounded-\[50\%\]{border-radius:50%}.ape\:rounded-\[50px\]{border-radius:50px}.ape\:rounded-full{border-radius:3.40282e38px}.ape\:rounded-none{border-radius:0}.ape\:rounded-normal{border-radius:var(--ape-radius-normal)}.ape\:rounded-small{border-radius:var(--ape-radius-small)}.ape\:rounded-tl-\[10px\]{border-top-left-radius:10px}.ape\:rounded-br-\[8px\]{border-bottom-right-radius:8px}.ape\:border{border-style:var(--tw-border-style);border-width:1px}.ape\:border-0{border-style:var(--tw-border-style);border-width:0}.ape\:border-2{border-style:var(--tw-border-style);border-width:2px}.ape\:border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.ape\:border-\[medium\]{border-style:var(--tw-border-style);border-width:medium}.ape\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.ape\:border-none{--tw-border-style:none;border-style:none}.ape\:border-solid{--tw-border-style:solid;border-style:solid}.ape\:border-\[\#9960C5\]{border-color:#9960c5}.ape\:border-\[grey\]{border-color:gray}.ape\:border-primary-button{border-color:var(--ape-color-primary-button)}.ape\:border-success{border-color:var(--ape-color-success)}.ape\:border-white2{border-color:var(--ape-color-white2)}.ape\:border-white3{border-color:var(--ape-color-white3)}.ape\:border-white4{border-color:var(--ape-color-white4)}.ape\:bg-\[\#38A6110D\]{background-color:#38a6110d}.ape\:bg-\[\#9960C5\]{background-color:#9960c5}.ape\:bg-\[\#DE62F366\]{background-color:#de62f366}.ape\:bg-\[grey\]{background-color:gray}.ape\:bg-modal-overlay{background-color:var(--ape-color-modal-overlay)}.ape\:bg-primary-button{background-color:var(--ape-color-primary-button)}.ape\:bg-text{background-color:var(--ape-color-text)}.ape\:bg-text-disabled{background-color:var(--ape-color-text-disabled)}.ape\:bg-transparent{background-color:#0000}.ape\:bg-transparent\!{background-color:#0000!important}.ape\:bg-white{background-color:var(--ape-color-white)}.ape\:bg-white2{background-color:var(--ape-color-white2)}.ape\:bg-white3{background-color:var(--ape-color-white3)}.ape\:bg-white4{background-color:var(--ape-color-white4)}.ape\:-bg-conic-0{--tw-gradient-position:from calc(0deg * -1) in oklab;background-image:conic-gradient(var(--tw-gradient-stops))}.ape\:bg-\[image\:url\(\'\$\{BANNER_INFO\[chainId\]\?\.backgroundMobile\}\'\)\]{background-image:url(${BANNER_INFO[chainId]?.backgroundMobile})}.ape\:bg-\[image\:var\(--ape-gradient-abond\)\]{background-image:var(--ape-gradient-abond)}.ape\:bg-\[linear-gradient\(180deg\,\#FFFFFF_50\%\,\#666666_100\%\)\]{background-image:linear-gradient(#fff 50%,#666 100%)}.ape\:bg-cover{background-size:cover}.ape\:bg-clip-text{-webkit-background-clip:text;background-clip:text}.ape\:bg-no-repeat{background-repeat:no-repeat}.ape\:object-contain{object-fit:contain}.ape\:object-cover{object-fit:cover}.ape\:p-0{padding:0}.ape\:p-0\!{padding:0!important}.ape\:p-\[0_1px\]{padding:0 1px}.ape\:p-\[0_20px_20px_20px\]{padding:0 20px 20px}.ape\:p-\[2\.5px_5px\]{padding:2.5px 5px}.ape\:p-\[2px\]{padding:2px}.ape\:p-\[2px_5px\]{padding:2px 5px}.ape\:p-\[2px_6px\]{padding:2px 6px}.ape\:p-\[2px_8px\]{padding:2px 8px}.ape\:p-\[2px_10px\]{padding:2px 10px}.ape\:p-\[2px_10px_2px_5px\]{padding:2px 10px 2px 5px}.ape\:p-\[3px_6px\]{padding:3px 6px}.ape\:p-\[4px_2px\]{padding:4px 2px}.ape\:p-\[4px_6px\]{padding:4px 6px}.ape\:p-\[4px_10px\]{padding:4px 10px}.ape\:p-\[5px\]{padding:5px}.ape\:p-\[5px_10px\]{padding:5px 10px}.ape\:p-\[5px_15px\]{padding:5px 15px}.ape\:p-\[5px_20px\]{padding:5px 20px}.ape\:p-\[6px\]{padding:6px}.ape\:p-\[6px_12px\]{padding:6px 12px}.ape\:p-\[8px\]{padding:8px}.ape\:p-\[8px_4px_4px_4px\]{padding:8px 4px 4px}.ape\:p-\[8px_10px\]{padding:8px 10px}.ape\:p-\[8px_12px\]{padding:8px 12px}.ape\:p-\[8px_16px\]{padding:8px 16px}.ape\:p-\[10px\]{padding:10px}.ape\:p-\[15px\]{padding:15px}.ape\:p-\[20px\]{padding:20px}.ape\:p-\[20px_20px_0_20px\]{padding:20px 20px 0}.ape\:p-px{padding:1px}.ape\:px-\[3px\]{padding-inline:3px}.ape\:px-\[4px\]{padding-inline:4px}.ape\:px-\[5px\]{padding-inline:5px}.ape\:px-\[6px\]{padding-inline:6px}.ape\:px-\[8px\]{padding-inline:8px}.ape\:px-\[10px\]{padding-inline:10px}.ape\:px-\[14px\]{padding-inline:14px}.ape\:px-\[15px\]{padding-inline:15px}.ape\:px-\[19px\]{padding-inline:19px}.ape\:py-\[2px\]{padding-block:2px}.ape\:py-\[3px\]{padding-block:3px}.ape\:py-\[5px\]{padding-block:5px}.ape\:py-\[6px\]{padding-block:6px}.ape\:py-\[10px\]{padding-block:10px}.ape\:py-\[14px\]{padding-block:14px}.ape\:pt-\[2px\]{padding-top:2px}.ape\:pt-\[3px\]{padding-top:3px}.ape\:pt-\[5px\]{padding-top:5px}.ape\:pt-\[10px\]{padding-top:10px}.ape\:pt-\[15px\]{padding-top:15px}.ape\:pt-\[20px\]{padding-top:20px}.ape\:pt-\[100px\]{padding-top:100px}.ape\:pr-0{padding-right:0}.ape\:pr-\[4px\]{padding-right:4px}.ape\:pr-\[5px\]{padding-right:5px}.ape\:pr-\[10px\]{padding-right:10px}.ape\:pr-\[14px\]{padding-right:14px}.ape\:pr-\[15px\]{padding-right:15px}.ape\:pr-\[20px\]{padding-right:20px}.ape\:pb-\[2px\]{padding-bottom:2px}.ape\:pb-\[10px\]{padding-bottom:10px}.ape\:pb-\[20px\]{padding-bottom:20px}.ape\:pb-\[100px\]{padding-bottom:100px}.ape\:pl-0{padding-left:0}.ape\:pl-\[5px\]{padding-left:5px}.ape\:pl-\[6px\]{padding-left:6px}.ape\:pl-\[10px\]{padding-left:10px}.ape\:pl-\[15px\]{padding-left:15px}.ape\:pl-\[20px\]{padding-left:20px}.ape\:pl-\[26px\]{padding-left:26px}.ape\:pl-\[35px\]{padding-left:35px}.ape\:text-center{text-align:center}.ape\:text-left{text-align:left}.ape\:align-bottom{vertical-align:bottom}.ape\:align-middle{vertical-align:middle}.ape\:align-sub{vertical-align:sub}.ape\:font-body{font-family:var(--ape-font-body)}.ape\:text-\[10px\]{font-size:10px}.ape\:text-\[11px\]{font-size:11px}.ape\:text-\[12px\]{font-size:12px}.ape\:text-\[12px\]\!{font-size:12px!important}.ape\:text-\[13px\]{font-size:13px}.ape\:text-\[13px\]\!{font-size:13px!important}.ape\:text-\[14\.26px\]{font-size:14.26px}.ape\:text-\[14px\]{font-size:14px}.ape\:text-\[14px\]\!{font-size:14px!important}.ape\:text-\[16px\]{font-size:16px}.ape\:text-\[18px\]{font-size:18px}.ape\:text-\[18px\]\!{font-size:18px!important}.ape\:text-\[20px\]{font-size:20px}.ape\:text-\[22px\]{font-size:22px}.ape\:text-\[24px\]{font-size:24px}.ape\:text-\[24px\]\!{font-size:24px!important}.ape\:text-\[25\.26px\]{font-size:25.26px}.ape\:text-\[32px\]{font-size:32px}.ape\:leading-4{--tw-leading:calc(var(--ape-spacing) * 4);line-height:calc(var(--ape-spacing) * 4)}.ape\:leading-4\!{--tw-leading:calc(var(--ape-spacing) * 4)!important;line-height:calc(var(--ape-spacing) * 4)!important}.ape\:leading-5{--tw-leading:calc(var(--ape-spacing) * 5);line-height:calc(var(--ape-spacing) * 5)}.ape\:leading-\[11px\]{--tw-leading:11px;line-height:11px}.ape\:leading-\[12px\]{--tw-leading:12px;line-height:12px}.ape\:leading-\[13px\]{--tw-leading:13px;line-height:13px}.ape\:leading-\[14px\]{--tw-leading:14px;line-height:14px}.ape\:leading-\[15px\]{--tw-leading:15px;line-height:15px}.ape\:leading-\[18px\]{--tw-leading:18px;line-height:18px}.ape\:leading-\[18px\]\!{--tw-leading:18px!important;line-height:18px!important}.ape\:leading-\[21px\]{--tw-leading:21px;line-height:21px}.ape\:leading-\[22px\]{--tw-leading:22px;line-height:22px}.ape\:leading-\[24px\]{--tw-leading:24px;line-height:24px}.ape\:leading-\[28px\]{--tw-leading:28px;line-height:28px}.ape\:leading-\[30\.26px\]{--tw-leading:30.26px;line-height:30.26px}.ape\:leading-\[33px\]{--tw-leading:33px;line-height:33px}.ape\:font-bold{--tw-font-weight:var(--ape-font-weight-bold);font-weight:var(--ape-font-weight-bold)}.ape\:font-light{--tw-font-weight:var(--ape-font-weight-light);font-weight:var(--ape-font-weight-light)}.ape\:font-medium{--tw-font-weight:var(--ape-font-weight-medium);font-weight:var(--ape-font-weight-medium)}.ape\:font-normal{--tw-font-weight:var(--ape-font-weight-normal);font-weight:var(--ape-font-weight-normal)}.ape\:font-semibold{--tw-font-weight:var(--ape-font-weight-semibold);font-weight:var(--ape-font-weight-semibold)}.ape\:tracking-\[0\]{--tw-tracking:0;letter-spacing:0}.ape\:break-words{overflow-wrap:break-word}.ape\:text-ellipsis{text-overflow:ellipsis}.ape\:whitespace-nowrap{white-space:nowrap}.ape\:whitespace-pre-wrap{white-space:pre-wrap}.ape\:text-\[\#777\]{color:#777}.ape\:text-error{color:var(--ape-color-error)}.ape\:text-primary-bright{color:var(--ape-color-primary-bright)}.ape\:text-primary-button{color:var(--ape-color-primary-button)}.ape\:text-primary-button-disable{color:var(--ape-color-primary-button-disable)}.ape\:text-success{color:var(--ape-color-success)}.ape\:text-text{color:var(--ape-color-text)}.ape\:text-text-disabled{color:var(--ape-color-text-disabled)}.ape\:text-text-disabled-button{color:var(--ape-color-text-disabled-button)}.ape\:text-transparent{color:#0000}.ape\:text-white{color:var(--ape-color-white)}.ape\:capitalize{text-transform:capitalize}.ape\:normal-case{text-transform:none}.ape\:uppercase{text-transform:uppercase}.ape\:line-through{text-decoration-line:line-through}.ape\:no-underline{text-decoration-line:none}.ape\:underline{text-decoration-line:underline}.ape\:opacity-0{opacity:0}.ape\:opacity-20{opacity:.2}.ape\:opacity-50{opacity:.5}.ape\:opacity-60{opacity:.6}.ape\:opacity-70{opacity:.7}.ape\:opacity-80{opacity:.8}.ape\:opacity-90{opacity:.9}.ape\:opacity-100{opacity:1}.ape\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ape\:shadow-\[rgba\(0\,0\,0\,0\.16\)_0px_1px_4px\]{--tw-shadow-color:#00000029}@supports (color:color-mix(in lab, red, red)){.ape\:shadow-\[rgba\(0\,0\,0\,0\.16\)_0px_1px_4px\]{--tw-shadow-color:color-mix(in oklab, #00000029 0px 1px 4px var(--tw-shadow-alpha), transparent)}}.ape\:blur-\[1px\]{--tw-blur:blur(1px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ape\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--ape-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ape-default-transition-duration))}.ape\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--ape-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ape-default-transition-duration))}.ape\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--ape-default-transition-timing-function));transition-duration:var(--tw-duration,var(--ape-default-transition-duration))}.ape\:duration-300{--tw-duration:.3s;transition-duration:.3s}.ape\:duration-500{--tw-duration:.5s;transition-duration:.5s}.ape\:duration-1000{--tw-duration:1s;transition-duration:1s}.ape\:duration-\[1500ms\]{--tw-duration:1.5s;transition-duration:1.5s}.ape\:ease-\[ease\]{--tw-ease:ease;transition-timing-function:ease}.ape\:ease-in-out{--tw-ease:var(--ape-ease-in-out);transition-timing-function:var(--ape-ease-in-out)}.ape\:ease-linear{--tw-ease:linear;transition-timing-function:linear}.ape\:ease-out{--tw-ease:var(--ape-ease-out);transition-timing-function:var(--ape-ease-out)}.ape\:outline-none{--tw-outline-style:none;outline-style:none}.ape\:select-none{-webkit-user-select:none;user-select:none}.ape\:\[-webkit-text-fill-color\:transparent\]{-webkit-text-fill-color:transparent}@media (hover:hover){.ape\:group-hover\:bg-\[rgb\(20_18_29_\/_0\.25\)\]\!:is(:where(.ape\:group):hover *){background-color:#14121d40!important}.ape\:group-hover\/tooltip\:block:is(:where(.ape\:group\/tooltip):hover *){display:block}}.ape\:peer-checked\:block:is(:where(.ape\:peer):checked~*){display:block}.ape\:first\:rounded-t-normal:first-child{border-top-left-radius:var(--ape-radius-normal);border-top-right-radius:var(--ape-radius-normal)}.ape\:last\:mr-0:last-child{margin-right:0}.ape\:last\:rounded-b-normal:last-child{border-bottom-right-radius:var(--ape-radius-normal);border-bottom-left-radius:var(--ape-radius-normal)}.ape\:checked\:border-primary-button:checked{border-color:var(--ape-color-primary-button)}.ape\:checked\:bg-primary-button:checked{background-color:var(--ape-color-primary-button)}@media (hover:hover){.ape\:hover\:z-\[1000\]:hover{z-index:1000}.ape\:hover\:cursor-pointer:hover{cursor:pointer}.ape\:hover\:bg-\[rgb\(20_18_29_\/_0\.36\)\]\!:hover{background-color:#14121d5c!important}.ape\:hover\:bg-white3:hover{background-color:var(--ape-color-white3)}.ape\:hover\:bg-white4:hover{background-color:var(--ape-color-white4)}.ape\:hover\:bg-white5:hover{background-color:var(--ape-color-white5)}.ape\:hover\:underline:hover{text-decoration-line:underline}.ape\:hover\:opacity-60:hover{opacity:.6}.ape\:hover\:opacity-80:hover{opacity:.8}.ape\:hover\:brightness-115:hover{--tw-brightness:brightness(115%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ape\:hover\:\[backdrop-filter\:blur\(2px\)\]:hover{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ape\:hover\:\[background\:linear-gradient\(90deg\,rgba\(49\,46\,122\,0\.70\)_0\%\,rgba\(92\,79\,174\,0\.70\)_100\%\)\]:hover{background:linear-gradient(90deg,#312e7ab3 0%,#5c4faeb3 100%)}}.ape\:focus\:outline:focus,.ape\:focus\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.ape\:focus\:outline-primary-button:focus{outline-color:var(--ape-color-primary-button)}.ape\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.ape\:focus\:not-checked\:shadow-none:focus:not(:checked){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ape\:focus\:not-checked\:outline-none:focus:not(:checked){--tw-outline-style:none;outline-style:none}.ape\:active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (hover:hover){.ape\:enabled\:hover\:border-primary-button-hovered:enabled:hover{border-color:var(--ape-color-primary-button-hovered)}.ape\:enabled\:hover\:bg-primary-button-hovered:enabled:hover{background-color:var(--ape-color-primary-button-hovered)}.ape\:enabled\:hover\:text-text\!:enabled:hover{color:var(--ape-color-text)!important}.ape\:enabled\:hover\:not-checked\:border-primary-button:enabled:hover:not(:checked){border-color:var(--ape-color-primary-button)}}.ape\:active\:enabled\:scale-90:active:enabled{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.ape\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.ape\:disabled\:border-transparent:disabled{border-color:#0000}.ape\:disabled\:bg-white3:disabled{background-color:var(--ape-color-white3)}.ape\:disabled\:text-primary-button-disable:disabled{color:var(--ape-color-primary-button-disable)}.ape\:disabled\:text-text-disabled-button:disabled{color:var(--ape-color-text-disabled-button)}.ape\:disabled\:opacity-90:disabled{opacity:.9}@media not all and (min-width:1000px){.ape\:max-\[1000px\]\:w-\[49\%\]{width:49%}}@media not all and (min-width:768px){.ape\:max-\[768px\]\:w-full{width:100%}}@media not all and (min-width:576px){.ape\:max-sm\:mb-\[10px\]{margin-bottom:10px}.ape\:max-sm\:w-1\/2{width:50%}.ape\:max-sm\:w-\[55\%\]{width:55%}.ape\:max-sm\:text-\[12px\]{font-size:12px}.ape\:max-sm\:text-\[18px\]{font-size:18px}.ape\:max-sm\:leading-\[14px\]{--tw-leading:14px;line-height:14px}.ape\:max-sm\:leading-\[21px\]{--tw-leading:21px;line-height:21px}}@media (min-width:513px){.ape\:min-\[513px\]\:justify-center{justify-content:center}.ape\:min-\[513px\]\:pl-0{padding-left:0}}@media (min-width:576px){.ape\:sm\:top-\[-240px\]{top:-240px}.ape\:sm\:min-w-\[min\(380px\,90\%\)\]{min-width:min(380px,90%)}}@media (min-width:800px){.ape\:min-\[800px\]\:max-h-none{max-height:none}.ape\:min-\[800px\]\:w-\[350px\]{width:350px}.ape\:min-\[800px\]\:flex-col{flex-direction:column}.ape\:min-\[800px\]\:flex-row{flex-direction:row}.ape\:min-\[800px\]\:gap-\[5px\]{gap:5px}.ape\:min-\[800px\]\:p-\[12px\]{padding:12px}.ape\:min-\[800px\]\:p-\[20px\]{padding:20px}.ape\:min-\[800px\]\:pb-\[5px\]{padding-bottom:5px}.ape\:min-\[800px\]\:text-\[16px\]{font-size:16px}@media not all and (min-width:1000px){.ape\:min-\[800px\]\:max-\[1000px\]\:bg-bottom{background-position:bottom}}}@media (min-width:852px){.ape\:md\:top-\[unset\]{top:unset}.ape\:md\:right-\[-13\%\]{right:-13%}.ape\:md\:right-\[-50px\]{right:-50px}.ape\:md\:bottom-\[-15px\]{bottom:-15px}.ape\:md\:bottom-\[calc\(-26\%\+1px\)\]{bottom:calc(1px - 26%)}.ape\:md\:mt-0{margin-top:0}.ape\:md\:mt-\[5px\]{margin-top:5px}.ape\:md\:mr-\[15px\]{margin-right:15px}.ape\:md\:mb-0{margin-bottom:0}.ape\:md\:ml-\[5px\]{margin-left:5px}.ape\:md\:block{display:block}.ape\:md\:flex{display:flex}.ape\:md\:flex\!{display:flex!important}.ape\:md\:hidden{display:none}.ape\:md\:h-\[200px\]{height:200px}.ape\:md\:h-\[225px\]{height:225px}.ape\:md\:max-h-\[350px\]{max-height:350px}.ape\:md\:min-h-\[430px\]{min-height:430px}.ape\:md\:w-1\/2{width:50%}.ape\:md\:w-\[150px\]{width:150px}.ape\:md\:w-\[180px\]{width:180px}.ape\:md\:w-\[200px\]{width:200px}.ape\:md\:w-\[225px\]{width:225px}.ape\:md\:w-\[300px\]{width:300px}.ape\:md\:w-\[calc\(100\%-300px\)\]{width:calc(100% - 300px)}.ape\:md\:w-\[unset\]{width:unset}.ape\:md\:max-w-\[140px\]{max-width:140px}.ape\:md\:min-w-\[380px\]{min-width:380px}.ape\:md\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.ape\:md\:-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.ape\:md\:scale-\[0\.4\]{scale:.4}.ape\:md\:flex-row{flex-direction:row}.ape\:md\:gap-\[15px\]{gap:15px}.ape\:md\:p-\[20px\]{padding:20px}.ape\:md\:pr-\[20px\]{padding-right:20px}.ape\:md\:text-\[12px\]{font-size:12px}.ape\:md\:text-\[14px\]{font-size:14px}.ape\:md\:text-\[14px\]\!{font-size:14px!important}.ape\:md\:text-\[16px\]{font-size:16px}.ape\:md\:text-\[18px\]{font-size:18px}.ape\:md\:text-\[20px\]{font-size:20px}.ape\:md\:font-bold{--tw-font-weight:var(--ape-font-weight-bold);font-weight:var(--ape-font-weight-bold)}@media (hover:hover){.ape\:md\:hover\:z-\[1000\]\!:hover{z-index:1000!important}}}@media (min-width:968px){.ape\:lg\:top-\[20px\]{top:20px}.ape\:lg\:bottom-\[unset\]{bottom:unset}.ape\:lg\:mt-0{margin-top:0}.ape\:lg\:mr-\[10px\]{margin-right:10px}.ape\:lg\:mr-\[15px\]{margin-right:15px}.ape\:lg\:mb-0{margin-bottom:0}.ape\:lg\:ml-0{margin-left:0}.ape\:lg\:ml-\[10px\]{margin-left:10px}.ape\:lg\:flex{display:flex}.ape\:lg\:hidden{display:none}.ape\:lg\:inline{display:inline}.ape\:lg\:inline-flex{display:inline-flex}.ape\:lg\:h-\[40px\]{height:40px}.ape\:lg\:w-1\/2{width:50%}.ape\:lg\:w-\[30\%\]{width:30%}.ape\:lg\:w-\[35\%\]{width:35%}.ape\:lg\:w-\[45\%\]{width:45%}.ape\:lg\:w-\[65\%\]{width:65%}.ape\:lg\:w-\[70\%\]{width:70%}.ape\:lg\:w-\[115px\]{width:115px}.ape\:lg\:w-\[135px\]{width:135px}.ape\:lg\:w-\[unset\]{width:unset}.ape\:lg\:w-auto{width:auto}.ape\:lg\:w-full{width:100%}.ape\:lg\:max-w-\[190px\]{max-width:190px}.ape\:lg\:min-w-\[300px\]\!{min-width:300px!important}.ape\:lg\:min-w-\[400px\]{min-width:400px}.ape\:lg\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.ape\:lg\:flex-row{flex-direction:row}.ape\:lg\:items-center{align-items:center}.ape\:lg\:justify-between{justify-content:space-between}.ape\:lg\:justify-end{justify-content:flex-end}.ape\:lg\:gap-\[10px\]{gap:10px}.ape\:lg\:gap-\[15px\]{gap:15px}.ape\:lg\:overflow-visible{overflow:visible}.ape\:lg\:\[overflow-y\:unset\]{overflow-y:unset}.ape\:lg\:rounded-\[20px\]{border-radius:20px}.ape\:lg\:rounded-normal{border-radius:var(--ape-radius-normal)}.ape\:lg\:bg-white4{background-color:var(--ape-color-white4)}.ape\:lg\:bg-\[image\:url\(\'\$\{BANNER_INFO\[chainId\]\?\.background\}\'\)\]{background-image:url(${BANNER_INFO[chainId]?.background})}.ape\:lg\:p-\[4px_10px\]{padding:4px 10px}.ape\:lg\:px-\[10px\]{padding-inline:10px}.ape\:lg\:pr-\[20px\]{padding-right:20px}.ape\:lg\:pb-\[20px\]{padding-bottom:20px}.ape\:lg\:pl-\[20px\]{padding-left:20px}.ape\:lg\:text-\[14px\]{font-size:14px}.ape\:lg\:text-\[14px\]\!{font-size:14px!important}.ape\:lg\:text-\[16px\]{font-size:16px}.ape\:lg\:text-\[16px\]\!{font-size:16px!important}.ape\:lg\:text-\[24px\]{font-size:24px}.ape\:lg\:leading-6\!{--tw-leading:calc(var(--ape-spacing) * 6)!important;line-height:calc(var(--ape-spacing) * 6)!important}.ape\:lg\:leading-\[21px\]\!{--tw-leading:21px!important;line-height:21px!important}}@media (min-width:1000px){.ape\:min-\[1000px\]\:absolute{position:absolute}.ape\:min-\[1000px\]\:left-\[10px\]{left:10px}.ape\:min-\[1000px\]\:mt-0{margin-top:0}.ape\:min-\[1000px\]\:flex{display:flex}.ape\:min-\[1000px\]\:hidden{display:none}.ape\:min-\[1000px\]\:h-\[70px\]{height:70px}.ape\:min-\[1000px\]\:w-\[30\%\]{width:30%}.ape\:min-\[1000px\]\:w-\[70\%\]{width:70%}.ape\:min-\[1000px\]\:w-\[130px\]{width:130px}.ape\:min-\[1000px\]\:w-\[210px\]{width:210px}.ape\:min-\[1000px\]\:w-\[300px\]{width:300px}.ape\:min-\[1000px\]\:min-w-\[300px\]{min-width:300px}.ape\:min-\[1000px\]\:flex-row{flex-direction:row}.ape\:min-\[1000px\]\:justify-between{justify-content:space-between}.ape\:min-\[1000px\]\:justify-center{justify-content:center}.ape\:min-\[1000px\]\:justify-end{justify-content:flex-end}.ape\:min-\[1000px\]\:p-0{padding:0}.ape\:min-\[1000px\]\:p-\[20px_0_10px_0\]{padding:20px 0 10px}.ape\:min-\[1000px\]\:pr-\[20px\]{padding-right:20px}}@media (min-width:1080px){.ape\:xl\:flex{display:flex}.ape\:xl\:w-\[100px\]{width:100px}.ape\:xl\:flex-row{flex-direction:row}.ape\:xl\:gap-\[30px\]{gap:30px}}@media (min-width:1200px){.ape\:xxl\:flex{display:flex}}.ape\:\[\&_\*\]\:text-\[14px\]\! *{font-size:14px!important}.ape\:\[\&_\*\]\:text-\[18px\]\! *{font-size:18px!important}.ape\:\[\&_\*\]\:text-\[24px\]\! *{font-size:24px!important}.ape\:\[\&_button\]\:ml-auto button{margin-left:auto}.ape\:\[\&_hr\]\:bg-\[\#DCD9D9\] hr{background-color:#dcd9d9}.ape\:\[\&_svg\]\:ml-auto svg{margin-left:auto}.ape\:\[\&_svg\]\:w-\[11px\] svg{width:11px}.ape\:\[\&_svg\]\:cursor-pointer svg{cursor:pointer}.ape\:\[\&_svg\]\:bg-transparent svg{background-color:#0000}.ape\:\[\&_svg\]\:fill-text svg{fill:var(--ape-color-text)}.ape\:\[\&\:\:-webkit-scrollbar\]\:h-\[5px\]::-webkit-scrollbar{height:5px}.ape\:\[\&\>\*\]\:h-\[31px\]\!>*{height:31px!important}.ape\:\[\&\>\*\]\:w-\[210px\]>*{width:210px}.ape\:\[\&\>\*\]\:text-\[14px\]\!>*{font-size:14px!important}@media (min-width:1080px){.ape\:xl\:\[\&\>\*\]\:w-\[100px\]>*{width:100px}}.ape\:\[\&\>div\:last-child\]\:mr-0>div:last-child{margin-right:0}.ape\:\[\&\>div\>div\]\:bg-white2>div>div{background-color:var(--ape-color-white2)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
+.accordion-title {
+  padding-right: 10px;
+}
+
+.bonds-filters {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-filters {
+    justify-content: flex-end;
+  }
+}
+.bonds-filters .desktop-rec-container {
+  justify-content: flex-end;
+  display: none;
+  margin-right: 20px;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-filters .desktop-rec-container {
+    display: flex;
+  }
+}
+.bonds-filters .mobile-rec-container {
+  display: flex;
+  width: 49%;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-filters .mobile-rec-container {
+    display: none;
+  }
+}
+.bonds-filters .network-filter {
+  display: flex;
+}
+@media screen and (max-width: 1000px) {
+  .bonds-filters .network-filter {
+    width: 49%;
+  }
+}
+.bonds-filters .clear-all-button {
+  display: none;
+  align-items: center;
+  width: 110px;
+  height: 34px;
+  color: var(--theme-ui-colors-textDisabledButton);
+  font-size: 14px;
+  background: var(--theme-ui-colors-white2);
+  padding: 8px 16px;
+  justify-content: center;
+  font-weight: 500;
+  margin-left: 15px;
+  line-height: 13px;
+  cursor: pointer;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-filters .clear-all-button {
+    display: flex;
+  }
+}
+
+.bonds-cards {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+}
+@media screen and (min-width: 800px) {
+  .bonds-cards {
+    flex-direction: row;
+    gap: 5px;
+  }
+}
+.bonds-cards .bond-card-block {
+  display: flex;
+  padding: 6px 12px;
+  background: var(--theme-ui-colors-white3);
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--theme-ui-colors-white2);
+  max-height: 32px;
+}
+@media screen and (min-width: 800px) {
+  .bonds-cards .bond-card-block {
+    width: 350px;
+    flex-direction: column;
+    padding: 12px;
+    max-height: none;
+  }
+}
+.bonds-cards .bond-card-block .bond-card-title {
+  display: flex;
+  font-weight: 400;
+  font-size: 12px;
+}
+@media screen and (min-width: 800px) {
+  .bonds-cards .bond-card-block .bond-card-title {
+    padding-bottom: 5px;
+  }
+}
+.bonds-cards .bond-card-block .bond-card-tooltip {
+  padding-left: 5px;
+  align-items: flex-start;
+  cursor: pointer;
+}
+.bonds-cards .bond-card-block .bond-card-content {
+  display: flex;
+  font-size: 12px;
+  font-weight: 700;
+}
+@media screen and (min-width: 800px) {
+  .bonds-cards .bond-card-block .bond-card-content {
+    font-size: 16px;
+  }
+}
+.bonds-cards .hide-mobile {
+  display: none;
+}
+@media screen and (min-width: 800px) {
+  .bonds-cards .hide-mobile {
+    display: flex;
+  }
+}
+
+.modal {
+  width: fit-content !important;
+  max-width: 96%;
+}
+
+.project-image {
+  border-radius: 6px;
+  width: 100%;
+}
+@media (min-width: 1100px) {
+  .project-image {
+    width: 475px;
+  }
+}
+
+.modal-content {
+  display: flex;
+  flex-direction: column;
+  border-radius: 10px;
+  background-color: var(--theme-ui-colors-white2);
+  width: 100%;
+  padding: 15px;
+}
+@media (min-width: 800px) {
+  .modal-content {
+    padding: 20px;
+  }
+}
+
+.modaltable-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.slipagge-close-icons {
+  position: absolute;
+  top: -10px;
+  right: -3px;
+  cursor: pointer;
+  flex-direction: column;
+}
+
+.title-container.bondicon {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  position: relative;
+}
+
+.icon-container {
+  position: relative;
+  display: inline-block;
+}
+
+.icon-container svg {
+  position: absolute;
+  top: -8px;
+  right: -5px;
+  z-index: 1;
+}
+
+.icon-container img {
+  display: block;
+}
+
+.icon-container-small {
+  position: relative;
+  display: inline-block;
+}
+
+.icon-container-small svg {
+  position: absolute;
+  top: -5px;
+  right: -4px;
+  z-index: 1;
+}
+
+.icon-container-small img {
+  display: block;
+}
+
+.title-container.bondname {
+  display: flex;
+  flex-direction: column;
+  padding-left: 20px;
+  font-size: 24px;
+  font-weight: 700;
+}
+
+.title-container.bondname-small {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 10px;
+}
+
+.price-container.price {
+  text-decoration: line-through;
+  opacity: 0.5;
+  font-weight: 400;
+}
+
+.title-container.tokentags {
+  display: flex;
+  align-items: center;
+  padding-left: 10px;
+}
+
+.description-container {
+  display: flex;
+  align-items: flex-start;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 21px;
+  padding: 10px 0;
+}
+
+.modaltable-container.blocks-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  justify-content: space-around;
+  margin-top: 5px;
+}
+
+.modal-block {
+  min-width: 0px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: var(--theme-ui-colors-white3);
+  font-weight: 900;
+  font-size: 16px;
+  border-radius: 10px;
+  height: 90%;
+  padding: 13px;
+}
+
+.block-header {
+  color: white;
+  font-weight: 400;
+  font-size: 12px;
+}
+
+.header-icon {
+  padding-left: 5px;
+  align-items: flex-start;
+  cursor: pointer;
+}
+
+.block-content {
+  align-items: center;
+  font-weight: 700;
+}
+
+.modal-block.block-discount {
+  margin: 0px 10px 0px 0px;
+  width: 350px;
+}
+
+.discount-positive {
+  color: #38A611;
+}
+
+.discount-negative {
+  color: #DF4141;
+}
+
+.modal-block.block-arr {
+  margin: 0px 10px 0px 0px;
+  width: 350px;
+}
+
+.modal-block.block-term {
+  margin: 0px 10px 0px 0px;
+  width: 350px;
+}
+
+.modal-block.block-maxbuy {
+  width: 350px;
+}
+
+.modaltable-container.text-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  font-size: 12px;
+  padding: 10px 0;
+}
+
+.text-container.row {
+  padding-top: 2px;
+  padding-bottom: 2px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.row-container {
+  display: flex;
+  font-weight: 400;
+  align-items: center;
+}
+
+.row-container.spend {
+  display: flex;
+}
+
+.row-container.spend-val {
+  display: flex;
+}
+
+.row-container.premium {
+  display: flex;
+}
+
+.row-container.premium-icon {
+  padding-left: 5px;
+  align-items: flex-start;
+  cursor: pointer;
+}
+
+.row-container.premium-val {
+  display: flex;
+}
+
+.premium-positive {
+  color: #38A611;
+}
+
+.premium-negative {
+  color: #DF4141;
+}
+
+.row-container.get {
+  display: flex;
+}
+
+.row-container.get-val {
+  display: flex;
+}
+
+.modaltable-container.buy-container {
+  display: flex;
+  flex-direction: column;
+  background: var(--theme-ui-colors-white3);
+  border-radius: 10px;
+  min-height: 96px;
+  padding: 10px;
+}
+
+.input-container.inputrow {
+  flex-direction: row;
+}
+
+.input-container.balancerow {
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: 6px;
+}
+
+.balancerow.text {
+  opacity: 0.6;
+  align-items: center;
+  font-size: 12px;
+}
+
+.balancerow.max {
+  align-items: center;
+  cursor: pointer;
+}
+.balancerow.max .max-button {
+  background: var(--theme-ui-colors-primaryButton);
+  height: 22px;
+  padding-left: 8px;
+  padding-right: 8px;
+  cursor: "pointer";
+  font-size: 12px;
+  font-weight: 600;
+  border-radius: small;
+  margin-left: 10px;
+  transition: "all .3s linear";
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.balancerow.max .max-button:active {
+  transform: scale(0.9);
+}
+
+.input-container.input {
+  background-color: transparent;
+  border-radius: 10px;
+  border: medium;
+  padding-right: 10px;
+  width: 100%;
+  font-size: 22px;
+}
+.input-container.input Input {
+  border: none;
+  display: inline-block;
+}
+.input-container.input Input:focus {
+  outline: none;
+}
+
+.input-container.token {
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  font-weight: bold;
+  background: var(--theme-ui-colors-white4);
+  position: relative;
+  width: 190px;
+  height: 36px;
+  justify-content: space-between;
+}
+
+.input-container.bondicon {
+  margin-left: 5px;
+}
+
+.modaltable-container.button-container {
+  width: 100%;
+  padding-top: 10px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.button-container.buy {
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  width: 100%;
+}
+.button-container.buy .action-button {
+  width: 100%;
+}
+.button-container.buy .switch-button {
+  width: 100%;
+}
+
+.modaltable-container.accordion-container {
+  display: flex;
+  position: absolute;
+  padding: 30px 50px;
+  background: #12131A;
+  width: 100%;
+  border-radius: 0 0 10px 10px;
+  gap: 10px !important;
+}
+@media (min-width: 1100px) {
+  .modaltable-container.accordion-container {
+    width: 90%;
+    left: 5%;
+  }
+}
+
+.toast {
+  position: fixed;
+  top: 50px;
+  right: 20px;
+  background-color: var(--theme-ui-colors-white2);
+  color: white;
+  font-size: 24px;
+  padding: 10px 20px;
+  border-radius: 5px;
+  height: 75px;
+  align-items: center;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  z-index: 9999;
+  animation: fadein 0.5s, fadeout 0.5s 4.5s;
+  cursor: pointer;
+}
+
+@keyframes fadein {
+  from {
+    top: 0;
+    opacity: 0;
+  }
+  to {
+    top: 50px;
+    opacity: 1;
+  }
+}
+@keyframes fadeout {
+  from {
+    top: 50px;
+    opacity: 1;
+  }
+  to {
+    top: 0;
+    opacity: 0;
+  }
+}
+.button-container.zap {
+  width: 100%;
+}
+
+.switch-button.zap {
+  width: 100%;
+}
+
+.font-small {
+  font-size: 14px;
+}
+
+.font-x-small {
+  font-size: 12px;
+}
+
+.text-highlight {
+  color: #38A611;
+}
+
+.paragraph-spaced {
+  line-height: 150%;
+}
+
+.button-narrow {
+  width: 190px !important;
+}
+
+.fading-hr {
+  border: none;
+  height: 1px;
+  /* Adjust thickness */
+  background: linear-gradient(to right, transparent, white, transparent);
+  /* White fades to transparent */
+  width: 100%;
+  /* Full width */
+  margin: 20px 0;
+  /* Adjust margin for spacing */
+}
+
+.rotate-hr {
+  rotate: 90deg;
+  margin: 0px !important;
+  width: 20px !important;
+}
+
+span.flex-inline {
+  display: contents;
+}
+
+.expand-icon {
+  height: 20px;
+  fill: #38A611;
+}
+
+.modal-receive-text {
+  padding-left: 5px;
+  font-size: 14px;
+}
+
+.bondmodal-header-alt {
+  padding-left: 50px;
+  margin: 0px 0px 10px 0px !important;
+}
+
+.token-selector-panel {
+  flex-direction: column;
+  background: var(--theme-ui-colors-white3);
+  padding: 10px;
+  min-height: 92px;
+}
+
+.bond-row {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 70px;
+  background-color: var(--theme-ui-colors-white2);
+  margin-bottom: 5px;
+  justify-content: space-between;
+  position: relative;
+}
+.bond-row:hover {
+  background-color: var(--theme-ui-colors-white3);
+}
+.bond-row .min-tiers-container {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.bond-row .bond-info-columns {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+}
+@media screen and (min-width: 1000px) {
+  .bond-row .bond-info-columns {
+    justify-content: space-between;
+  }
+}
+.bond-row .bond-info-columns .discount-column {
+  display: flex;
+  width: 170px;
+  align-items: flex-end;
+  justify-content: center;
+}
+.bond-row .bond-info-columns .arr-column {
+  display: none;
+  width: 170px;
+  align-items: flex-end;
+  justify-content: center;
+}
+@media screen and (min-width: 1000px) {
+  .bond-row .bond-info-columns .arr-column {
+    display: flex;
+  }
+}
+.bond-row .bond-info-columns .terms-column {
+  display: none;
+  width: 115px;
+  align-items: center;
+  justify-content: center;
+}
+@media screen and (min-width: 1000px) {
+  .bond-row .bond-info-columns .terms-column {
+    display: flex;
+  }
+}
+.bond-row .bond-info-columns .tokens-remaining-column {
+  display: none;
+  width: 135px;
+  align-items: flex-end;
+  justify-content: center;
+}
+@media screen and (min-width: 1000px) {
+  .bond-row .bond-info-columns .tokens-remaining-column {
+    display: flex;
+  }
+}
+.bond-row .bond-info-columns .tooltip-column {
+  width: 50px;
+  display: flex;
+}
+
+.column.column-tokens {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 40%;
+}
+
+.column.column-tokeninfoname {
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 20px;
+}
+
+.column.column-tokenname {
+  width: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 20px;
+}
+
+.column.column-tokenicons {
+  width: 50px;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.column.tooltip-container {
+  width: 50px;
+  justify-content: flex-start;
+}
+
+.column.column-bondinfo {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  width: 70%;
+}
+
+.column.column-discount {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 20%;
+}
+
+.discount-positive {
+  color: #38a611;
+  width: 20%;
+}
+
+.discount-negative {
+  color: #ffffff;
+  width: 20%;
+}
+
+.column.column-arr {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 20%;
+}
+
+.column.column-terms {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 20%;
+}
+
+.column.column-tokensremaining {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 30%;
+}
+
+.bonds-menu {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex-direction: column;
+  width: 100%;
+  font-size: 11px;
+}
+.bonds-menu .table-header-container {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  overflow: hidden;
+  padding: 10px 0;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-menu .table-header-container {
+    padding: 20px 0 10px 0;
+  }
+}
+.bonds-menu .search-container {
+  display: flex;
+  flex-direction: row;
+}
+@media screen and (min-width: 968px) {
+  .bonds-menu .search-container {
+    width: 30%;
+    min-width: 400px;
+  }
+}
+.bonds-menu .headers-container {
+  display: flex;
+  width: 50%;
+  justify-content: flex-end;
+  align-items: center;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-menu .headers-container {
+    justify-content: space-between;
+    width: 70%;
+  }
+}
+.bonds-menu .discount-header {
+  display: flex;
+  width: 170px;
+  align-items: flex-end;
+  cursor: pointer;
+  opacity: 0.6;
+  padding-left: 15px;
+}
+@media screen and (min-width: 513px) {
+  .bonds-menu .discount-header {
+    padding-left: 0;
+    width: 170px;
+    justify-content: center;
+  }
+}
+.bonds-menu .arr-header {
+  display: none;
+  width: 170px;
+  align-items: flex-end;
+  justify-content: center;
+  cursor: pointer;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-menu .arr-header {
+    display: flex;
+  }
+}
+.bonds-menu .terms-header {
+  display: none;
+  width: 115px;
+  align-items: flex-end;
+  justify-content: center;
+  opacity: 0.6;
+  cursor: pointer;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-menu .terms-header {
+    display: flex;
+  }
+}
+.bonds-menu .tokens-remaining-header {
+  display: none;
+  width: 135px;
+  align-items: flex-end;
+  justify-content: center;
+  cursor: pointer;
+  opacity: 0.6;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-menu .tokens-remaining-header {
+    display: flex;
+  }
+}
+.bonds-menu .tooltip-header {
+  width: 50px;
+  display: flex;
+}
+.bonds-menu .claimable-header {
+  display: flex;
+  width: 130px;
+  align-items: flex-end;
+  justify-content: center;
+  cursor: pointer;
+}
+.bonds-menu .your-bonds-table-headers {
+  display: none;
+  width: 130px;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  opacity: 0.6;
+  line-height: 12px;
+}
+@media screen and (min-width: 1000px) {
+  .bonds-menu .your-bonds-table-headers {
+    display: flex;
+  }
+}
+.bonds-menu .claim-all-button-container {
+  display: flex;
+  width: 210px;
+  align-items: flex-end;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.bondrowsbychain {
+  width: 100%;
+  flex-direction: column;
+  margin-top: 5px;
+}
+
+.bondrowswithtitle {
+  width: 100%;
+  flex-direction: column;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+.bonds-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 0 10px;
+}
+
+.progressbar-background {
+  width: 100%;
+  height: 5px;
+  background-color: var(--theme-ui-colors-white4);
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.progressbar-completed {
+  border-radius: 10px;
+  height: 100%;
+  background-color: var(--theme-ui-colors-text);
+}
+
+.tokeninfoname.container {
+  width: 100%;
+  position: relative;
+  justify-content: start;
+  height: 100%;
+  align-items: center;
+  padding-left: 20px;
+  border-radius: 10px;
+}
+
+.tokeninfoname.gradient {
+  position: absolute;
+  z-index: 0;
+  left: 0px;
+  width: 30px;
+  height: 100%;
+  filter: blur(35px);
+}
+
+.tokeninfoname.chain {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  overflow: hidden;
+  border-radius: 10px 0px 8px 0px;
+  z-index: 5;
+}
+
+.tokeninfoname.tokencontainer {
+  padding-left: 6px;
+  width: 100%;
+  align-items: center;
+}
+
+.tokeninfoname.tokentext {
+  margin-left: 10px;
+  font-weight: 700;
+  width: 100%;
+  flex-direction: column;
+}
+
+.your-bonds {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: space-around;
+  background-color: var(--theme-ui-colors-white2);
+  margin-bottom: 5px;
+  border-radius: 10px;
+  cursor: pointer;
+}
+.your-bonds:hover {
+  background-color: var(--theme-ui-colors-white3);
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds {
+    flex-direction: row;
+    height: 70px;
+  }
+}
+.your-bonds .token-info-container {
+  display: flex;
+  width: 100%;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .token-info-container {
+    width: 30%;
+    min-width: 300px;
+  }
+}
+.your-bonds .token-info-container .tooltip-column {
+  display: flex;
+  width: 50px;
+  align-items: center;
+  margin-left: 10px;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .token-info-container .tooltip-column {
+    display: none;
+  }
+}
+.your-bonds .your-bonds-columns-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .your-bonds-columns-container {
+    width: 70%;
+    justify-content: space-between;
+    flex-direction: row;
+    padding-right: 20px;
+  }
+}
+.your-bonds .your-bonds-columns-container .your-bonds-content:first-of-type {
+  margin-top: 10px;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .your-bonds-columns-container .your-bonds-content:first-of-type {
+    margin-top: 0;
+  }
+}
+.your-bonds .your-bonds-columns-container .your-bonds-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 0 10px;
+  font-size: 14px;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .your-bonds-columns-container .your-bonds-content {
+    width: 130px;
+    justify-content: center;
+    margin-top: 0;
+  }
+}
+.your-bonds .your-bonds-columns-container .your-bonds-content .your-bonds-content-title {
+  display: flex;
+  font-size: 12px;
+  font-weight: 500;
+  opacity: 0.6;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .your-bonds-columns-container .your-bonds-content .your-bonds-content-title {
+    display: none;
+  }
+}
+.your-bonds .your-bonds-columns-container .your-bonds-content .your-bonds-content-tokens-amount {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 600;
+}
+.your-bonds .your-bonds-columns-container .your-bonds-content .your-bonds-content-tokens-usd-amount {
+  opacity: 0.6;
+  font-size: 12px;
+  font-weight: 400;
+  margin-left: 4px;
+  color: var(--theme-ui-colors-textDisabledButton);
+}
+.your-bonds .your-bonds-columns-container .your-bonds-column-button {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+  padding: 10px;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .your-bonds-columns-container .your-bonds-column-button {
+    width: 210px;
+    padding: 0;
+  }
+}
+.your-bonds .your-bonds-columns-container .button {
+  font-size: 14px;
+  padding: 6px;
+  height: 30px;
+}
+.your-bonds .your-bonds-columns-container .hide-mobile {
+  display: none;
+}
+@media screen and (min-width: 1000px) {
+  .your-bonds .your-bonds-columns-container .hide-mobile {
+    display: flex;
+  }
+}
+
+.placeholder-monkey-wrapper {
+  width: 100%;
+  flex-direction: column;
+  padding-top: 100px;
+  padding-bottom: 100px;
+  background: var(--theme-ui-colors-white2);
+  align-items: center;
+  border-radius: 10px;
+  margin-top: 15px;
+  justify-content: center;
+  height: 400px;
+}
+
+.yourbonds.table-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 0 10px;
+}
+
+.yourbonds.header-container {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 30px;
+  justify-content: space-around;
+  margin-bottom: 15px;
+  padding: 0px;
+  border-radius: 10px;
+  font-size: 11px;
+  color: #73728E;
+}
+
+.yourbonds.bondrow-container {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 70px;
+  justify-content: space-around;
+  background-color: var(--theme-ui-colors-white2);
+  margin-bottom: 5px;
+  border-radius: 10px;
+  cursor: pointer;
+}
+.yourbonds.bondrow-container:hover {
+  background-color: var(--theme-ui-colors-white3);
+}
+
+.yourbonds.column-tokens {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  width: 40%;
+}
+
+.yourbonds.column-search {
+  padding-bottom: 0px;
+}
+
+.yourbonds.column-tokeninfoname {
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  padding-left: 20px;
+}
+
+.yourbonds.column-bondinfo {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  width: 60%;
+}
+
+.yourbonds.header-claimable {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 25%;
+  font-size: 11px;
+  color: var(--theme-ui-colors-text);
+}
+
+.yourbonds.header-pending {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 25%;
+  font-size: 11px;
+  color: var(--theme-ui-colors-text);
+}
+
+.yourbonds.header-terms {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 25%;
+  font-size: 11px;
+  color: var(--theme-ui-colors-text);
+}
+
+.yourbonds.header-claimall {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 30%;
+  padding-right: 20px;
+  padding-bottom: 15px;
+}
+
+.yourbonds.header-icon {
+  padding-left: 5px;
+  align-items: flex-start;
+  justify-content: space-around;
+  cursor: pointer;
+}
+
+.yourbonds.column-claimable {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 25%;
+}
+
+.yourbonds.column-pending {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 25%;
+}
+
+.yourbonds.column-terms {
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 25%;
+}
+
+.yourbonds.column-claimall {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 40%;
+  max-width: 230px;
+  padding-right: 20px;
+}
+.yourbonds.column-claimall .claim-button {
+  height: 35px;
+  line-height: 12px;
+  font-size: 14px;
+  font-weight: 600;
+  width: 100%;
+}
+.yourbonds.column-claimall .claim-button:disabled {
+  filter: brightness(130%);
+}
+.yourbonds.column-claimall .switch-button {
+  height: 35px;
+  line-height: 20px;
+  font-size: 14px;
+  font-weight: 600;
+  width: 100%;
+}
+.yourbonds.column-claimall .switch-button:disabled {
+  filter: brightness(130%);
+}
+
+.toast {
+  position: fixed;
+  bottom: 50px;
+  right: 20px;
+  background-color: var(--theme-ui-colors-white2);
+  color: white;
+  font-size: 24px;
+  padding: 10px 20px;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  z-index: 9999;
+  animation: fadein 0.5s, fadeout 0.5s 4.5s;
+  cursor: pointer;
+}
+
+@keyframes fadein {
+  from {
+    bottom: 0;
+    opacity: 0;
+  }
+  to {
+    bottom: 50px;
+    opacity: 1;
+  }
+}
+@keyframes fadeout {
+  from {
+    bottom: 50px;
+    opacity: 1;
+  }
+  to {
+    bottom: 0;
+    opacity: 0;
+  }
+}
+.fade-out {
+  opacity: 1;
+  visibility: visible;
+  transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
+}
+
+.fade-out.hidden {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.full-bonds-view-container {
+  width: 100%;
+  flex-direction: column;
+  position: relative;
+}
+.full-bonds-view-container .toggle-container {
+  width: 100%;
+  padding: 10px;
+}
+@media (min-width: 1000px) {
+  .full-bonds-view-container .toggle-container {
+    padding: 0;
+    width: 300px;
+    position: absolute;
+    left: 10px;
+  }
+}
+
+.sharebondimage-card {
+  flex-direction: column;
+  width: 768px;
+  height: 768px;
+  align-items: center;
+  background-image: url(/images/bills/bg.png);
+  background-size: cover;
+  background-position: bottom center;
+  background-repeat: no-repeat;
+  justify-content: center;
+  display: flex;
+}
+
+.sharebondimage-nft {
+  margin-top: 10px;
+  flex-direction: column;
+  align-items: center;
+}
+
+.sharebondimage-nft-id {
+  display: flex;
+  position: absolute;
+  top: 15px;
+  right: -61px;
+  min-width: 60px;
+  height: 28px;
+  border-radius: 0px 6px 6px 0px;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(34px);
+}
+
+.sharebondimage-nft-id span {
+  font-size: 14px;
+  color: text;
+  line-height: 8px;
+}
+
+.sharebondimage-nft img {
+  width: 319px;
+  height: 180px;
+  border-radius: 10px 10px 0px 0px;
+}
+
+.sharebondimage-container-info {
+  display: flex;
+  width: 381px;
+  height: 147px;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(34px);
+  border-radius: 10px;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-direction: column;
+  padding: 10px 8px 10px 8px;
+  margin-top: -3px;
+}
+
+.sharebondimage-container-discount {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.05);
+  border-radius: 7px;
+  padding: 10px;
+}
+
+.sharebondimage-container-off {
+  display: flex;
+  margin-left: 30px;
+  width: 125px;
+  height: 27px;
+  border-radius: 5px;
+  border: 1px solid rgba(56, 166, 17, 0.2);
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(56, 166, 17, 0.0509803922);
+}
+
+.sharebondimage-container-off span {
+  color: #38A611;
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.sharebondimage-container-discount-price {
+  flex-direction: column;
+  margin-left: 13px;
+}
+
+.sharebondimage-container-discount-token {
+  display: flex;
+  gap: 4px;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.sharebondimage-container-discount-token span {
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.sharebondimage-container-discount-price-discount {
+  color: #49B423;
+  font-size: 22px;
+  font-weight: 700;
+}
+
+.sharebondimage-container-tokens {
+  display: flex;
+  width: 100%;
+  padding-top: 6px;
+  gap: 5px;
+  justify-content: center;
+  align-items: center;
+}
+
+.sharebondimage-container-token {
+  display: flex;
+  gap: 5px;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  background-color: rgba(255, 255, 255, 0.05);
+  border-radius: 7px;
+  padding: 10px;
+}
+
+.sharebondimage-container-token img {
+  width: 26px;
+  height: 26px;
+}
+
+.sharebondimage-amount-deposit {
+  color: #FAFAFA;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.sharebondimage-dollarvalue {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.sharebondimage-container-earntoken {
+  display: flex;
+  flex-direction: column;
+}
+
+.sharebondimage-amount-earntoken {
+  display: flex;
+  gap: 5px;
+  justify-content: center;
+  align-items: center;
+}
+
+.sharebondimage-profit {
+  justify-content: center;
+  align-items: center;
+}
+
+.sharebondimage-profit span {
+  color: #38A611;
+  font-size: 10px;
+  font-weight: 400;
+  line-height: 4px;
+}
+
+.sharebondimage-amount-payout {
+  color: #38A611;
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.sharebondimage-amount-dollarvalue {
+  color: #38A611;
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.banner-container {
+  width: 100%;
+  min-height: 160px;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 10px;
+  gap: 5px;
+  background-size: cover;
+  background-repeat: no-repeat;
+  padding: 15px;
+}
+.banner-container .banner-logos {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+.banner-container .banner-title {
+  font-weight: 700;
+  font-size: 25.26px;
+  line-height: 30.26px;
+  letter-spacing: 0%;
+  text-align: center;
+  vertical-align: middle;
+  margin-top: 10px;
+  background: linear-gradient(180deg, #FFFFFF 50%, #666666 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.banner-container .banner-subtitle {
+  font-weight: 400;
+  font-size: 14.26px;
+  line-height: 30.26px;
+  letter-spacing: 0%;
+  text-align: center;
+  vertical-align: middle;
+  background: linear-gradient(180deg, #FFFFFF 50%, #666666 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.banner-container .banner-actions {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+.banner-container .banner-actions .action-button {
+  height: 35px;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+@media (max-width: 575px) {
+  .banner-container .banner-title {
+    width: 50%;
+    font-size: 18px;
+    line-height: 21px;
+  }
+  .banner-container .banner-subtitle {
+    width: 55%;
+    font-size: 12px;
+    line-height: 14px;
+    margin-bottom: 10px;
+  }
+}
+@media (min-width: 800px) and (max-width: 1000px) {
+  .banner-container {
+    background-position: bottom center;
+  }
+}
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--theme-ui-colors-text);
+  border-radius: 8px;
+}
+
+::-webkit-scrollbar-track {
+  box-shadow: inset 0 0 5px var(--theme-ui-colors-input);
+  background: var(--theme-ui-colors-white2);
+  border-radius: 10px;
+}