.floating-token-card{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fffc;border-radius:16px;align-items:center;gap:.75rem;min-width:180px;padding:1rem 1.5rem;transition:all .3s ease-in-out;display:flex;position:absolute;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000001a}.floating-token-card:hover{z-index:50;cursor:pointer;background:#ffffffe6;scale:1.1;box-shadow:0 20px 30px -5px #00000026}.token-icon{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%);border-radius:12px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;display:flex;box-shadow:0 4px 6px #0ea5e94d}.token-text{color:#1e293b;letter-spacing:.02em;font-size:.95rem;font-weight:700}@keyframes float-1{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-60px)rotate(0)}66%{transform:translate(-15px,20px)rotate(0)}}@keyframes float-2{0%,to{transform:translate(0)}25%{transform:translate(15px,15px)}50%{transform:translateY(30px)}75%{transform:translate(-15px,15px)}}@keyframes float-3{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-20px,-55px)rotate(0)}66%{transform:translate(-60px,30px)rotate(0)}}@keyframes float-4{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-55px,50px)rotate(0)}40%{transform:translate(-75px,150px)rotate(0)}60%{transform:translate(10px,70px)rotate(0)}80%{transform:translate(50px,10px)rotate(0)}}.anim-type-1{animation:ease-in-out infinite float-1}.anim-type-2{animation:ease-in-out infinite float-2}.anim-type-3{animation:ease-in-out infinite float-3}.anim-type-4{animation:ease-in-out infinite float-4}@media (max-width:899px){.floating-token-card{display:none!important}}
.scroll-btn{color:#1e293b;cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;padding:0;transition:color .2s ease-in-out;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-btn:hover{color:#1e293bcc}.btn-text{letter-spacing:.05em;font-size:.875rem;font-weight:500}.icon-wrapper{border:2px solid #1e293b;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:border-color .2s ease-in-out;display:flex}.scroll-btn:hover .icon-wrapper{border-color:#1e293bcc}.chevron-icon{stroke:currentColor;width:1.25rem;height:1.25rem;animation:1s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}
.BeforeAfter-module__odvLoa__layout{background-image:linear-gradient(#ffffff3d,#ffffff30),url(/screen_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex}.BeforeAfter-module__odvLoa__wrapper{background-color:#333;border-radius:24px;width:900px;max-width:100%;height:700px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.BeforeAfter-module__odvLoa__before,.BeforeAfter-module__odvLoa__after{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.BeforeAfter-module__odvLoa__contentImage{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.BeforeAfter-module__odvLoa__after{z-index:2;width:125px}.BeforeAfter-module__odvLoa__scroller{opacity:.9;pointer-events:auto;cursor:ew-resize;z-index:10;background-color:#0000;border:5px solid #9b9b9be6;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:100px;transform:translateY(-50%)}.BeforeAfter-module__odvLoa__scroller:hover{opacity:1}.BeforeAfter-module__odvLoa__scrolling{pointer-events:none;opacity:1}.BeforeAfter-module__odvLoa__scrollerThumb{width:100%;height:100%;padding:5px}.BeforeAfter-module__odvLoa__scroller:before,.BeforeAfter-module__odvLoa__scroller:after{content:" ";z-index:30;background:#9b9b9be6;width:7px;height:9999px;margin-left:-3.5px;transition:all .1s;display:block;position:absolute;left:50%}.BeforeAfter-module__odvLoa__scroller:before{top:100%}.BeforeAfter-module__odvLoa__scroller:after{bottom:100%}
