.Crab_CTA_Section{display:flex;justify-content:center;align-items:center;height:80vh}.Crab_CTA{width:80%;color:var(--blue)}.Crab_CTA .Subtitle{font-size:1.2em;text-transform:uppercase;margin:0}.Crab_CTA .Title{font-size:8.6vw;text-transform:uppercase;margin:0;line-height:1em;display:inline}.Crab_CTA_Text{position:relative}.Crab_CTA_Button{position:absolute;bottom:25%;right:0;transform:translateY(70%)}.Crab_Area{display:inline-block;width:115px;margin-left:2rem}.Crab{width:100%;aspect-ratio:29 / 26;position:relative;transform:rotate(var(--rotate, 24)) translateY(var(--y, 0)) scale(1.3);opacity:0}.Crab>div{position:absolute}.Crab .Left_Hand{top:0;left:0;transform-origin:78% 88%;transform:rotate(5deg)}.Crab .Right_Hand{top:0;right:0;transform-origin:22% 82%;transform:rotate(3deg)}.Crab .Body{bottom:0;left:50%;transform:translate(-50%);transform-origin:50% 50%}.Crab .Eyes{top:23%;left:50%;transform:translate(-50%);transform-origin:50% 100%}.Crab .Forward_Legs{left:50%;bottom:20%;transform:translate(-50%) rotate(-2deg);transform-origin:50% 100%}.Crab .Backward_Legs{left:50%;bottom:0;transform:translate(-50%) rotate(3deg);transform-origin:50% -30%}.Crab.Crab_Shown{opacity:1;transition:opacity 1s var(--ulu-curve)}.Crab.Crab_Walk{animation:crab_walk 2.4s ease-in-out}.Crab.Crab_Walk .Left_Hand{animation:crab_l_claw_walk 1s ease-out infinite}.Crab.Crab_Walk .Right_Hand{animation:crab_r_claw_walk 1s ease-out infinite}.Crab.Crab_Walk .Forward_Legs{animation:crab_f_leg_walk 1s ease-out infinite}.Crab.Crab_Walk .Backward_Legs{animation:crab_b_leg_walk 1s ease-out infinite}@keyframes crab_walk{0%{transform:translate(-150%,300%) rotate(-16deg) scale(1.3)}25%{transform:translate(-80%,170%) rotate(26deg) scale(1.3)}60%{transform:translate(-60%,90%) rotate(-13deg) scale(1.3)}to{transform:rotate(24deg) scale(1.3)}}@keyframes crab_l_claw_walk{5%{transform:rotate(20deg)}18%{transform:rotate(-12deg)}40%{transform:rotate(17deg)}70%{transform:rotate(-10deg)}to{transform:rotate(5deg)}}@keyframes crab_r_claw_walk{10%{transform:rotate(17deg)}30%{transform:rotate(-21deg)}55%{transform:rotate(10deg)}87%{transform:rotate(-5deg)}to{transform:rotate(3deg)}}@keyframes crab_f_leg_walk{10%{transform:translate(-50%) rotate(-3deg)}30%{transform:translate(-50%) rotate(5deg)}55%{transform:translate(-50%) rotate(-4deg)}87%{transform:translate(-50%) rotate(3deg)}to{transform:translate(-50%) rotate(-2deg)}}@keyframes crab_b_leg_walk{7%{transform:translate(-50%) rotate(-5deg)}16%{transform:translate(-50%) rotate(5deg)}30%{transform:translate(-50%) rotate(-4deg)}55%{transform:translate(-50%) rotate(3deg)}87%{transform:translate(-50%) rotate(-4deg)}to{transform:translate(-50%) rotate(3deg)}}@media screen and (max-width:1024px){.Crab_CTA_Section{height:fit-content}.Crab_CTA{width:100%}.Crab_Area{margin:0;margin-right:1rem;width:115px;display:block}.Crab.Crab_Walk{transform:rotate(var(--rotate, 24)) translateY(var(--y, 0)) scale(.8);animation-name:crab_walk_mobile}.Crab_CTA .Crab_CTA_Text{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.Crab_CTA .Title{font-size:22vw}.Crab_CTA_Button{position:static;display:inline-block;order:1;transform:none}.Crab_Area{order:2}}@keyframes crab_walk_mobile{0%{transform:translate(-150%,300%) rotate(-16deg) scale(.8)}25%{transform:translate(-80%,170%) rotate(26deg) scale(.8)}60%{transform:translate(-60%,90%) rotate(-13deg) scale(.8)}to{transform:rotate(24deg) scale(.8)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/crab-cta.css.map */