.sh-hero,.hs,.hm{--hs-out:cubic-bezier(.3, .7, .3, 1);--hs-pop:cubic-bezier(.3, .7, .3, 1.25)}.sh-backdrop{z-index:-1;pointer-events:none;--sh-glow:.45;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}:root[data-theme=dark] .sh-backdrop{--sh-glow:.16}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sh-backdrop{--sh-glow:.16}}.sh-glow{filter:blur(70px);opacity:var(--sh-glow);border-radius:9999px;animation:18s ease-in-out infinite alternate sh-drift;position:absolute}.sh-glow-pink{top:-8%;background:var(--color-brand-pink);width:34rem;height:28rem;inset-inline-end:-6%}.sh-glow-lavender{top:30%;background:var(--color-brand-lavender);width:28rem;height:24rem;animation-duration:23s;animation-direction:alternate-reverse;inset-inline-start:-14%}.sh-glow-lemon{bottom:-18%;background:var(--color-brand-lemon);width:26rem;height:20rem;animation-duration:27s;inset-inline-end:22%}.sh-dots{background-image:radial-gradient(var(--color-hairline) 1.2px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 70% at 72% 45%,#000 15%,#0000 72%);mask-image:radial-gradient(60% 70% at 72% 45%,#000 15%,#0000 72%)}@keyframes sh-drift{to{translate:4rem 2.5rem;scale:1.12}}.sh-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.sh-text{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=64rem){.sh-grid{grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,25rem);gap:2rem 4.5rem}.sh-text{text-align:start;grid-area:2/1;align-items:flex-start}.sh-tool{grid-area:3/1}.sh-showcase{grid-area:1/2/span 4}}.sh-grid:has([data-tool-active]){grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.sh-grid:has([data-tool-active]) .sh-showcase{display:none}.sh-grid:has([data-tool-active]) :is(.sh-text,.sh-tool){grid-area:auto}.sh-grid:has([data-tool-active]) .sh-text{text-align:center;align-items:center}.sh-title{padding-bottom:.2em;display:inline-block;position:relative}.sh-squiggle{inset-inline:0;width:100%;height:.32em;color:var(--color-brand-pink);position:absolute;bottom:-.1em;overflow:visible}.sh-squiggle path{stroke-dasharray:1;animation:sh-draw .9s var(--hs-out) .35s both}@keyframes sh-draw{0%{stroke-dashoffset:1px}}.hs{width:100%;max-width:20rem;margin-inline:auto;padding-top:.5rem}@media (width>=64rem){.hs{max-width:23rem}}.hs-stack{position:relative}.hs-sheet{box-shadow:var(--shadow-pop);border-radius:1.75rem;position:absolute;inset:0}.hs-sheet-1{background:var(--color-brand-pink);animation:7s ease-in-out infinite alternate hs-sway-1;translate:-.4rem .5rem;rotate:-6deg}.hs-sheet-2{background:var(--color-brand-sky);animation:8.5s ease-in-out -2s infinite alternate hs-sway-2;translate:.5rem .25rem;rotate:5deg}@keyframes hs-sway-1{to{rotate:-3.5deg}}@keyframes hs-sway-2{to{rotate:7.5deg}}.hs-card{border:1px solid var(--color-hairline);background:var(--color-surface-raised);box-shadow:var(--shadow-lift);animation:hs-land .8s var(--hs-pop) .1s both;border-radius:1.75rem;flex-direction:column;gap:.75rem;margin:0;padding:.625rem .625rem .875rem;display:flex;position:relative}@keyframes hs-land{0%{translate:0 1.5rem;rotate:3deg;scale:.96}}.hs-frame{--hs-p:50;isolation:isolate;aspect-ratio:928/1152;background:var(--color-surface-sunken);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:1.25rem;position:relative;overflow:hidden;container-type:inline-size}.hs-slide{position:absolute;inset:0}.hs-slide.is-entering{z-index:1;animation:hs-enter .42s var(--hs-out) both}@keyframes hs-enter{0%{clip-path:circle(0% at 50% 38%);scale:1.04}to{clip-path:circle(75% at 50% 38%)}}.hs-photo{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.hs-before{z-index:1;clip-path:inset(0 calc(100% - var(--hs-p) * 1%) 0 0);position:absolute;inset:0}.hs-side{z-index:2;pointer-events:none;align-items:flex-start;padding:.75rem;display:flex;position:absolute;inset:0}.hs-side-before{clip-path:inset(0 calc(100% - var(--hs-p) * 1%) 0 0);justify-content:flex-start}.hs-side-after{clip-path:inset(0 0 0 calc(var(--hs-p) * 1%));justify-content:flex-end}.hs-tag{background:color-mix(in srgb, var(--color-paper) 90%, transparent);color:var(--color-on-accent);font-size:var(--text-caption);box-shadow:var(--shadow-pop);border-radius:9999px;padding:.25rem .75rem;font-weight:700}.hs-tag-after{background:var(--color-brand-lemon)}.hs-divider{z-index:3;width:0;translate:calc(var(--hs-p) * 1cqw) 0;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.hs-divider:before{content:"";background:var(--color-paper);width:3px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-on-accent) 12%, transparent);border-radius:3px;transition:width .2s,left .2s;position:absolute;top:0;bottom:0;left:-1.5px}.hs-handle{border:3px solid var(--color-brand-lemon);background:var(--color-paper);width:2.75rem;height:2.75rem;color:var(--color-on-accent);box-shadow:var(--shadow-lift);transition:scale .25s var(--hs-pop);border-radius:9999px;place-items:center;display:grid;position:absolute;top:50%;left:0;translate:-50% -50%}.hs-handle:after{content:"";border:2px solid var(--color-paper);border-radius:inherit;opacity:0;animation:2.4s ease-out 1.2s infinite hs-ping;position:absolute;inset:-3px}@keyframes hs-ping{0%{opacity:.9;scale:1}70%,to{opacity:0;scale:1.7}}.hs-frame:hover .hs-handle{scale:1.08}.hs-frame.is-dragging .hs-handle{scale:1.15}.hs-frame:is(.is-dragging,.is-sweeping) .hs-handle:after{animation:none}.hs-frame:has(.hs-range:focus-visible) .hs-handle{outline:3px solid var(--color-accent);outline-offset:3px}.hs-frame.is-sweeping .hs-handle{scale:0}.hs-divider{transition:opacity .3s}.hs-frame.is-revealed .hs-divider{opacity:0}.hs-frame.is-sweeping .hs-divider:before{background:linear-gradient(var(--color-brand-lemon), var(--color-brand-pink), var(--color-brand-sky));width:5px;box-shadow:0 0 18px 5px color-mix(in srgb, var(--color-brand-lemon) 65%, transparent);left:-2.5px}.hs-spark{opacity:0;background:var(--color-paper);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:1rem;height:1rem;position:absolute;left:0;translate:-50% -50%}.hs-spark-1{--hs-dx:1.4rem;background:var(--color-brand-lemon);top:16%}.hs-spark-2{--hs-dx:2.2rem;animation-delay:-.2s;top:38%}.hs-spark-3{--hs-dx:1.1rem;background:var(--color-brand-pink);animation-delay:-.4s;top:63%}.hs-spark-4{--hs-dx:1.8rem;animation-delay:-.1s;top:84%}.hs-frame.is-sweeping .hs-spark{animation-name:hs-twinkle;animation-duration:.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes hs-twinkle{0%,to{opacity:0;translate:-50% -50%;scale:.4}50%{opacity:1;rotate:45deg;scale:1.1;translate:calc(-50% + var(--hs-dx)) -50%}}.hs-caption{justify-content:center;min-height:2rem;display:flex}.hs-chips{animation:hs-pop .45s var(--hs-pop) both;flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}@keyframes hs-pop{0%{opacity:0;translate:0 .5rem;scale:.85}}.hs-chip{border:1px solid var(--color-hairline);background:var(--color-surface-soft);color:var(--color-ink);font-size:var(--text-body-sm);border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-weight:600;display:inline-flex}.hs-swatch{width:.875rem;height:.875rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-on-accent) 22%, transparent);border-radius:9999px;flex-shrink:0;display:inline-block}.hs-sticker-wrap{z-index:2;pointer-events:none;animation:4.5s ease-in-out infinite hs-bob;position:absolute}.hs-bob-2{animation-duration:5.2s;animation-delay:-1.2s}.hs-bob-3{animation-duration:3.9s;animation-delay:-2.1s}.hs-bob-4{animation-duration:5.6s;animation-delay:-.6s}@keyframes hs-bob{50%{translate:0 -10px}}.hs-sticker{border:2px solid var(--color-paper);width:3.25rem;height:3.25rem;color:var(--color-on-accent);box-shadow:var(--shadow-lift);border-radius:1rem;justify-content:center;align-items:center;display:flex}.hs-sticker-sm{border-radius:.8rem;width:2.5rem;height:2.5rem}.hs-snip svg{animation:3.2s ease-in-out 1s infinite hs-snip}@keyframes hs-snip{0%,70%,to{rotate:0deg}76%{rotate:-16deg}82%{rotate:6deg}88%{rotate:-12deg}94%{rotate:0deg}}.hs-controls{flex-direction:column;align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}@media (width>=40rem){.hs-thumbs{gap:.5rem}.hs-thumb{width:2.625rem;height:2.625rem}}.hs-thumbs{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.hs-thumb{background:var(--color-surface-sunken);cursor:pointer;width:2.375rem;height:2.375rem;transition:translate .2s var(--hs-out), scale .25s var(--hs-pop);border:0;border-radius:9999px;padding:0;position:relative}.hs-thumb img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 2px var(--color-surface-raised), 0 0 0 3px var(--color-hairline);border-radius:9999px;transition:box-shadow .2s}.hs-thumb:is(:hover,:focus-visible){translate:0 -3px}.hs-thumb[aria-pressed=true]{scale:1.12}.hs-thumb[aria-pressed=true] img{box-shadow:0 0 0 2px var(--color-surface-raised), 0 0 0 4px var(--color-primary)}.hs-ring{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible;rotate:-90deg}.hs-ring circle{fill:none;stroke:var(--color-brand-pink);stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;opacity:0}.hs-thumb.is-timing .hs-ring circle{opacity:1;animation:hs-ring var(--hs-step,5s) linear both}@keyframes hs-ring{to{stroke-dashoffset:0}}.hs-play{z-index:4;background:color-mix(in srgb, var(--color-paper) 88%, transparent);width:2.25rem;height:2.25rem;color:var(--color-on-accent);box-shadow:var(--shadow-pop);cursor:pointer;transition:scale .2s var(--hs-pop);border:0;border-radius:9999px;place-items:center;display:grid;position:absolute;bottom:.625rem;right:.625rem}.hs-play:is(:hover,:focus-visible){scale:1.1}.hs:not([data-state=paused]) .hs-icon-play,.hs[data-state=paused] .hs-icon-pause{display:none}.hm-rows{flex-direction:column;gap:1.25rem;padding-block:1rem;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.hm-row{justify-content:center;display:flex}.hm-track{flex-shrink:0;display:flex}.hm-set{flex-shrink:0;gap:1rem;padding-inline:.5rem;display:flex}.hm-copy{display:none}@media (prefers-reduced-motion:no-preference){.hm-row{justify-content:flex-start}.hm-copy{display:flex}.hm-track{animation:55s linear infinite hm-marquee}.hm-row:nth-child(2) .hm-track{animation-duration:66s;animation-delay:-24s}.hm-rows:hover .hm-track{animation-play-state:paused}}@keyframes hm-marquee{to{translate:-50%}}.hm-card{border:1px solid var(--color-hairline);background:var(--color-surface-raised);width:8.5rem;box-shadow:var(--shadow-pop);transition:translate .25s var(--hs-out), rotate .25s var(--hs-out), box-shadow .25s ease;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem .5rem .75rem;display:flex}.hm-card:nth-child(odd){rotate:-2deg}.hm-card:nth-child(2n){rotate:2deg}.hm-card:hover{box-shadow:var(--shadow-lift);translate:0 -6px;rotate:0deg}.hm-card img{aspect-ratio:1;object-fit:cover;border-radius:.875rem;width:100%;height:auto}.hm-card span{color:var(--color-ink);font-size:var(--text-body-sm);text-align:center;font-weight:600}.hm-colors{flex-wrap:wrap;justify-content:center;gap:.625rem;max-width:46rem;display:flex}.hm-color{border:1px solid var(--color-hairline);background:var(--color-surface-raised);color:var(--color-ink);font-size:var(--text-body-sm);box-shadow:var(--shadow-pop);transition:translate .2s var(--hs-out);border-radius:9999px;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.375rem .875rem;font-weight:600;display:inline-flex}.hm-color:hover{translate:0 -3px}.hm-color .hs-swatch{width:1.75rem;height:1.75rem}.hm-color:hover .hs-swatch{animation:.5s ease-in-out hm-wobble}@keyframes hm-wobble{25%{scale:1.15 .9}60%{scale:.92 1.1}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hm-color{animation:linear both hm-in;animation-timeline:view();animation-range:entry entry 70%}.hm-color:nth-child(2){animation-range:entry 4% entry 74%}.hm-color:nth-child(3){animation-range:entry 8% entry 78%}.hm-color:nth-child(4){animation-range:entry 12% entry 82%}.hm-color:nth-child(5){animation-range:entry 16% entry 86%}.hm-color:nth-child(6){animation-range:entry 20% entry 90%}.hm-color:nth-child(7){animation-range:entry 24% entry 94%}.hm-color:nth-child(n+8){animation-range:entry 28% entry 98%}}}@keyframes hm-in{0%{opacity:0;translate:0 1rem;scale:.6}}