.Button{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;color:var(--text-primary);background-color:var(--bg-ui-fill);width:fit-content;position:relative;font-weight:600;white-space:nowrap}.Button:hover{color:var(--text-primary);background-color:var(--bg-ui-fill-hover)}.ButtonNew:before{content:"New";font-size:.5rem;padding:.2rem .5rem;border-radius:.5rem;position:absolute;right:calc(-.5rem - 4px);top:calc(-.5rem - 4px);background-color:var(--primary-ui);color:var(--primary-ui-text)}.ButtonNew:hover:before{background-color:var(--primary-ui-hover)}.ButtonPrimary{background-color:var(--primary-ui);color:var(--primary-ui-text)}.ButtonPrimary:hover{background-color:var(--primary-ui-hover);color:var(--primary-ui-text)}.ButtonPrimary:focus{background-color:var(--primary-ui-pressed);color:var(--primary-ui-text)}.ButtonPrimaryDisabled{background-color:var(--bg-ui-fill);color:var(--text-disabled);pointer-events:none}.ButtonSecondary{background-color:var(--secondary-ui);color:var(--primary-ui-text)}.ButtonSecondary:hover{background-color:var(--secondary-ui-hover);color:var(--primary-ui-text)}.ButtonSecondary:focus{background-color:var(--secondary-ui-pressed);color:var(--primary-ui-text)}.ButtonSecondaryDisabled{background-color:var(--bg-ui-fill);color:var(--text-disabled);pointer-events:none}.ButtonTertiary{background-color:var(--bg-ui-fill);color:var(--text-primary)}.ButtonTertiary:hover{background-color:var(--bg-ui-fill-hover);color:var(--text-primary)}.ButtonTertiary:focus{background-color:var(--bg-ui-fill-hover);color:var(--text-primary)}.ButtonTertiaryDisabled{background-color:var(--bg-secondary);color:var(--text-disabled);pointer-events:none}.ButtonGhost{background-color:transparent;color:var(--text-primary)}.ButtonGhost:hover{background-color:transparent}.ButtonGhost:focus{background-color:var(--bg-ui-fill-hover)}.ButtonGhostDisabled{background-color:var(--bg-secondary);color:var(--text-disabled);pointer-events:none}.ButtonSmall{padding:.35rem .7rem;border-radius:.625rem;height:.5rem;line-height:.5rem;font-size:.8rem}.ButtonMed{padding:.5rem 1rem;border-radius:.625rem;height:.75rem;line-height:.75rem;font-size:.75rem}.ButtonLarge{padding:.75rem 1rem;border-radius:.625rem;height:1rem;line-height:1rem;font-size:.875rem;font-weight:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ButtonFeedbackModal{position:absolute;display:flex;padding:.5rem;border-radius:.5rem;background-color:var(--bg-ui-fill);flex-direction:column;gap:1rem;top:2rem;left:0rem;width:max-content;animation:fade-in .2s ease-in-out;font-size:.75rem;color:var(--text-primary);z-index:10}.ButtonFeedbackModalHide{display:none}