:root{--btn-radius:7px;--btn-p-face:var(--indigo,#2d4a6b);--btn-p-ink:var(--on-accent,#f6f4eb);--btn-p-edge:#162840;--btn-s-face:var(--paper-raised,#f6f4eb);--btn-s-ink:var(--ink,#221e18);--btn-s-edge:#a39c86;--btn-s-line:#8c856f;--btn-d-face:var(--paper-raised,#f6f4eb);--btn-d-ink:#a8281c;--btn-d-edge:#d3a79f;--btn-sunk:var(--paper-sunken,#e2decf);--btn-sel:var(--indigo,#2d4a6b);--btn-dis-ink:#221e1875;--btn-dis-line:#221e184d;--btn-shadow:#18140e4d;--btn-ring:var(--focus-ring,var(--indigo,#2d4a6b))}:root[data-theme=craft-dark]{--btn-p-edge:#2a4a78;--btn-s-edge:#08090a;--btn-s-line:#ece7dc6b;--btn-d-ink:#ff9d8f;--btn-d-edge:#3a1d1a;--btn-sel:#8fb4e6;--btn-dis-ink:#ece7dc6b;--btn-dis-line:#ece7dc42;--btn-shadow:#0009;--btn-ring:#8fb4e6}.btn.btn{--_face:var(--btn-s-face);--_ink:var(--btn-s-ink);--_edge:var(--btn-s-edge);--_line:var(--btn-s-line);--_t:3px;border:1px solid var(--_line);border-radius:var(--btn-radius);background:var(--_face);min-height:46px;color:var(--_ink);font:inherit;letter-spacing:.05em;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 var(--_t) 0 var(--_edge), 0 calc(var(--_t) + 2px) 5px -4px var(--btn-shadow), inset 0 1px 0 #fff3;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:800;line-height:1.25;text-decoration:none;transition:transform .14s cubic-bezier(.3,1.7,.5,1),box-shadow .14s cubic-bezier(.3,1.7,.5,1),filter .12s;display:inline-flex;position:relative;transform:translateY(0)}.btn.btn:after{content:"";border:1px solid color-mix(in srgb, currentColor 24%, transparent);border-radius:calc(var(--btn-radius) - 3px);pointer-events:none;position:absolute;inset:3px}.btn.btn--primary{--_face:var(--btn-p-face);--_ink:var(--btn-p-ink);--_edge:var(--btn-p-edge);--_line:var(--btn-p-edge)}.btn.btn--danger{--_face:var(--btn-d-face);--_ink:var(--btn-d-ink);--_edge:var(--btn-d-edge);--_line:var(--btn-d-ink)}.btn.btn--lg{--_t:4px;letter-spacing:.14em;border-radius:9px;min-height:64px;padding:0 44px;font-size:20px}.btn.btn--lg:after{border-radius:6px}.btn.btn--sm{--_t:3px;min-height:44px;padding:0 16px;font-size:14px}.btn.btn--chip{--_t:2px;letter-spacing:.03em;border-radius:6px;min-height:36px;padding:0 16px;font-size:13.5px;font-weight:700}.btn.btn--chip:after{display:none}.btn.btn--chip:before{content:"";position:absolute;inset:-5px -2px}.btn.btn--icon{width:46px;padding:0}.btn.btn--icon.btn--sm{width:44px}.btn.btn--block{width:100%;display:flex}.btn.btn.btn--quiet{--_t:1px;box-shadow:0 var(--_t) 0 var(--_edge), inset 0 1px 0 #ffffff29}.btn.btn.btn--quiet:after{display:none}.btn.btn:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(1.05)}.btn.btn:active:not(:disabled):not([aria-disabled=true]),.btn.btn.is-pressed{transform:translateY(var(--_t));box-shadow:0 0 0 var(--_edge), 0 1px 2px -1px var(--btn-shadow), inset 0 1px 3px #0000002e;transition-duration:50ms}.btn.btn[aria-pressed=true]{--_face:var(--btn-sunk);--_ink:var(--btn-s-ink);border-color:var(--btn-sel);transform:translateY(var(--_t));box-shadow:0 0 0 var(--_edge), inset 0 2px 5px #00000047, inset 0 0 0 1px var(--btn-sel)}.btn.btn:disabled,.btn.btn[aria-disabled=true]{color:var(--btn-dis-ink);border:1px dashed var(--btn-dis-line);box-shadow:none;filter:none;cursor:not-allowed;background:0 0;transform:none}.btn.btn:disabled:after,.btn.btn[aria-disabled=true]:after{display:none}.btn.btn[aria-pressed=true]:disabled{background:var(--btn-sunk);border:1px solid var(--btn-dis-line);transform:translateY(var(--_t));box-shadow:inset 0 2px 5px #0003}.btn.btn:focus-visible,:root[data-theme] .btn.btn:focus-visible{outline:3px solid var(--btn-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.btn.btn{transition:none}}@media (prefers-color-scheme:dark){:root:not([data-theme]){--btn-p-edge:#2a4a78;--btn-s-edge:#08090a;--btn-s-line:#ece7dc6b;--btn-d-ink:#ff9d8f;--btn-d-edge:#3a1d1a;--btn-sel:#8fb4e6;--btn-dis-ink:#ece7dc6b;--btn-dis-line:#ece7dc42;--btn-shadow:#0009;--btn-ring:#8fb4e6}}@media (forced-colors:active){.btn.btn{color:buttontext;box-shadow:none;forced-color-adjust:auto;background:buttonface;border:2px solid buttontext}.btn.btn:after{display:none}.btn.btn--primary{border-width:3px}.btn.btn--danger{border-style:double;border-width:4px}.btn.btn[aria-pressed=true],.btn.btn.is-pressed{border:4px solid highlight}.btn.btn:disabled,.btn.btn[aria-disabled=true]{color:graytext;background:buttonface;border:2px dashed graytext}.btn.btn:focus-visible,:root[data-theme] .btn.btn:focus-visible{outline:3px solid highlight}}