.super-claw-app{width:100%}@media (min-width: 640px){.super-claw-app{max-width:640px}}@media (min-width: 768px){.super-claw-app{max-width:768px}}@media (min-width: 1024px){.super-claw-app{max-width:1024px}}@media (min-width: 1280px){.super-claw-app{max-width:1280px}}@media (min-width: 1536px){.super-claw-app{max-width:1536px}}@media (min-width: 1600px){.super-claw-app{max-width:1600px}}.super-claw-app{margin-left:auto;margin-right:auto;display:flex;min-height:100vh;flex-direction:column;align-items:center;overflow:hidden}.scroll{overflow-y:scroll}.wheel-container{position:relative;margin-top:2rem;margin-bottom:6rem;height:100%;max-height:620px;width:100%}@media (min-width: 640px){.wheel-container{margin-top:0}}@media (min-width: 768px){.wheel-container{margin-top:0;margin-bottom:2.5rem}}.wheel-container.scale-on-mobile{--tw-translate-y: 2.5rem;--tw-scale-x: 1.0;--tw-scale-y: 1.0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.wheel-container.scale-on-mobile{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 768px){.wheel-container.scale-on-mobile{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.wheel-container.scale-on-mobile{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width: 640px){.wheel-container.scale-on-mobile{transition-property:none}}.wheel-container .inner{position:relative;margin-left:auto;margin-right:auto;height:100%;width:100%;max-width:56rem}.wheel-container .inner .outer-wheel-bg,.wheel-container .inner .inner-wheel-bg,.wheel-container .inner .wheel-active-state{pointer-events:none;position:absolute;top:0;left:50%;z-index:0;height:600px;width:600px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transform-origin:center;border-radius:9999px;box-shadow:0 0 40px #ebebeb}.wheel-container .inner .outer-wheel-bg{--tw-scale-x: .84;--tw-scale-y: .84;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wheel-container .inner .inner-wheel-bg{--tw-scale-x: .53;--tw-scale-y: .53;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 0 60px #8686864d}.wheel-item{position:absolute;width:60px;transform-origin:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.875rem;line-height:1.25rem;height:90px!important}.wheel-item img{height:60px;width:60px;-o-object-fit:contain;object-fit:contain;position:relative;margin-bottom:1rem}.wheel-item svg{margin-top:1.5rem}@media (min-width: 640px){.wheel-item svg{margin-top:1rem}}.wheel-item-curved{position:absolute;top:0;left:50%;margin-top:.75rem;transform-origin:center;--tw-translate-x: -50%;--tw-translate-y: 4rem;--tw-rotate: 180deg;--tw-scale-x: 5;--tw-scale-y: 5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.inner-wheel-item .wheel-item-curved{top:0;--tw-translate-y: 5rem;--tw-scale-x: -5;--tw-scale-y: -5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.inner-wheel-item .title{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.inner-wheel-item .wheel-item-curved .title textPath,.wheel-item .wheel-item-curved .title textPath{font-weight:600;font-size:.12rem}@media screen and (-webkit-min-device-pixel-ratio: 3){.inner-wheel-item .wheel-item-curved .title textPath,.wheel-item .wheel-item-curved .title textPath{font-size:.06rem}.wheel-container-item .wheel-item-curved .title{--tw-translate-y: .08rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.inner-wheel-container .wheel-item-curved .title{--tw-translate-y: .15rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.safari-on-mac .wheel-item-curved .title{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.safari-on-mac .wheel-item-curved .title textPath{font-size:.06rem!important}.wheel-container .result{position:absolute;top:2.5rem;left:2.5rem;display:none;width:100%}.wheel-container .pointer{position:absolute;top:30px;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));height:12rem;width:.125rem;z-index:50}.wheel-container .pointer:before{position:absolute;top:0;--tw-content: "";left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));height:1rem;content:var(--tw-content);width:1rem}.wheel-container .pointer:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wheel-container .pointer.debug{background-color:#ef444480;width:.25rem}.wheel-container .logos-holder{position:absolute;left:50%;z-index:2;display:flex;height:140px;width:140px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));justify-content:center}@media (min-width: 640px){.wheel-container .logos-holder{height:280px;width:280px}}.wheel-container .logos-holder button,.wheel-container .logos-holder img.logo{position:absolute;top:250px;left:50%;height:100px;width:100px;transform-origin:center;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wheel-container .logos-holder button{border-style:none;background-color:transparent;padding:0}.wheel-container-item.wheel-bg{transform-origin:center;--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1));box-shadow:0 0 30px -20px #00000069}.wheel-item-holder{margin-left:auto;margin-right:auto;height:600px;width:600px;transform-origin:center;cursor:grab;border-radius:9999px;position:absolute;top:0;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.wheel-item-holder.grabbing{cursor:grabbing}.inner-wheel-container{position:absolute;left:50%;height:280px;width:280px;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.inner-wheel{position:relative;height:100%;width:100%;border-radius:9999px;pointer-events:none}.inner-wheel-item{position:absolute;top:0;left:0;display:flex;height:90px;width:60px;transform-origin:center;flex-direction:column;align-items:center;justify-content:center}.inner-wheel-item img{height:60px;width:60px;-o-object-fit:contain;object-fit:contain;position:relative;margin-top:.5rem;margin-bottom:.5rem}.inner .wheel-active-state{position:relative;--tw-scale-x: .85;--tw-scale-y: .85;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:9999px}.inner .wheel-active-state .wheel-active-state-mask{height:100%;width:100%;border-radius:9999px;filter:brightness(1) saturate(.8) drop-shadow(0 0 15px rgba(0,0,0,.3))}.inner .wheel-active-state .wheel-active-state-mask-inner{height:100%;width:100%;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));clip-path:polygon(300px 200px,385px 0px,0 0px,0 -498px)}.inner .wheel-active-state .wheel-active-state-mask-inner svg{height:100%;width:100%}.inner .wheel-active-state .wheel-active-state-mask-inner svg circle{transform-origin:center;--tw-rotate: -82deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));fill:none;stroke-width:10px}.inner .wheel-active-state .wheel-active-state-mask-inner svg stop{transition:stop-color 1s ease}.content{position:relative}.content.active{display:block}.content .container{padding-left:1.25rem;padding-right:1.25rem}.content .products{pointer-events:none;position:absolute;top:60%;display:flex;max-width:100vw;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:flex-end;justify-content:center}.content .products .can{position:relative;margin-left:10px;width:60px}.content .products .glass{position:relative;width:60px}.content .products .bottle{position:relative;width:120px}.content .products .bottle .reflection,.content .products .can .reflection,.content .products .glass .reflection{position:absolute;--tw-translate-y: -5px;--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-mask-image:linear-gradient(transparent 75%,white 150%);mask-image:linear-gradient(transparent 75%,#fff 150%)}.content .products .bottle .reflection,.content .products .glass .reflection{bottom:-98%}.content .products .bottle img,.content .products .can img,.content .products .glass img{width:100%}.content .wheel-items{pointer-events:none;display:flex;width:100%;max-width:190px;flex-direction:column;justify-content:center}@media (min-width: 768px){.wheel-container{max-height:none}.content .wheel-items{max-width:250px}.content .products{margin-inline-start:17px}.content .products .bottle{width:150px}.content .products .glass{width:85px}.content .products .can{margin-left:-15px;width:80px}}.content .wheel-items img{width:380px;--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.content .wheel-items .inner-asset{margin-top:5px;width:300px;--tw-translate-y: -30px;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 768px){.content .wheel-items .inner-asset{margin-top:-15px}}.lock-up{margin-top:1.5rem;width:100%;max-width:300px}.lock-up img{max-width:260px}.x-logo-2{margin-inline-start:10px;margin-bottom:2px;display:flex;flex-direction:column;align-items:center;justify-content:center}.x-logo-2 img{width:14px;filter:brightness(.1)}.x-logo-2 img.inner{margin-top:-8px}.x-logo-2 img.outer{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.intro.content .glass-container{position:relative}.intro.content .glass-container .glass .reflection,.intro.content .glass-container .glass{z-index:10;margin-left:auto;margin-right:auto;width:100%;max-width:214px}@media (min-width: 768px){.intro.content .glass-container .glass .reflection,.intro.content .glass-container .glass{max-width:278px}}@media (min-width: 1600px){.intro.content .glass-container .glass .reflection,.intro.content .glass-container .glass{max-width:328px}}.intro.content .glass-container .glass{z-index:10;margin-left:auto;margin-right:auto;width:100%}.intro.content .glass-container .glass img{width:100%}.intro.content .glass-container .glass .reflection{position:absolute;--tw-translate-y: -25px;--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-mask-image:linear-gradient(transparent 75%,white 150%);mask-image:linear-gradient(transparent 75%,#fff 150%)}.intro.content .glass-container .glass-logo-container{position:absolute;top:50%;left:50%;z-index:20;min-width:290px;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.intro.content .glass-container .glass-logo{display:flex;width:100%;align-items:center;justify-content:center}.intro.content .glass-container .glass-logo img{width:50%;max-width:256px}@media (min-width: 640px){.intro.content .glass-container .glass-logo img{width:100%}}