.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{justify-content:center;align-items:center;width:100%;display:flex}.BeforeAfter-module__odvLoa__wrapper{aspect-ratio:16/9;background-color:#f1f5f9;border:4px solid #fff;border-radius:24px;width:1000px;max-width:100%;height:auto;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.BeforeAfter-module__odvLoa__desktop,.BeforeAfter-module__odvLoa__mobile{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.BeforeAfter-module__odvLoa__contentImage{object-fit:contain;-webkit-user-select:none;user-select:none;background-color:#fff;width:100%;height:100%;display:block}.BeforeAfter-module__odvLoa__contentImage2{object-fit:contain;-webkit-user-select:none;user-select:none;background-color:#f0efef;width:100%;height:100%;display:block}.BeforeAfter-module__odvLoa__mobile{z-index:2;width:50%}.BeforeAfter-module__odvLoa__scroller{z-index:10;cursor:ew-resize;pointer-events:auto;background-color:#fff;justify-content:center;align-items:center;width:4px;height:100%;display:flex;position:absolute;top:0;box-shadow:0 0 10px #0003}.BeforeAfter-module__odvLoa__scrollerHandle{color:#0ea5e9;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-left:2px;transition:transform .2s,box-shadow .2s;display:flex;transform:translate(-50%);box-shadow:0 4px 12px #00000026,0 0 0 4px #ffffff80}.BeforeAfter-module__odvLoa__scroller:hover .BeforeAfter-module__odvLoa__scrollerHandle{transform:translate(-50%)scale(1.1);box-shadow:0 6px 16px #0003,0 0 0 4px #0ea5e933}.BeforeAfter-module__odvLoa__scrolling .BeforeAfter-module__odvLoa__scrollerHandle{transform:translate(-50%)scale(1.05);box-shadow:0 4px 10px #00000026,0 0 0 4px #0ea5e94d}.BeforeAfter-module__odvLoa__scrollerHandle svg{width:20px;height:20px}.BeforeAfter-module__odvLoa__scrollerHandle svg:first-child{margin-right:-4px}.BeforeAfter-module__odvLoa__scrollerHandle svg:last-child{margin-left:-4px}