.sketch.svelte-diu4e4{border-radius:20px;width:100%;height:500px;display:flex;background-color:#151d28;align-items:center;justify-content:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.sketch.svelte-diu4e4 button:where(.svelte-diu4e4){transform:translateY(-85px)}#dropdown.svelte-diu4e4{width:200px;border-radius:8px;padding:4px;border:1px solid rgb(44,58,78);background-color:#1c2736;box-shadow:#0006 0 10px 15px -3px,#0006 0 4px 6px -4px,#000 0 0;position:absolute;top:calc(100% + 5px);left:0;display:flex;flex-direction:column}#dropdown.svelte-diu4e4 a:where(.svelte-diu4e4){display:grid;grid-template-columns:20px auto;align-items:center;gap:16px;padding:8px 10px;border-radius:4px;min-height:32px;color:#fbfbfe;text-align:left;font-weight:500}#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;position:relative;width:200px;height:48px;border-radius:999px;border:none;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:6px;padding-left:16px;padding-right:12px;transition-delay:50ms;background-color:unset}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;width:48px;height:48px;border-radius:100px;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){margin-left:-20px;display:flex;flex-direction:column;align-items:flex-start;z-index:1}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}button.svelte-diu4e4:hover .info:where(.svelte-diu4e4),button.svelte-diu4e4:hover .elipse:where(.svelte-diu4e4),button.svelte-diu4e4.open .info:where(.svelte-diu4e4),button.svelte-diu4e4.open .elipse:where(.svelte-diu4e4){opacity:100%;transition-delay:0s}button.svelte-diu4e4:hover .avatar:where(.svelte-diu4e4) div:where(.svelte-diu4e4),button.svelte-diu4e4.open .avatar:where(.svelte-diu4e4) div:where(.svelte-diu4e4){transform:scale(.666667) translate(-22px)}