.selection-frame.svelte-1srswoz{--frame-blue:#3b82f6;--pointer-black:#000;--handle-size:6px;border:1px solid var(--frame-blue);vertical-align:middle;margin:0 .35em;padding:.15em .5em;line-height:1;display:inline-block;position:relative}.designer.svelte-1srswoz{color:#34c759;font-family:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,cursive;font-size:1.15em}.handle.svelte-1srswoz{width:var(--handle-size);height:var(--handle-size);border:1px solid var(--frame-blue);background:#fff;position:absolute}.top-left.svelte-1srswoz{top:calc(var(--handle-size) / -2);left:calc(var(--handle-size) / -2)}.top-right.svelte-1srswoz{top:calc(var(--handle-size) / -2);right:calc(var(--handle-size) / -2)}.bottom-left.svelte-1srswoz{bottom:calc(var(--handle-size) / -2);left:calc(var(--handle-size) / -2)}.bottom-right.svelte-1srswoz{right:calc(var(--handle-size) / -2);bottom:calc(var(--handle-size) / -2)}.pointer.svelte-1srswoz{color:var(--pointer-black);pointer-events:none;position:absolute;bottom:-14px;right:-15px}.dark .handle.svelte-1srswoz{background:#171717}.hobby.svelte-2212h8{cursor:default;display:inline-block;position:relative}.egg.svelte-2212h8{opacity:0;pointer-events:none;font-size:.9em;line-height:1;position:absolute}.climbing.svelte-2212h8 .egg:where(.svelte-2212h8){bottom:0;right:-.9em}.climbing.svelte-2212h8:hover .egg:where(.svelte-2212h8){animation:1.4s ease-out forwards svelte-2212h8-climb-up}.running.svelte-2212h8 .egg:where(.svelte-2212h8){bottom:-.55em;left:0;transform:scaleX(-1)}.running.svelte-2212h8:hover .egg:where(.svelte-2212h8){animation:.9s linear forwards svelte-2212h8-run-across}.concerts.svelte-2212h8 .egg:where(.svelte-2212h8){top:-.6em;left:calc(30% + var(--egg-index) * 35%)}.concerts.svelte-2212h8:hover .egg:where(.svelte-2212h8){animation:1.3s ease-out forwards svelte-2212h8-float-note;animation-delay:calc(var(--egg-index) * .25s)}@keyframes svelte-2212h8-climb-up{0%{opacity:0;transform:translateY(.3em)}20%{opacity:1}80%{opacity:1;transform:translateY(-1.1em)rotate(-4deg)}to{opacity:0;transform:translateY(-1.3em)}}@keyframes svelte-2212h8-run-across{0%{opacity:0;left:-.4em}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}@keyframes svelte-2212h8-float-note{0%{opacity:0;transform:translateY(.4em)rotate(0)}25%{opacity:1}to{opacity:0;transform:translateY(-1.2em)rotate(15deg)}}@media (prefers-reduced-motion:reduce){.hobby.svelte-2212h8:hover .egg:where(.svelte-2212h8){opacity:1;animation:none}}