.sketch.svelte-diu4e4{background-color:#151d28;border-radius:20px;justify-content:center;align-items:center;width:100%;height:500px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;display:flex}.sketch.svelte-diu4e4 button:where(.svelte-diu4e4){transform:translateY(-85px)}#dropdown.svelte-diu4e4{background-color:#1c2736;border:1px solid #2c3a4e;border-radius:8px;flex-direction:column;width:200px;padding:4px;display:flex;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0006,0 0 #000}#dropdown.svelte-diu4e4 a:where(.svelte-diu4e4){color:#fbfbfe;text-align:left;border-radius:4px;grid-template-columns:20px auto;align-items:center;gap:16px;min-height:32px;padding:8px 10px;font-weight:500;display:grid}#dropdown.svelte-diu4e4 a:where(.svelte-diu4e4) span:where(.svelte-diu4e4){white-space:nowrap}#dropdown.svelte-diu4e4 a:where(.svelte-diu4e4):hover{background-color:#212e3f}#dropdown.svelte-diu4e4 a:where(.svelte-diu4e4):hover:after{display:none}button.svelte-diu4e4{--transition-duration:.1s;--transition-timing:cubic-bezier(.77, 0, .175, 1);--transition-delay:0s;background-color:unset;border:none;border-radius:999px;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;width:200px;height:48px;padding-left:16px;padding-right:12px;transition-delay:50ms;display:flex;position:relative}button.svelte-diu4e4 .avatar:where(.svelte-diu4e4){z-index:2}button.svelte-diu4e4 .avatar:where(.svelte-diu4e4) div:where(.svelte-diu4e4){transition:transform var(--transition-duration) var(--transition-timing) 0s;border-radius:100px;width:48px;height:48px;overflow:hidden}button.svelte-diu4e4 .info:where(.svelte-diu4e4),button.svelte-diu4e4 .elipse:where(.svelte-diu4e4){transition:opacity var(--transition-duration) var(--transition-timing) var(--transition-delay);opacity:0}button.svelte-diu4e4 .info:where(.svelte-diu4e4){z-index:1;flex-direction:column;align-items:flex-start;margin-left:-20px;display:flex}button.svelte-diu4e4 .info:where(.svelte-diu4e4) span:where(.svelte-diu4e4){white-space:nowrap;color:#fff}button.svelte-diu4e4 .info:where(.svelte-diu4e4) span.name:where(.svelte-diu4e4){font-size:.8rem;font-weight:700}button.svelte-diu4e4 .info:where(.svelte-diu4e4) span.handle:where(.svelte-diu4e4){color:#abb8c9;font-size:.7rem;font-weight:500;line-height:15px}button.svelte-diu4e4 .elipse:where(.svelte-diu4e4){color:#abb8c9}button.svelte-diu4e4:hover,button.svelte-diu4e4.open{cursor:pointer;background-color:#1c2736}:is(button.svelte-diu4e4:hover,button.svelte-diu4e4.open) .info:where(.svelte-diu4e4),:is(button.svelte-diu4e4:hover,button.svelte-diu4e4.open) .elipse:where(.svelte-diu4e4){opacity:1;transition-delay:0s}:is(button.svelte-diu4e4:hover,button.svelte-diu4e4.open) .avatar:where(.svelte-diu4e4) div:where(.svelte-diu4e4){transform:scale(.666667)translate(-22px)}