.elementary-btn{--color: #171717;--border-color: #000000;--border-color-transparency: 20%;--background-color: #ffffff;--background-color-transparency: 80%;--box-shadow-inset-transparency: 70%;--active-box-shadow-inset-transparency: 10%;--text-shadow-color: #ffffff;color:var(--color);border:1px solid;border-radius:.125em;border-color:color-mix(in srgb, var(--border-color) var(--border-color-transparency), transparent);background-color:color-mix(in srgb, var(--background-color) var(--background-color-transparency), transparent);box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--box-shadow-inset-transparency)),0 1px 2px rgba(0,0,0,.1);background-clip:padding-box;cursor:pointer;font-weight:500;text-shadow:0px 1px 0px color-mix(in srgb, var(--text-shadow-color) 100%, transparent);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);padding-left:.75em;padding-right:.75em;padding-top:.25em;padding-bottom:.25em}.elementary-btn:hover{--background-color: #f2f2f2;background-color:color-mix(in srgb, var(--background-color) calc(var(--background-color-transparency) + 5%), transparent);--box-shadow-inset-transparency: 0}.elementary-btn:disabled{cursor:not-allowed}.elementary-btn:active{box-shadow:inset 0 1px 1px 0 rgba(0, 0, 0, var(--active-box-shadow-inset-transparency))}.elementary-btn.elementary-btn-tab{--background-color: transparent}.elementary-btn.elementary-btn-tab:not(:last-child){border-right:0}.elementary-btn.elementary-btn-tab:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.elementary-btn.elementary-btn-tab:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.elementary-btn.elementary-btn-tab:not(:first-child):not(:last-child){border-radius:0}.elementary-btn.elementary-btn-tab:hover{--background-color: black;--background-color-transparency: 1%;--box-shadow-inset-transparency: 10%}.elementary-btn.elementary-btn-tab[data-state=active]{--background-color: black;--background-color-transparency: 10%;--box-shadow-inset-transparency: 10%;box-shadow:inset 0 1px 1px 0 rgba(0, 0, 0, var(--active-box-shadow-inset-transparency))}.elementary-btn.elementary-btn-tab[data-state=active]:hover{--background-color-transparency: 10%;background-color:color-mix(in srgb, var(--background-color) calc(var(--background-color-transparency) + 0%), transparent)}.elementary-btn.elementary-btn-primary{--background-color: #59aef9;--background-color-transparency: 25%;--color: #2d577d;--border-color: #599de0;--border-color-transparency: 50%}.elementary-btn.elementary-btn-secondary{--background-color: #d8d8d8;--background-color-transparency: 85%}.elementary-btn.elementary-btn-danger{--background-color: #d50a14;--background-color-transparency: 80%;--color: #ffffff;--border-color: #000000;--border-color-transparency: 20%;--box-shadow-inset-transparency: 60%;--text-shadow-color: rgba(0, 0, 0, 0.8)}.elementary-btn.elementary-btn-danger:hover{--box-shadow-inset-transparency: 0}.elementary-btn.elementary-btn-danger:active{--active-box-shadow-inset-transparency: 50%}.elementary-btn.elementary-btn-danger.elementary-btn-link{--background-color: transparent;--border-color: none;--box-shadow-inset-transparency: 100%}.elementary-text-field{--background-color: #ffffff;--border-color: #d1d5db;--text-color: #171717;--focus-ring-color: #59aef9;background-color:var(--background-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:.125em;background-clip:padding-box;padding:.25em .5em}.elementary-text-field:focus{outline:none;border-color:var(--focus-ring-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--focus-ring-color) 30%, transparent),inset 0 1px 2px rgba(0,0,0,.15)}.elementary-text-field:disabled{opacity:.5;cursor:not-allowed}