.background-gradient{background:linear-gradient(#fff 0%,#fffae3 90%)}.duckies-grass-top-bg{background-image:url(/images/duckies/hero_bg_v2.webp);background-position:left -583px bottom 21px;background-repeat:no-repeat;background-attachment:local}@keyframes float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.animate-float{animation:1s ease-in-out forwards float}.text-outline-stroke-1{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.text-outline-stroke-1xl{-webkit-text-stroke-width:1.3px;-webkit-text-stroke-color:#000}.tap-animate{transition:transform .15s ease-in-out}.card-nft-container{perspective:1000px;width:100%;height:530px}.card-nft{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card-nft.flipped{transform:rotateY(180deg)}.card-nft-front,.card-nft-back{backface-visibility:hidden;border-radius:.5rem;flex-direction:column;justify-content:flex-start;width:100%;height:100%;display:flex;position:absolute}.card-nft-front{z-index:2;padding:12px;transform:rotateY(0)}.card-nft-back{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);opacity:0;justify-content:center;align-items:center;align-items:unset;justify-content:unset;flex-direction:column;padding:12px;transition:opacity .3s ease-in-out;display:flex;transform:rotateY(180deg)}.card-nft-back-center{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);width:100%;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:opacity .3s ease-in-out;display:flex;transform:rotateY(180deg)}.card-nft.flipped .card-nft-back{opacity:1}.card-nft-back.exiting{opacity:0}.vault-background{z-index:0;background-image:url(/images/general/vault-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:145%;width:100%;height:100%;position:absolute;top:-70px;left:0}.network-selector-gradient-border{border-width:1px;border-image:linear-gradient(180deg, #c0c2cb #ededed);border-image-slice:1}.cd-leaderboard-user{background:var(--primary-cta-color-10,#fffae3);border-radius:40px}.cd-leaderboard-top-1{background:linear-gradient(90deg,#fcd00099 0%,#fcd00000 100%);border-radius:40px}.cd-leaderboard-top-2{background:linear-gradient(90deg,#dcdcdc99 0%,#dcdcdc00 100%);border-radius:40px}.cd-leaderboard-top-3{background:linear-gradient(90deg,#fc8b0099 0%,#fc8b0000 100%);border-radius:40px}.cr-leaderboard-image>svg{width:28px;height:28px}.cr-leaderboard-number{color:#fff;text-align:center;text-shadow:-1px -1px 0 #272727, 1px -1px 0 #272727, -1px 1px 0 #272727, 1px 1px 0 #272727, 0px 1px 2px var(--primary-cta-color-60);letter-spacing:3px;font-size:28px;font-style:normal;font-weight:800;line-height:normal}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}}.animate-shake{animation:.5s ease-in-out infinite shake}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.animate-fadeInOut{animation:4s ease-in-out fadeInOut}.swapslider input[type=range]{appearance:none}.swapslider input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle, var(--text-color-100) 2px, var(--primary-cta-color-80) 2px);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:box-shadow .2s}.swapslider input[type=range]::-moz-range-thumb{appearance:none;background:radial-gradient(circle, var(--text-color-100) 2px, var(--primary-cta-color-80) 2px);cursor:pointer;border-radius:50%;width:22px;height:22px;transition:box-shadow .2s}.swapslider input[type=range]:focus::-webkit-slider-thumb{outline:2px solid var(--primary-cta-color-40);outline-offset:8px;box-shadow:0 0 0 8px #0000}.swapslider input[type=range]:focus::-moz-range-thumb{outline:2px solid var(--primary-cta-color-40);outline-offset:8px;box-shadow:0 0 0 8px #0000}