.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;text-decoration:none}.btn:hover,.btn:focus{text-decoration:none}.btn[data-size=xs]{padding:var(--space-2);font-size:var(--space-3);border-radius:var(--space-2)}.btn[data-size=sm]{padding:var(--space-2) var(--space-4);font-size:.8rem;border-radius:var(--space-2)}.btn[data-size=md]{padding:var(--space-3) var(--space-6);font-size:var(--space-4)}.btn[data-size=lg]{padding:var(--space-4) var(--space-10);font-size:1.15rem;border-radius:var(--space-4)}.btn[data-size=xl]{padding:var(--space-6) var(--space-12);font-size:1.5rem;border-radius:var(--space-6)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn[data-semantic-type=primary]{background-color:var(--blue-medium);color:var(--on-blue)}.btn[data-semantic-type=primary]:hover{background-color:var(--blue-low)}.btn[data-semantic-type=success]{background-color:var(--green-medium);color:var(--on-green)}.btn[data-semantic-type=success]:hover{background-color:var(--green-low)}.btn[data-semantic-type=danger]{background-color:var(--red-medium);color:var(--on-red)}.btn[data-semantic-type=danger]:hover{background-color:var(--red-low)}.btn[data-semantic-type=warning]{background-color:var(--yellow-medium);color:var(--on-yellow)}.btn[data-semantic-type=warning]:hover{background-color:var(--yellow-low)}.btn[data-semantic-type=info]{background-color:var(--cyan-medium);color:var(--on-cyan)}.btn[data-semantic-type=info]:hover{background-color:var(--cyan-low)}.btn[data-semantic-type=secondary]{background-color:var(--gray-low);color:var(--gray-highest)}.btn[data-semantic-type=secondary]:hover{background-color:var(--gray-lowest)}.btn[data-semantic-type=dark]{background-color:var(--blue-lowest);color:var(--blue-highest)}.btn[data-semantic-type=dark]:hover{background-color:var(--blue-low)}.btn[data-semantic-type=light]{background-color:var(--blue-highest);color:var(--blue-lowest)}.btn[data-semantic-type=light]:hover{background-color:var(--blue-high)}.btn[data-semantic-type=simple]{background-color:transparent;color:var(--text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-s);font-weight:500;justify-content:flex-start;text-align:left}.btn[data-semantic-type=simple]:hover,.btn[data-semantic-type=simple]:focus{color:var(--blue-highest);background-color:var(--blue-lowest)}.btn[data-semantic-type=simple][data-active]{background-color:var(--blue-low);color:var(--blue-high)}.btn[data-semantic-type=simple]:active{transform:scale(.98)}.btn[data-semantic-type=ghost]{background-color:transparent;color:var(--blue-medium);padding:0;border-bottom:1px dotted var(--blue-medium);border-radius:0;font-weight:inherit;transition:all .2s ease}.btn[data-semantic-type=ghost]:hover,.btn[data-semantic-type=ghost]:focus,.btn[data-semantic-type=ghost]:visited{background-color:transparent;color:var(--blue-high);border-bottom-color:var(--blue-high);border-bottom-style:solid}.btn[data-semantic-type=ghost]:active{transform:none}.btn[data-semantic-type=naked]{background-color:transparent;color:inherit;padding:0;border-radius:0;justify-content:flex-start;font-weight:inherit}.btn[data-semantic-type=naked]:hover,.btn[data-semantic-type=naked]:focus{background-color:transparent;opacity:.8}.btn[data-semantic-type=naked]:active{transform:none}.btn .loading-content{display:inline-flex;align-items:center;justify-content:center}.btn .loading-content>i{animation:spin .8s linear infinite}.btn .loading-content .spinner{width:1.25rem;height:1.25rem;border:2px solid color-mix(in srgb,var(--bg-elevated),transparent 70%);border-top-color:var(--bg-elevated);border-radius:50%;animation:spin .8s linear infinite}.btn[data-width=stretch]{width:100%;flex:1}.btn[data-width=contain]{width:auto;display:inline-flex}