@layer components.button{[data-v-1491dce6]:root{--btn-actual-size:max(var(--btn-target-size), var(--target-size))}.button[data-v-1491dce6]{--btn-actual-size:max(var(--btn-target-size), var(--target-size));--btn-bg-color:var(--blue-dark);--btn-bg-color-hover:var(--blue-light,var(--btn-bg-color));--btn-color:#fff;--btn-border-radius:var(--border-radius-md);--btn-icon-size:1lh;--btn-border-width:0px;--btn-padding-block:calc(((var(--btn-actual-size) - 1lh) / 2) - var(--btn-border-width));--btn-padding-inline:calc(var(--target-padding-inline) - var(--btn-border-width));--btn-padding:var(--btn-padding-block) var(--btn-padding-inline);--btn-icon-gap:var(--btn-padding-block);min-inline-size:var(--btn-actual-size);min-block-size:var(--btn-actual-size);padding:var(--btn-padding);background:var(--btn-bg-color);color:var(--btn-color);border-radius:var(--btn-border-radius);border:var(--btn-border-width) solid currentColor;-webkit-user-select:none;user-select:none;vertical-align:middle;cursor:pointer;justify-content:center;align-items:center;gap:1ch;font-family:inherit;font-weight:700;line-height:1.5;display:inline-flex;position:relative}.button[data-v-1491dce6]:focus{outline:none}.button[data-v-1491dce6]:where(:focus-visible,:has(input:focus)):before{content:"";border:2px solid var(--btn-bg-color);border-radius:calc(var(--btn-border-radius) * 2);opacity:.5;position:absolute;inset:-4px}.button[data-v-1491dce6]:hover,.button[data-v-1491dce6]:active{--btn-bg-color:var(--blue-light)}.button[data-v-1491dce6]:active{box-shadow:inset 0 2px .75em #0000001a}.button[data-v-1491dce6]>*{pointer-events:none}.icon-container[data-v-1491dce6]{inline-size:var(--btn-icon-size);block-size:var(--btn-icon-size);display:block;position:relative;overflow:hidden}.icon-container:has(.icon--spinner:only-child)[data-v-1491dce6]{transition:var(--transition-base);interpolate-size:allow-keywords;inline-size:0;margin-inline-end:-1ch}.button--pending .icon-container:has(.icon--spinner:only-child)[data-v-1491dce6]{inline-size:var(--btn-icon-size);margin-inline-end:0}.icon[data-v-1491dce6]{position:absolute;inset:0}.icon--left[data-v-1491dce6],.icon--spinner[data-v-1491dce6]{transition:var(--transition-base);transition-property:scale}.icon--spinner[data-v-1491dce6],.button--pending .icon--left[data-v-1491dce6]{scale:0}.button--pending .icon--spinner[data-v-1491dce6]{scale:1}.button--secondary[data-v-1491dce6]{--btn-bg-color:var(--orange)}.button--secondary[data-v-1491dce6]:hover,.button--secondary[data-v-1491dce6]:active{--btn-bg-color:var(--orange-dark)}.button--tertiary[data-v-1491dce6]{--btn-bg-color:var(--green)}.button--tertiary[data-v-1491dce6]:hover,.button--tertiary[data-v-1491dce6]:active{--btn-bg-color:var(--green-dark)}.button--destructive[data-v-1491dce6]{--btn-bg-color:var(--red-dark)}.button--destructive[data-v-1491dce6]:hover,.button--destructive[data-v-1491dce6]:focus-visible,.button--destructive[data-v-1491dce6]:active{--btn-bg-color:var(--red)}.button--ghost[data-v-1491dce6]{--btn-border-width:1px;color:var(--btn-bg-color);background:0 0}:is(.button--transparent,.button--link)[data-v-1491dce6]{--btn-color:inherit;font-size:inherit;--btn-bg-color:transparent!important;box-shadow:none!important}:is(.button--transparent,.button--link)[data-v-1491dce6]:focus-visible{outline:1px dotted}.button--link[data-v-1491dce6]{font-weight:inherit;--btn-color:var(--blue);padding-inline:0;text-decoration:underline}.button--link[data-v-1491dce6]:hover,.button--link[data-v-1491dce6]:focus{--btn-color:var(--blue-light);text-decoration:none}:is(.button:disabled,[data-disabled],:disabled .button)[data-v-1491dce6]{--btn-bg-color:var(--gray-96);--btn-color:var(--gray-46);pointer-events:none}:is(.button:disabled,[data-disabled],:disabled .button).button--ghost[data-v-1491dce6]{--btn-bg-color:var(--gray-20)}.button--justify[data-v-1491dce6]{grid:auto / var(--btn-icon-size) 1fr var(--btn-icon-size);grid-template-areas:"icon-left label icon-right";justify-items:center;display:inline-grid}.button--justify .icon--left[data-v-1491dce6]{grid-area:icon-left}.button--justify .button__label[data-v-1491dce6]{grid-area:label}.button--justify .icon--right[data-v-1491dce6]{grid-area:icon-right}.button--icon-only[data-v-1491dce6]{inline-size:var(--btn-actual-size);block-size:var(--btn-actual-size);gap:0;padding:0;position:relative}.button--icon-only .button__label[data-v-1491dce6]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button--full-width[data-v-1491dce6]{inline-size:100%}.button--chevron .icon-container[data-v-1491dce6]{block-size:1rem;inline-size:.42rem}.button--small[data-v-1491dce6]{--btn-actual-size:min(var(--btn-target-size), var(--target-size));padding-inline:calc(.5lh - var(--btn-border-width))}}