.infinite-scroll-wrapper{overscroll-behavior:none;justify-content:center;align-items:center;width:100vw;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.infinite-scroll-wrapper:before,.infinite-scroll-wrapper:after{content:"";background:linear-gradient(var(--dir,to bottom),#00000080,transparent);z-index:1;pointer-events:none;width:100%;height:20%;position:absolute}.infinite-scroll-wrapper:before{top:0}.infinite-scroll-wrapper:after{--dir:to top;bottom:0}.infinite-scroll-container{overscroll-behavior:contain;cursor:default;transform-origin:50%;filter:blur(1px);opacity:.6;flex-direction:column;justify-content:center;gap:2rem;height:100%;padding-inline:4rem;display:flex}.infinite-scroll-item{text-align:left;-webkit-user-select:none;user-select:none;box-sizing:border-box;filter:blur(.5px);background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;min-width:280px;padding:.75rem 0;font-size:1.125rem;font-weight:300;transition:all .3s;display:flex;position:relative}.infinite-scroll-item:hover{filter:blur();opacity:.8;transform:translate(8px)}.infinite-scroll-item span{color:#ffffff80;transition:color .3s;position:relative}.infinite-scroll-item:hover span{color:#fffc}.infinite-scroll-item span:after{content:"";background:#fff6;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.infinite-scroll-item:hover span:after{width:80%}
.card-swap-container{transform-origin:100% 100%;perspective:1200px;-webkit-user-select:none;user-select:none;touch-action:pan-y;position:absolute;bottom:0;right:0;overflow:visible;transform:translateY(10%)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:#000c;border:1px solid #fff3;border-radius:16px;transition:transform .1s ease-out;position:absolute;top:40%;left:55%;box-shadow:0 8px 32px #0000004d}.card:hover{transform:translateZ(10px)scale(1.02)}.card-swap-container:active .card{transform:translateZ(5px)scale(.98)}.card-swap-container.dragging{cursor:grabbing!important}.card-swap-container.dragging .card{filter:brightness(1.1);transition:none}@media (max-width:1024px){.card-swap-container{transform:scale(.9)translateY(10%)}}@media (max-width:768px){.card-swap-container{transform:scale(.8)translateY(15%)}}@media (max-width:480px){.card-swap-container{transform:scale(.7)translateY(20%)}}