@layer properties,theme,base;@layer components{.pc-crab{position:relative}.pc-crab-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:relative}.pc-crab-btn svg{display:block}}@layer utilities;.pc-crab .crab-eye{transform-box:fill-box;transform-origin:50%}.pc-crab .crab-pupil[data-side=left]{translate:var(--crab-lx,0px) var(--crab-ly,0px)}.pc-crab .crab-pupil[data-side=right]{translate:var(--crab-rx,0px) var(--crab-ry,0px)}@media (prefers-reduced-motion:no-preference){:root[data-motion=full] .pc-crab .crab-pupil{transition:translate .18s ease-out}:root[data-motion=full] .pc-crab-btn:focus-visible .crab-claw[data-side=left]{animation:.9s ease-in-out pc-claw-wave-left}:root[data-motion=full] .pc-crab-btn:focus-visible .crab-claw[data-side=right]{animation:.9s ease-in-out pc-claw-wave-right}@media (hover:hover){:root[data-motion=full] .pc-crab-btn:hover .crab-claw[data-side=left]{animation:.9s ease-in-out pc-claw-wave-left}:root[data-motion=full] .pc-crab-btn:hover .crab-claw[data-side=right]{animation:.9s ease-in-out pc-claw-wave-right}}}@keyframes pc-claw-wave-left{25%{rotate:-22deg}50%{rotate:6deg}75%{rotate:-14deg}}@keyframes pc-claw-wave-right{25%{rotate:22deg}50%{rotate:-6deg}75%{rotate:14deg}}.pc-crab-hint{line-height:1.25;display:none;bottom:-2.65rem;left:50%;translate:-50%;rotate:-2deg}@media (min-width:640px){.pc-crab-hint{display:block}}.pc-crab-live{z-index:30;width:min(18.5rem,100vw - 2rem);position:absolute;top:calc(100% + .6rem);right:-.25rem}.pc-crab-bubble{transform-origin:85% 0;position:relative;rotate:-1deg}.pc-crab-bubble:before{content:"";background:var(--surface);border:2px solid var(--stroke);border-bottom:0;border-right:0;width:.85rem;height:.85rem;position:absolute;top:-.5rem;right:1.4rem;rotate:45deg}@media (min-width:640px){.pc-crab[data-variant=hero] .pc-crab-live{inset:auto auto calc(100% + 2.4rem) 50%;translate:-50%}.pc-crab[data-variant=hero] .pc-crab-bubble{transform-origin:50% 100%}.pc-crab[data-variant=hero] .pc-crab-bubble:before{top:auto;bottom:-.5rem;right:calc(50% - .425rem);rotate:225deg}}@media (min-width:1024px) and (max-width:1279.98px){.pc-crab[data-variant=hero] .pc-crab-live{top:calc(100% + 1rem);bottom:auto}.pc-crab[data-variant=hero] .pc-crab-bubble{transform-origin:50% 0}.pc-crab[data-variant=hero] .pc-crab-bubble:before{top:-.5rem;bottom:auto;rotate:45deg}}@media (min-width:1280px){.pc-crab[data-variant=hero] .pc-crab-live{width:17.5rem;inset:1.6rem calc(100% + 2.6rem) auto auto;translate:none}.pc-crab[data-variant=hero] .pc-crab-bubble{transform-origin:100% 20%}.pc-crab[data-variant=hero] .pc-crab-bubble:before{top:1.4rem;bottom:auto;right:-.5rem;rotate:135deg}}:root[data-theme=dark] .pc-crab-bubble:before{border-color:var(--border-strong)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-crab-bubble:before{border-color:var(--border-strong)}}:root[data-theme=dark] .pc-crab-bubble{border-color:var(--border-strong)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pc-crab-bubble{border-color:var(--border-strong)}}@media (prefers-reduced-motion:no-preference){:root[data-motion=full] .pc-crab-bubble{animation:pc-bubble-pop .24s var(--ease-snap) both}}@keyframes pc-bubble-pop{0%{opacity:0;scale:.9}}.pc-hero-shuffle{--pc-shuffle:10px}@media (min-width:640px){.pc-hero-shuffle{--pc-shuffle:26px}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){:root[data-motion=full] .pc-hero-shuffle{animation:linear both pc-crab-shuffle;animation-timeline:scroll(root);animation-range:0 520px}}}@keyframes pc-crab-shuffle{0%{translate:0}12.5%{translate:calc(var(--pc-shuffle) * .5) -3px}25%{translate:var(--pc-shuffle) 0}37.5%{translate:calc(var(--pc-shuffle) * .5) -3px}50%{translate:0}62.5%{translate:calc(var(--pc-shuffle) * .5) -3px}75%{translate:var(--pc-shuffle) 0}87.5%{translate:calc(var(--pc-shuffle) * .5) -3px}to{translate:0}}.pc-footer-crab{height:0;position:relative}.pc-footer-crab-lane{inset-inline:0;pointer-events:none;height:3.25rem;position:absolute;bottom:2px;overflow:hidden}.pc-footer-crab-walker{animation:pc-footer-walk var(--pc-walk,3.2s) linear forwards;position:absolute;inset:0}.pc-footer-crab-walker>svg{animation:.2s ease-in-out infinite alternate pc-footer-bob;position:absolute;bottom:0;right:100%}@keyframes pc-footer-walk{to{translate:calc(100% + 3.5rem)}}@keyframes pc-footer-bob{0%{translate:0;rotate:-4deg}to{translate:0 -2px;rotate:4deg}}@media (prefers-reduced-motion:reduce){.pc-footer-crab-walker{display:none}}:root:not([data-motion=full]) .pc-footer-crab-walker{display:none}@media print{.pc-crab-live,.pc-crab-hint,.pc-footer-crab{display:none!important}}
