.salon-mock{container-type:inline-size}.salon-mock-canvas{--spacing:calc(100cqw / 120);--text-2xs:calc(100cqw * 10 / 480);--text-xs:calc(100cqw * 12 / 480);--text-sm:calc(100cqw * 14 / 480);--text-base:calc(100cqw * 16 / 480);--text-lg:calc(100cqw * 18 / 480);--text-xl:calc(100cqw * 20 / 480);--text-2xl:calc(100cqw * 24 / 480);--radius:calc(100cqw * 8 / 480);--radius-sm:calc(100cqw * 4 / 480);--radius-md:calc(100cqw * 6 / 480);--radius-lg:calc(100cqw * 8 / 480);--radius-xl:calc(100cqw * 12 / 480);--radius-2xl:calc(100cqw * 16 / 480);--radius-3xl:calc(100cqw * 24 / 480);font-size:var(--text-sm)}@keyframes salon-mock-pop{0%,8%{opacity:0;transform:translateY(12%) scale(.96)}16%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(-6%)}}@keyframes salon-mock-tap{0%{opacity:0;transform:translate(60%,60%)}18%{opacity:1;transform:translate(0)}24%{transform:translate(0) scale(.82)}30%,80%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0)}}@keyframes salon-mock-ripple{0%,22%{opacity:0;transform:scale(.4)}25%{opacity:.55}45%,to{opacity:0;transform:scale(1.8)}}@keyframes salon-mock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}html:has(#salon-lp-root){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(#salon-lp-root){scroll-behavior:auto}}.salon-hero-canvas{--spacing:calc(100cqw / 240);--text-2xs:calc(100cqw * 10 / 960);--text-xs:calc(100cqw * 12 / 960);--text-sm:calc(100cqw * 14 / 960);--text-base:calc(100cqw * 16 / 960);--text-lg:calc(100cqw * 18 / 960);--text-xl:calc(100cqw * 20 / 960);--text-2xl:calc(100cqw * 24 / 960);--radius:calc(100cqw * 8 / 960);--radius-sm:calc(100cqw * 4 / 960);--radius-md:calc(100cqw * 6 / 960);--radius-lg:calc(100cqw * 8 / 960);--radius-xl:calc(100cqw * 12 / 960);--radius-2xl:calc(100cqw * 16 / 960);--radius-3xl:calc(100cqw * 24 / 960);font-size:var(--text-sm)}