button,fieldset,input{all:unset}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes overlayHide{0%{opacity:1}to{opacity:0}}@keyframes contentShow{0%{opacity:0;transform:translate(150%)}to{opacity:1;transform:translate(0)}}@keyframes contentHide{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(150%)}}.dia-overlay{background-color:hsl(var(--color-neutral-950));background-color:hsl(var(--color-neutral-950)/.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:998}.dia-overlay[data-state=open]{animation:overlayShow .35s ease-in}.dia-overlay[data-state=closed]{animation:overlayHide .25s ease-in}.dia-content{background-color:hsl(var(--color-background-alt));box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633;color:hsl(var(--color-foreground));display:flex;flex-direction:column;height:90vh;max-width:450px;padding:25px;position:fixed;right:0;top:0;transform:translate(0);width:90vw;z-index:999}.dia-content[data-state=open]{animation:contentShow .45s cubic-bezier(.16,1,.3,1)}.dia-content[data-state=closed]{animation:contentHide .25s ease-in}.dia-content:focus{outline:none}.dia-title{color:var(--mauve12);font-size:17px;font-weight:500;margin:0}.dia-description{color:var(--mauve11);font-size:15px;line-height:1.5;margin:10px 0 20px}.dia-menu-content{flex:1 0 90%;overflow-y:auto;padding-bottom:2rem}.dia-close-btn{align-items:center;background:hsl(var(--color-warning-100));border-radius:.25rem;color:hsl(var(--color-warning-800));display:flex;flex:1 0 auto;justify-content:center;max-height:-moz-fit-content;max-height:fit-content;padding:.75rem 0;text-align:center;transition:background .2s ease-in;width:100%}@media ((hover:hover) and (pointer:fine)){.dia-close-btn:hover{background:hsl(var(--color-warning-200));transition:background .2s ease-out}}.dia-close-btn span{margin-left:.75rem}.dia-close-icon{height:1rem;width:1rem}.Button{align-items:center;border-radius:4px;display:inline-flex;font-size:15px;font-weight:500;height:35px;justify-content:center;line-height:1;padding:0 15px}.Button.violet{background-color:#fff;box-shadow:0 2px 10px var(--blackA7);color:var(--violet11)}.Button.violet:hover{background-color:var(--mauve3)}.Button.violet:focus{box-shadow:0 0 0 2px #000}.Button.green{background-color:var(--green4);color:var(--green11)}.Button.green:hover{background-color:var(--green5)}.Button.green:focus{box-shadow:0 0 0 2px var(--green7)}.IconButton{align-items:center;border-radius:100%;color:var(--violet11);display:inline-flex;font-family:inherit;height:25px;justify-content:center;position:absolute;right:10px;top:10px;width:25px}.IconButton:hover{background-color:var(--violet4)}.IconButton:focus{box-shadow:0 0 0 2px var(--violet7)}.Fieldset{align-items:center;display:flex;gap:20px;margin-bottom:15px}.Label{text-align:right;width:90px}.Input,.Label{color:var(--violet11);font-size:15px}.Input{align-items:center;border-radius:4px;box-shadow:0 0 0 1px var(--violet7);display:inline-flex;flex:1;height:35px;justify-content:center;line-height:1;padding:0 10px;width:100%}.Input:focus{box-shadow:0 0 0 2px var(--violet8)}