@layer button{[data-v-03285bdd]:root{--btn-actual-size:max(var(--btn-target-size), var(--target-size))}.button[data-v-03285bdd]{--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:3px;--btn-icon-size:1lh;--btn-padding-block:calc((var(--btn-actual-size) - 1.5em) / 2);--btn-padding-inline:var(--target-padding-inline);--btn-padding:var(--btn-padding-block) var(--btn-padding-inline);--btn-icon-gap:var(--btn-padding-block);min-width:var(--btn-actual-size);min-height:var(--btn-actual-size);padding:var(--btn-padding);background:var(--btn-bg-color);color:var(--btn-color);border-radius:var(--btn-border-radius);-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-03285bdd]:focus{outline:none}.button[data-v-03285bdd]: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-03285bdd]:hover,.button[data-v-03285bdd]:active{--btn-bg-color:var(--blue-light)}.button[data-v-03285bdd]:active{box-shadow:inset 0 2px .75em #0000001a}.button[data-v-03285bdd]>*{pointer-events:none}.icon[data-v-03285bdd]{width:var(--btn-icon-size);height:var(--btn-icon-size)}.button--secondary[data-v-03285bdd]{--btn-bg-color:var(--orange)}.button--secondary[data-v-03285bdd]:hover,.button--secondary[data-v-03285bdd]:active{--btn-bg-color:var(--orange-dark)}.button--tertiary[data-v-03285bdd]{--btn-bg-color:var(--green)}.button--tertiary[data-v-03285bdd]:hover,.button--tertiary[data-v-03285bdd]:active{--btn-bg-color:var(--green-dark)}.button--destructive[data-v-03285bdd]{--btn-bg-color:var(--red)}.button--destructive[data-v-03285bdd]:hover,.button--destructive[data-v-03285bdd]:active{--btn-bg-color:var(--red-dark)}.button--ghost[data-v-03285bdd]{color:var(--btn-bg-color);background:0 0;box-shadow:inset 0 0 0 1px}.button--ghost[data-v-03285bdd]:active{box-shadow:inset 0 0 0 1px,inset 0 2px .75em #0000001a}:is(.button--transparent,.button--link)[data-v-03285bdd]{--btn-color:inherit;font-size:inherit;--btn-bg-color:transparent!important;box-shadow:none!important}:is(.button--transparent,.button--link)[data-v-03285bdd]:focus-visible{outline:1px dotted}.button--link[data-v-03285bdd]{font-weight:inherit;--btn-color:var(--blue);padding-inline:0;text-decoration:underline}.button--link[data-v-03285bdd]:hover,.button--link[data-v-03285bdd]:focus{--btn-color:var(--blue-light);text-decoration:none}:is(.button:disabled,[data-disabled],:disabled .button)[data-v-03285bdd]{--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-03285bdd]{--btn-bg-color:var(--gray-20)}.button--justify[data-v-03285bdd]{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-03285bdd]{grid-area:icon-left}.button--justify .button__label[data-v-03285bdd]{grid-area:label}.button--justify .icon--right[data-v-03285bdd]{grid-area:icon-right}.button--icon-stroke[data-v-03285bdd]{stroke:currentColor}.button--icon-only[data-v-03285bdd]{width:var(--btn-actual-size);height:var(--btn-actual-size);gap:0;padding:0;position:relative}.button--icon-only .button__label[data-v-03285bdd]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button--full-width[data-v-03285bdd]{width:100%}.button--chevron .icon[data-v-03285bdd]{width:.42rem;height:1rem}}